

<?php $__env->startSection('title','E-SHOP || About Us'); ?>

<?php $__env->startSection('main-content'); ?>

	<!-- Breadcrumbs -->
	<div class="breadcrumbs">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="bread-inner">
						<ul class="bread-list">
							<li><a href="index1.html">Home<i class="ti-arrow-right"></i></a></li>
							<li class="active"><a href="blog-single.html">About Us</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- End Breadcrumbs -->
	
	<!-- About Us -->
	<section class="about-us section">
    <div class="container">

        <!-- Centered Header -->
        <div class="row mb-5">
            <div class="col-12 text-center">
                <h6 class="text-uppercase text-muted mb-2">
                    Your Trusted Partner for Office Essentials
                </h6>
                <h2 class="fw-bold">
                    About <span class="text-primary">Polo Stationery</span>
                </h2>
            </div>
        </div>

        <div class="row align-items-center">

            <!-- Content -->
            <div class="col-lg-6 col-12">
                <div class="about-content">

                    <?php
                        $settings = DB::table('settings')->first();
                    ?>

                    <!-- Description with Read More -->
                    <p class="mb-2" >
                        <span id="shortDesc">
                            <?php echo e(Str::limit($settings->description, 700)); ?>

                        </span>

                        <span id="fullDesc" style="display:none;">
                            <?php echo e($settings->description); ?>

                        </span>
                    </p>

                    <a href="javascript:void(0);" 
                       id="readMoreBtn" 
                       onclick="toggleDescription()" 
                       class="read-more-link">
                        Read More
                    </a>

                    <!-- Features -->
                    <div class="row mt-4">
                        <div class="col-md-6 col-12 mb-3">
                            <div class="feature-item">
                                <i class="fa fa-check-circle"></i>
                                <span>B2B Stationery Solutions</span>
                            </div>
                        </div>

                        <div class="col-md-6 col-12 mb-3">
                            <div class="feature-item">
                                <i class="fa fa-check-circle"></i>
                                <span>Cleaning & Hygiene Products</span>
                            </div>
                        </div>

                        <div class="col-md-6 col-12 mb-3">
                            <div class="feature-item">
                                <i class="fa fa-check-circle"></i>
                                <span>Customized Branding</span>
                            </div>
                        </div>

                        <div class="col-md-6 col-12 mb-3">
                            <div class="feature-item">
                                <i class="fa fa-check-circle"></i>
                                <span>Bulk & Recurring Supply</span>
                            </div>
                        </div>
                    </div>

                    <div class="button mt-4">
                        <a href="<?php echo e(route('contact')); ?>" class="btn primary">
                            Contact Us
                        </a>
                    </div>

                </div>
            </div>

            <!-- Image -->
            <div class="col-lg-6 col-12">
                <div class="about-img overlay">
                    <img src="<?php echo e($settings->photo); ?>" alt="Polo Stationery & Supplies">
                </div>
            </div>

        </div>
    </div>
</section>


<section class="counter-section section bg-light">
    <div class="container">
        <div class="row text-center">

            <div class="col-lg-3 col-md-6 col-6 mb-4">
                <div class="counter-box">
                    <h2 class="counter" data-target="500">0</h2>
                    <p>Corporate Clients</p>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-6 mb-4">
                <div class="counter-box">
                    <h2 class="counter" data-target="1000">0</h2>
                    <p>Products Supplied</p>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-6 mb-4">
                <div class="counter-box">
                    <h2 class="counter" data-target="250">0</h2>
                    <p>Hotels & Institutions</p>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-6 mb-4">
                <div class="counter-box">
                    <h2 class="counter" data-target="10">0</h2>
                    <p>Years of Experience</p>
                </div>
            </div>

        </div>
    </div>
</section>


	
	<!-- End About Us -->
	<section class="features section features-bg">
    <div class="container">

        <!-- Section Heading -->
        <div class="row text-center mb-5">
            <div class="col-12">
                <h2 class="fw-bold">What We Offer</h2>
                <p class="text-muted">
                    Complete stationery and hygiene solutions designed for professional environments.
                </p>
            </div>
        </div>

        <div class="row">

            <!-- Stationery -->
            <div class="col-lg-6 col-md-6 col-12 mb-4">
                <div class="feature-box h-100">
                    <div class="feature-icon">
                        <i class="fa fa-pencil"></i>
                    </div>

                    <h5>Stationery Solutions</h5>
                    <p>
                        Our stationery range is ideal for hotels, offices, institutions, and events, offering both
