@extends('layouts.app')

@section('content')
  
<nav class="dsdsd" aria-label="breadcrumb">
    <div class="container">
        <ol class="breadcrumb custom-breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
            
            <li class="breadcrumb-item active" aria-current="page">About Us</li>
        </ol>
    </div>
</nav>

<section class="flat-spacing-3 pb-0">
    <div class="container">
        <div class="flat-title-2 d-xl-flex justify-content-xl-between">
            <div class="row">
            <div class="col-xl-4 col-lg-4 col-md-12 col-12">
                <div class="box-title">
                <p class="display-lg-2 fw-medium f25">
                    Welcome to Blinds Market
                </p>
                <p class="text-xl">
                    <b>The Perfect Shade for Every Room</b>
                </p>
            </div>
             </div>
             <div class="col-xl-8 col-lg-8 col-md-8 col-sm-12 col-12">
                <div class="box-text">
                <p class="text-md">
                    At <span class="fw-medium">Blinds Market</span>, we offer premium blinds, shutters, curtains, and
                    window systems designed to elevate every space. With years of expertise, we provide solutions that
                    blend innovation, safety, and timeless style for both homes and commercial projects.
                </p>
            </div>
             </div>
            </div>
            
            
        </div>
        <div class="image radius-16 overflow-hidden banner-about">
            <img src="{{ asset('assets/img/about1.png') }}" data-src="{{ asset('assets/img/about1.png') }}" alt="Blinds Market"
                class="w-100 h-100 object-fit-cover lazyload">
        </div>
    </div>
</section>

<section class="flat-spacing-3">
    <div class="container">
        <div class="flat-title text-center">
            <p class="display-md-2 fw-medium" style="text-align:justify;">
                Why Choose Blinds Market
            </p>
            <p class="text-md text-main">
                Our window solutions are crafted with durability, safety, and modern design in mind. From elegant blinds
                to energy-efficient shutters, we deliver products that enhance comfort and style for every lifestyle.
            </p>
        </div>
        <div class="row">
            <div class="col-xl-7 col-md-6">
                <ul class="list-esd d-md-flex flex-md-column justify-content-md-center h-100">
                    <li class="item">
                        <h6>
                            Innovation & Quality
                        </h6>
                        <p class="text-md text-main">
                            At Blinds Market, we use cutting-edge technology and premium materials to ensure our blinds
                            and window systems are reliable, stylish, and built to last.
                        </p>
                    </li>
                    <li class="item">
                        <h6>
                            Style Meets Functionality
                        </h6>
                        <p class="text-md text-main">
                            Our products combine sleek design with practical benefits such as light control, privacy,
                            and energy efficiency — perfect for both residential and commercial spaces.
                        </p>
                    </li>
                    <li class="item">
                        <h6>
                            Comfort & Safety
                        </h6>
                        <p class="text-md text-main">
                            Designed with safety features and user-friendly systems, our blinds and curtains offer peace
                            of mind without compromising on comfort and elegance.
                        </p>
                    </li>
                </ul>
            </div>
            <div class="col-xl-5 col-md-6">
                <div class="image radius-16 overflow-hidden w-100 h-100 mt-4">
                    <img src="{{ asset('assets/img/about2.png') }}" data-src="{{ asset('assets/img/about2.png') }}" alt="Blinds Market"
                        class="lazyload w-100 h-100 object-fit-cover">
                </div>
            </div>
        </div>
    </div>
</section>

<section class="ptt-67 pbb-67">
    <div class="container">
        <div class="flat-title-2 d-xl-flex justify-content-xl-between">
            <div class="box-title">
                <p class="display-md-2 fw-medium">
                    Shades Curated Just for You
                </p>
                <p class="text-xl">
                    Window Solutions to Match Every Space
                </p>
            </div>
            <div class="box-text">
                <p class="text-md">
                    Our expert team has curated a versatile collection of blinds, shutters, and curtains <br
                        class="d-none d-xl-block"> designed to suit every taste and need. From modern minimalism to
                    classic elegance, <br class="d-none d-xl-block"> our products help you achieve the perfect look for
                    your interiors.
                </p>
            </div>
        </div>
        <div dir="ltr" class="swiper tf-swiper" data-swiper='{
            "slidesPerView": 1,
            "spaceBetween": 12,
            "speed": 800,
            "preventInteractionOnTransition": false, 
            "touchStartPreventDefault": false,
            "pagination": { "el": ".sw-pagination-iconbox", "clickable": true },
            "breakpoints": {
                "575": { "slidesPerView":2, "spaceBetween": 12}, 
                "992": { "slidesPerView": 3, "spaceBetween": 24}
            }
        }'>
            <div class="swiper-wrapper">
                <!-- item 1 -->
                <div class="swiper-slide">
                    <div class="tf-icon-box style-border">
                        <div class="box-icon">
                            <i class="icon icon-precision"></i>
                        </div>
                        <div class="content">
                            <h6>Precision in Every Detail</h6>
                            <p class="text-sm text-main text-line-clamp-4">
                                Each Blinds Market product is carefully engineered with attention to detail, offering
                                smooth functionality and a flawless finish that enhances your space.
                            </p>
                        </div>
                    </div>
                </div>
                <!-- item 2 -->
                <div class="swiper-slide">
                    <div class="tf-icon-box style-border">
                        <div class="box-icon">
                            <i class="icon icon-elegance"></i>
                        </div>
                        <div class="content">
                            <h6>Effortless Elegance</h6>
                            <p class="text-sm text-main text-line-clamp-4">
                                Our blinds and curtains bring elegance and practicality together, creating interiors
                                that are both inviting and sophisticated.
                            </p>
                        </div>
                    </div>
                </div>
                <!-- item 3 -->
                <div class="swiper-slide">
                    <div class="tf-icon-box style-border">
                        <div class="box-icon">
                            <i class="icon icon-fashion-body"></i>
                        </div>
                        <div class="content">
                            <h6>Solutions for Every Room</h6>
                            <p class="text-sm text-main text-line-clamp-4">
                                From cozy bedrooms to professional office spaces, Blinds Market offers window solutions
                                designed to meet diverse needs while maintaining consistent quality.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-flex d-xl-none sw-dot-default sw-pagination-iconbox justify-content-center">
            </div>
        </div>
    </div>
</section>

<br><br>
@endsection