@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-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="container section-grid">
            <div class="row align-items-end">
                <div class="col-lg-8">
                    <p class="text-regular-semi-bold">Innovative</p>
                    <h2>Cutting-Edge Products</h2>
                    <p class="text-medium-normal mb-lg-0">Blitztech's products revolutionize business operations. From
                        AI-driven analytics to seamless integration, propel your business forward.</p>

                </div>
                {{-- <div class="col-lg-4 text-end">
                    <button type="button" class="btn btn-outline-primary">View all</button>
                </div> --}}
            </div>
            <div>
                <h4 class="mb-4 mt-5 product-category-title">DVR</h4>
                <div class="row">
                    <div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
                        <div class="ratio ratio-4x3 mb-4">
                            <img class="object-fit-cover"
                                src="{{ Vite::asset('resources/assets/images/frontend/hero/products/product-02.png') }}"
                                alt="">
                        </div>
                        <h5 class="mt-2 mb-0">TRIREC MDS24G</h5>
                        <p class="text-medium-normal mt-4 line-clamp-3">The TRIREC MDS24G Mobile DVR provides top-notch
                            video
                            monitoring abilities with H.264 recording and enhanced GPS tracking in addition to 4G. It is
                            offered
                            for buses, taxis, logistics, and armored transporters. This mobile DVR will offer great video
                            and
                            location data and can work on a stable Linux operating system intently.</p>
                        <a class="icon-link icon-link-hover"
                            href="{{ route('frontend.page', ['page' => 'products/MXVR/MDVR']) }}">
                            Read more
                            <svg width="24" height="24" viewBox="-32 0 512 512" xmlns="http://www.w3.org/2000/svg"
                                fill="currentColor" class="bi" aria-hidden="true">
                                <path
                                    d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h306.7L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160Z" />
                            </svg>
                        </a>
                    </div>
                    <div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
                        <div class="ratio ratio-4x3 mb-4">
                            <img class="object-fit-cover"
                                src="{{ Vite::asset('resources/assets/images/frontend/products/mxvr/FS108-AI-MDVR.png') }}"
                                alt="">
                        </div>
                        <h5 class="mt-2 mb-0">FS108 AI MDVR</h5>
                        <p class="text-medium-normal mt-4 line-clamp-3">The FS814 AI MDVR is a 1080P AHD hard-disk mobile
                            vehicle DVR supporting 8 cameras with embedded 4G, GPS, and WiFi modules. This system provides
                            real-time video monitoring, route and driver behavior analysis, fatigue driving alerts, and
                            more. It ensures data security through SD cards or hard drives and supports advanced features
                            like driver distraction monitoring and ADAS alerts.
                        </p>
                        <a class="icon-link icon-link-hover"
                            href="{{ route('frontend.page', ['page' => 'products/MXVR/FS108']) }}">
                            Read more
                            <svg width="24" height="24" viewBox="-32 0 512 512" xmlns="http://www.w3.org/2000/svg"
                                fill="currentColor" class="bi" aria-hidden="true">
                                <path
                                    d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h306.7L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160Z" />
                            </svg>
                        </a>
                    </div>
                </div>
                <h4 class="mb-4 mt-5 product-category-title">Display</h4>
                <div class="row">
                    <div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
                        <div class="ratio ratio-4x3 mb-4">
                            <img class="object-fit-cover"
                                src="{{ Vite::asset('resources/assets/images/frontend/hero/products/led.png') }}"
                                alt="">
                        </div>
                        <h5 class="mt-2 mb-0">TRIDEN-TA-P25</h5>
                        <p class="text-medium-normal mt-4 line-clamp-3">The LED Double-Sided Taxi Top Screen is the latest
                            innovation in outdoor mobile advertising. With its high-definition display, it brings a powerful
                            visual impact to every city street.</p>
                        <a class="icon-link icon-link-hover"
                            href="{{ route('frontend.page', ['page' => 'products/display/led-screen']) }}">
                            Read more
                            <svg width="24" height="24" viewBox="-32 0 512 512" xmlns="http://www.w3.org/2000/svg"
                                fill="currentColor" class="bi" aria-hidden="true">
                                <path
                                    d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h306.7L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160Z" />
                            </svg>
                        </a>
                    </div>
                    {{-- <div class="col-md-6 col-lg-4 mb-5">
                        <div class="ratio ratio-4x3 mb-4">
                            <img class="object-fit-cover"
                                src="https://placehold.co/410x410/D1C6EC/462C84?text=Blitztech+Solutions&font=inter-variable"
                                alt="">
                        </div>
                        <h5 class="mt-2 mb-0">TRICAM SL1080</h5>
                        <p class="text-medium-normal mt-4 line-clamp-3">Blitztech TRICAM SL1080 camera apply Starlight
                            technology that uses
                            optical, sensor and image processing technologies to provide clear images in dark environments.
                        </p>
                        <a class="icon-link icon-link-hover"
                            href="{{ route('frontend.page', ['page' => 'products/product']) }}">
                            Read more
                            <svg width="24" height="24" viewBox="-32 0 512 512" xmlns="http://www.w3.org/2000/svg"
                                fill="currentColor" class="bi" aria-hidden="true">
                                <path
                                    d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h306.7L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160Z" />
                            </svg>
                        </a>
                    </div>
                    <div class="col-md-6 col-lg-4 mb-5">
                        <div class="ratio ratio-4x3 mb-4">
                            <img class="object-fit-cover"
                                src="https://placehold.co/410x410/D1C6EC/462C84?text=Blitztech+Solutions&font=inter-variable"
                                alt="">
                        </div>
                        <h5 class="mt-2 mb-0">TRIREC MDS24G</h5>
                        <p class="text-medium-normal mt-4 line-clamp-3">TRIREC MDS24G 4-channel Dual SD Card Mobile DVR for
                            vehicles is a
                            high-performance, reliable, and user-friendly device that is perfect for mobile video
                            surveillance.
                            With its H.264 video compression/ decompression and GPS positioning technology, the MDS24G
                            ensures
                            clear, smooth video transmission and accurate location data through the 4G network.
                            Additionally,
                            the device's Linux operating system provides stable performance and easy operation. The MDS24G
                            is
                            ideal for buses, long-distance coaches, taxis, logistics vehicles, armored cars, private cars,
                            and
                            more.</p>
                        <a class="icon-link icon-link-hover"
                            href="{{ route('frontend.page', ['page' => 'products/product']) }}">
                            Read more
                            <svg width="24" height="24" viewBox="-32 0 512 512" xmlns="http://www.w3.org/2000/svg"
                                fill="currentColor" class="bi" aria-hidden="true">
                                <path
                                    d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h306.7L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160Z" />
                            </svg>
                        </a>
                    </div>
                    <div class="col-md-6 col-lg-4 mb-5">
                        <div class="ratio ratio-4x3 mb-4">
                            <img class="object-fit-cover"
                                src="https://placehold.co/410x410/D1C6EC/462C84?text=Blitztech+Solutions&font=inter-variable"
                                alt="">
                        </div>
                        <h5 class="mt-2 mb-0">TRIPRINT MP-BT08h</h5>
                        <p class="text-medium-normal mt-4 line-clamp-3">Blitztech TRIPRINT MP-08 is a Mini Bluetooth
                            portable
                            58mm thermal
                            receipt printer that is compatible with various devices and support multiple languages.</p>
                        <a class="icon-link icon-link-hover"
                            href="{{ route('frontend.page', ['page' => 'products/product']) }}">
                            Read more
                            <svg width="24" height="24" viewBox="-32 0 512 512" xmlns="http://www.w3.org/2000/svg"
                                fill="currentColor" class="bi" aria-hidden="true">
                                <path
                                    d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h306.7L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160Z" />
                            </svg>
                        </a>
                    </div> --}}
                </div>
                <h4 class="mb-4 mt-5 product-category-title">Camera</h4>
                <div class="row">
                    <div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
                        <div class="ratio ratio-4x3 mb-4">
                            <img class="object-fit-cover"
                                src="{{ Vite::asset('resources/assets/images/frontend/hero/products/product-01.png') }}"
                                alt="">
                        </div>
                        <h5 class="mt-2 mb-0">TRICAM SL1080</h5>
                        <p class="text-medium-normal mt-4 line-clamp-3">Blitztech TRICAM SL1080 is equipped with Starlight
                            technology, which can obtain very clear and detailed images in dim places owing to advanced
                            optical,
                            sensor, and image processing techniques.</p>
                        <a class="icon-link icon-link-hover"
                            href="{{ route('frontend.page', ['page' => 'products/camera/duo-camera']) }}">
                            Read more
                            <svg width="24" height="24" viewBox="-32 0 512 512" xmlns="http://www.w3.org/2000/svg"
                                fill="currentColor" class="bi" aria-hidden="true">
                                <path
                                    d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h306.7L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160Z" />
                            </svg>
                        </a>
                    </div>
                </div>
                <h4 class="mb-4 mt-5 product-category-title">Others</h4>
                <div class="row">
                    <div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
                        <div class="ratio ratio-4x3 mb-4">
                            <img class="object-fit-cover"
                                src="{{ Vite::asset('resources/assets/images/frontend/hero/products/product-03.png') }}"
                                alt="">
                        </div>
                        <h5 class="mt-2 mb-0">TRIPRINT MP-BT08h</h5>
                        <p class="text-medium-normal mt-4 line-clamp-3">The Blitztech TRIPRINT MP-08, with dimensions of
                            58mm,
                            is a portable, small-size thermal receipt printer with Bluetooth connectivity. It is compatible
                            with
                            multiple devices and works in an assortment of languages, which makes it efficient for on-the-go
                            printing.</p>
                        <a class="icon-link icon-link-hover"
                            href="{{ route('frontend.page', ['page' => 'products/others/printer']) }}">
                            Read more
                            <svg width="24" height="24" viewBox="-32 0 512 512" xmlns="http://www.w3.org/2000/svg"
                                fill="currentColor" class="bi" aria-hidden="true">
                                <path
                                    d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h306.7L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160Z" />
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('plugins-scripts')

@endsection
@section('page-scripts')

@endsection