practicality and a premium look.
                    </p>

                    <ul class="feature-list">
                        <li><a href="#">Customized stationery</a></li>
                        <li><a href="#">Hotel & in-room stationery</a></li>
                        <li><a href="#">Corporate & office supplies</a></li>
                        <li><a href="#">School & institutional products</a></li>
                        <li><a href="#">Art, kids & activity kits</a></li>
                        <li><a href="#">Festive & corporate gifting</a></li>
						
                    </ul>
                </div>
            </div>

            <!-- Cleaning -->
            <div class="col-lg-6 col-md-6 col-12 mb-4">
                <div class="feature-box h-100">
                    <div class="feature-icon">
                        <i class="fa fa-shield"></i>
                    </div>

                    <h5>Cleaning & Hygiene Products</h5>
                    <p>
                       Our cleaning and hygiene solutions are curated to meet the daily
operational needs of commercial and hospitality spaces.
                    </p>

                    <ul class="feature-list">
                        <li><a href="#">Floor & surface cleaners</a></li>
                        <li><a href="#">Glass & bathroom cleaners</a></li>
                        <li><a href="#">Disinfectants & sanitizers</a></li>
                        <li><a href="#">Housekeeping essentials</a></li>
                        <li><a href="#">Cleaning accessories & consumables</a></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</section>



<section class="vision-mission section">
    <div class="container">
		  <div class="row text-center mb-5">
            <div class="col-12">
                <h2 class="fw-bold">Our Purpose</h2>
                <p class="text-muted">
                    Guiding our commitment to quality, reliability, and long-term partnerships.
                </p>
            </div>
        </div>
        <div class="row text-center">
            
            <div class="col-lg-6 col-12 mb-4">
                <h4>Our Vision</h4>
                <p>
                    To become a preferred B2B supplier of stationery and cleaning solutions for hotels,
                    corporates, and commercial institutions across India.
                </p>
            </div>

            <div class="col-lg-6 col-12 mb-4">
                <h4>Our Mission</h4>
                <p>
                    To deliver high-quality, cost-effective, and reliable products that help our clients
                    maintain professionalism, hygiene, and operational excellence—while simplifying
                    their supply chain.
                </p>
            </div>

        </div>
    </div>
</section>

<!-- Leadership -->
<section id="team" class="team section bg-light">
    <div class="container">
        
        <div class="row">
            <div class="col-12">
                <div class="section-title">
                    <h2>Leadership Team</h2>
                    <p>
                        Driven by experience in business management, branding, healthcare, and technology.
                    </p>
                </div>
            </div>
        </div>

        <div class="row">

            <!-- Krushangi -->
            <div class="col-lg-6 col-md-12 col-12 mb-4">
                <div class="single-team p-4 h-100">
                    <div class="info-box">
                        <h4 class="name">Krushangi Shukla</h4>
                        <span class="designation">Innovation & Branding</span>
                        <p class="mt-3">
                            Krushangi holds an MBA from Fairleigh Dickinson University and has worked
                            as a Project Manager in a healthcare IT firm in Florida. Her experience spans
                            healthcare systems, branding, and process-driven businesses.
                        </p>
                        <p>
                            Inspired by her passion for thoughtful design and customization, she founded
                            Polo Stationery & Supplies to create high-quality, functional, and visually
                            engaging stationery for both children and professionals.
                        </p>
                    </div>
                </div>
            </div>

            <!-- Pavan -->
            <div class="col-lg-6 col-md-12 col-12 mb-4">
                <div class="single-team p-4 h-100">
                    <div class="info-box">
                        <h4 class="name">Pavan Shukla</h4>
                        <span class="designation">Strategy & Technology</span>
                        <p class="mt-3">
                            Pavan holds an MBBS degree and a Master’s in Healthcare Management from
                            Australia. He founded a healthcare software company focused on making
                            hospitals paperless and efficient.
                        </p>
                        <p>
                            As Co-Founder of Polo Stationery & Supplies, he leads strategy, systems, and
                            technology—helping organizations streamline procurement through scalable,
                            one-stop supply solutions.
                        </p>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

	<!--/ End Team Area -->
	
	<!-- Start Shop Services Area -->
	<section class="shop-services section">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-6 col-12">
					<!-- Start Single Service -->
					<div class="single-service">
						<i class="ti-rocket"></i>
						<h4>Free shiping</h4>
						<p>Orders over $100</p>
					</div>
					<!-- End Single Service -->
				</div>
				<div class="col-lg-3 col-md-6 col-12">
					<!-- Start Single Service -->
					<div class="single-service">
						<i class="ti-reload"></i>
						<h4>Free Return</h4>
						<p>Within 30 days returns</p>
					</div>
					<!-- End Single Service -->
				</div>
				<div class="col-lg-3 col-md-6 col-12">
					<!-- Start Single Service -->
					<div class="single-service">
						<i class="ti-lock"></i>
						<h4>Sucure Payment</h4>
						<p>100% secure payment</p>
					</div>
					<!-- End Single Service -->
				</div>
				<div class="col-lg-3 col-md-6 col-12">
					<!-- Start Single Service -->
					<div class="single-service">
						<i class="ti-tag"></i>
						<h4>Best Peice</h4>
						<p>Guaranteed price</p>
					</div>
					<!-- End Single Service -->
				</div>
			</div>
		</div>
	</section>

	<style>
		.feature-item {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #333;
}

