@extends('frontend.layouts.default')
@section('pageTitle', config('meta.home.title'))
@section('pageDescription'){!! config('meta.home.description') !!}
@endsection
@section('pageKeywords'){!! config('meta.home.keywords') !!}
@endsection
@section('plugins-style')
@endsection
@section('page-style')
@endsection
@section('content')
    <section class="bg-primary-lightest">
        <div class="container section-grid">
            <div class="row">
                <div class="col-lg-6">
                    <div class="row">
                        <div class="col-lg-10">
                            <h2>Our Story: Driving Innovation with Smart Tech Solutions</h2>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div>
                        <p class="text-medium-normal">At Blitztech Solutions FZE LLC, innovation powers our commitment to
                            smarter, safer, and more efficient technology. Specializing in telematics and custom software,
                            we create cost-effective solutions to simplify business operations. With cutting-edge ideas and
                            in-house expertise, we tackle real-world challenges across industries, delivering results that
                            exceed expectations. Our mission is clear: to simplify life—personal or professional—one
                            intelligent solution at a time. Your success is our goal.</p>
                        {{-- <div class="mt-3 mt-5 mt-lg-0">
                            <button type="button" class="btn btn-primary">Learn More</button>
                            <button type="button" class="btn btn-outline-primary ms-3">Get Started</button>
                        </div> --}}
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="bg-dot-pattern">
        <div class="dot-pattern-section"
            style=" background-image: url({{ Vite::asset('resources/assets/images/frontend/bg-pattern/dot-pattern.svg') }});">
            {{-- <img src="{{ Vite::asset('resources/assets/images/frontend/bg-pattern/dot-pattern.svg') }}" alt=""> --}}
        </div>
        <div class="blob"></div>
        <div class="container section-grid">
            <div class="row">
                <div class="col-lg-4 mb-5 mb-lg-0">
                    <div class="content-icon mb-4">
                        <svg width="24" height="24" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"
                            fill="currentColor">
                            <g>
                                <path
                                    d="M64 32C28.7 32 0 60.7 0 96v64c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64Zm280 72v0c13.25 0 24 10.74 24 24 0 13.25-10.75 24-24 24v0c-13.26 0-24-10.75-24-24 0-13.26 10.74-24 24-24Zm48 24v0c0-13.26 10.74-24 24-24 13.25 0 24 10.74 24 24v0c0 13.25-10.75 24-24 24 -13.26 0-24-10.75-24-24Zm32 280v0c13.25 0 24-10.75 24-24 0-13.26-10.75-24-24-24v0c-13.26 0-24 10.74-24 24 0 13.25 10.74 24 24 24Z" />
                                <path opacity=".4"
                                    d="M416 152v0c13.25 0 24-10.75 24-24 0-13.26-10.75-24-24-24v0c-13.26 0-24 10.74-24 24 0 13.25 10.74 24 24 24ZM64 288c-35.3 0-64 28.7-64 64v64c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64v-64c0-35.3-28.7-64-64-64H64Zm280 72v0c13.25 0 24 10.74 24 24 0 13.25-10.75 24-24 24v0c-13.26 0-24-10.75-24-24 0-13.26 10.74-24 24-24Zm56 24v0c0-13.26 10.74-24 24-24 13.25 0 24 10.74 24 24v0c0 13.25-10.75 24-24 24 -13.26 0-24-10.75-24-24Z" />
                            </g>
                        </svg>
                    </div>
                    <h5>Our Vision</h5>
                    <p class="text-regular-normal">Driving business growth through innovative and cost-effective IT
                        solutions. We tailor strategies that optimize your potential and ensure maximum ROI.</p>
                </div>
                <div class="col-lg-4 mb-5 mb-lg-0">
                    <div class="content-icon mb-4">
                        <svg width="24" height="24" viewBox="0 -64 640 640" xmlns="http://www.w3.org/2000/svg"
                            fill="currentColor">
                            <g>
                                <path
                                    d="M224 256v0c70.69 0 128-57.31 128-128C352 57.3 294.69 0 224 0v0C153.3 0 96 57.3 96 128c0 70.69 57.3 128 128 128Zm-45.7 48C79.8 304 0 383.8 0 482.3 0 498.7 13.3 512 29.7 512h388.6c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3h-91.4Z" />
                                <path opacity=".4"
                                    d="M609.3 512H471.4c5.4-9.4 8.6-20.3 8.6-32v-8c0-60.7-27.1-115.2-69.8-151.8 2.4-.1 4.7-.2 7.1-.2h61.4c89.1 0 161.3 72.2 161.3 161.3 0 17-13.8 30.7-30.7 30.7ZM432 256c-31 0-59-12.6-79.3-32.9 19.7-26.6 31.3-59.5 31.3-95.1 0-26.8-6.6-52.1-18.3-74.3C384.3 40.1 407.2 32 432 32c61.9 0 112 50.1 112 112s-50.1 112-112 112Z" />
                            </g>
                        </svg>
                    </div>
                    <h5>Our Team</h5>
                    <p class="text-regular-normal">A dedicated team of engineers, developers, data scientists, and designers
                        united by a passion for your success. Collaboration is our greatest strength.</p>
                </div>
                <div class="col-lg-4 mb-5 mb-lg-0">
                    <div class="content-icon mb-4">
                        <svg width="24" height="24" viewBox="0 -32 576 576" xmlns="http://www.w3.org/2000/svg"
                            fill="currentColor">
                            <g>
                                <path
                                    d="M294.4 44.8c6-8.1 15.5-12.8 25.6-12.8h224c17.7 0 32 14.3 32 32s-14.3 32-32 32H336l-86.4 115.2c-6 8.1-15.5 12.8-25.6 12.8H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h176l86.4-115.2Z" />
                                <path opacity=".4"
                                    d="M32 256c-17.7 0-32 14.3-32 32s14.3 32 32 32h109.9l86.7 144.5c5.8 9.6 16.2 15.5 27.4 15.5h288c17.7 0 32-14.3 32-32s-14.3-32-32-32H274.1l-57.6-96H544c17.7 0 32-14.3 32-32s-14.3-32-32-32H32Z" />
                            </g>
                        </svg>
                    </div>
                    <h5>Our Approach</h5>
                    <p class="text-regular-normal">Refining ideas, prototyping, building, and testing solutions, we ensure
                        smooth deployment and ongoing support for sustained results.</p>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="container section-grid">
            <div class="row">
                <div class="col-lg-6">
                    <h3>We're really becoming a fast-growing tech company.</h3>
                </div>
                <div class="col-lg-6">
                    <div>
                        <p class="text-medium-normal">From telematics to tailored software, we're put here to help
                            businesses work smarter, safer, and more efficiently. Your success is our mission, and we've got
                            the numbers to prove it.</p>
                        <div class="mt-5">
                            <div class="row">
                                <div class="col-6 col-md-3 col-lg-6 mb-4">
                                    <h2>100</h2>
                                    <p class="text-regular-normal">Successful Projects</p>
                                </div>
                                <div class="col-6 col-md-3 col-lg-6 mb-4">
                                    <h2>50%</h2>
                                    <p class="text-regular-normal">Year-on-year Growth</p>
                                </div>
                                <div class="col-6 col-md-3 col-lg-6 mb-4">
                                    <h2>30</h2>
                                    <p class="text-regular-normal">Ttalented Team Players</p>
                                </div>
                                <div class="col-6 col-md-3 col-lg-6 mb-4">
                                    <h2>20</h2>
                                    <p class="text-regular-normal">Global Clients</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="ratio ratio-16x9">
                        <img class="object-fit-cover"
                            src="{{ Vite::asset('resources/assets/images/frontend/about/office-people.jpg') }}"
                            alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- <section>
        <div class="container section-grid">
            <div class="row" style="--bs-gutter-x: 80px">
                <div class="col-lg-4">
                    <p class="text-regular-semi-bold">Tagline</p>
                    <h2>Our team</h2>
                    <p class="text-medium-normal">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
                        varius
                        enim in eros elementum tristique.</p>
                </div>
                <div class="col-lg-8">
                    <div class="row" style="--bs-gutter-x: 64px">
                        <div class="col-md-6 mb-5">
                            <div class="ratio ratio-1x1 mb-4">
                                <img class="object-fit-cover"
                                    src="{{ Vite::asset('resources/assets/images/frontend/about/people-4.jpg') }}"
                                    alt="">
                            </div>
                            <p class="text-large-semi-bold mb-0">Full name</p>
                            <p class="text-medium-normal">Job title</p>
                            <p class="text-regular-normal mt-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                Suspendisse varius enim in eros elementum tristique.</p>
                        </div>
                        <div class="col-md-6 mb-5">
                            <div class="ratio ratio-1x1 mb-4">
                                <img class="object-fit-cover"
                                    src="{{ Vite::asset('resources/assets/images/frontend/about/people-1.jpg') }}"
                                    alt="">
                            </div>
                            <p class="text-large-semi-bold mb-0">Full name</p>
                            <p class="text-medium-normal">Job title</p>
                            <p class="text-regular-normal mt-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                Suspendisse varius enim in eros elementum tristique.</p>
                        </div>
                        <div class="col-md-6 mb-5">
                            <div class="ratio ratio-1x1 mb-4">
                                <img class="object-fit-cover"
                                    src="{{ Vite::asset('resources/assets/images/frontend/about/people-2.jpg') }}"
                                    alt="">
                            </div>
                            <p class="text-large-semi-bold mb-0">Full name</p>
                            <p class="text-medium-normal">Job title</p>
                            <p class="text-regular-normal mt-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                Suspendisse varius enim in eros elementum tristique.</p>
                        </div>
                        <div class="col-md-6 mb-5">
                            <div class="ratio ratio-1x1 mb-4">
                                <img class="object-fit-cover"
                                    src="{{ Vite::asset('resources/assets/images/frontend/about/people-3.jpg') }}"
                                    alt="">
                            </div>
                            <p class="text-large-semi-bold mb-0">Full name</p>
                            <p class="text-medium-normal">Job title</p>
                            <p class="text-regular-normal mt-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                Suspendisse varius enim in eros elementum tristique.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}
@endsection
@section('plugins-scripts')
@endsection
@section('page-scripts')

@endsection