.feature-item i {
    color: #0d6efd;
    margin-right: 10px;
    font-size: 18px;
}


.read-more-link {
    color: #0d6efd;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}

.read-more-link:hover {
    text-decoration: underline;
}

.counter-box h2 {
    font-size: 40px;
    font-weight: 700;
    color: #0d6efd;
    margin-bottom: 10px;
}

.counter-box p {
    font-size: 15px;
    color: #555;
    margin: 0;
}

/* Section background */
.features-bg {
    background-color: #f8fafc;
}

/* Feature Card */
.feature-box {
    background: #ffffff;
    border-radius: 12px;
    padding: 35px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
}

.feature-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

/* Icon */
.feature-icon {
    width: 55px;
    height: 55px;
    background: #0d6efd;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 22px;
    margin-bottom: 20px;
}

/* Headings */
.feature-box h5 {
    font-weight: 600;
    margin-bottom: 10px;
}

/* List */
.feature-list {
    list-style: none;
    padding-left: 0;
    margin-top: 15px;
}

.feature-list li {
    margin-bottom: 10px;
}

/* Link style */
.feature-list li a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
}

.feature-list li a::before {
    content: "›";
    color: #0d6efd;
    margin-right: 8px;
    font-size: 18px;
}

.feature-list li a:hover {
    color: #0d6efd;
    padding-left: 5px;
}


	</style>
	<!-- End Shop Services Area -->
	<script>
function toggleDescription() {
    const shortDesc = document.getElementById('shortDesc');
    const fullDesc = document.getElementById('fullDesc');
    const btn = document.getElementById('readMoreBtn');

    if (fullDesc.style.display === "none") {
        shortDesc.style.display = "none";
        fullDesc.style.display = "inline";
        btn.innerText = "Read Less";
    } else {
        shortDesc.style.display = "inline";
        fullDesc.style.display = "none";
        btn.innerText = "Read More";
    }
}
</script>

<script>
const counters = document.querySelectorAll('.counter');
let started = false;

function runCounter() {
    counters.forEach(counter => {
        const target = +counter.getAttribute('data-target');
        const speed = 100;

        const updateCount = () => {
            const count = +counter.innerText;
            const inc = Math.ceil(target / speed);

            if (count < target) {
                counter.innerText = count + inc;
                setTimeout(updateCount, 30);
            } else {
                counter.innerText = target + "+";
            }
        };
        updateCount();
    });
}

window.addEventListener('scroll', () => {
    const section = document.querySelector('.counter-section');
    const sectionTop = section.getBoundingClientRect().top;
    const screenHeight = window.innerHeight;

    if (sectionTop < screenHeight && !started) {
        started = true;
        runCounter();
    }
});
</script>


	<?php echo $__env->make('frontend.layouts.newsletter', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('frontend.layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/ecommerce_website/resources/views/frontend/pages/about-us.blade.php ENDPATH**/ ?>