@extends('frontend.master')

@section('content')
    <section class="hero_all_item">
        <div class="container py-2 py-lg-3">
            <div class="mb-4 d-flex flex-md-row align-items-center justify-content-between gap-3 job_scam_text">
                <h4 class="text-danger mb-0">Beware of Job Scams!</h4>
                <div class="scroll-container w-100 overflow-hidden">
                    <div class="scroll-text text-nowrap text-secondary">
                        <p class="mb-0 top_text">
                            We've noticed a surge in fake job offers being circulated via WhatsApp falsely claiming to be
                            from Bizcope. Stay alert!
                        </p>
                    </div>
                </div>
            </div>

            <div class="row align-items-center gy-4 text_and_video">
                <div class="col-lg-12 col-xl-6">
                    <div class="hero_text md-text-left lg-text-center text-md-start title_text text_title_extra">
                        <h3 class="fw-bold mb-2">Digital Marketing with</h3><br>
                        <h3 class="fw-bold mb-2 skin_title">Skin in the Game</h3>
                        <div class="over_text">
                            <p class="">
                                With over a decade of experience in SEO, Web Dev, and the digital space,
                                we’ve proved that strategic thinking & expertise create fascinating results.
                                <br><br> Let’s put the skin in the game! 🤝
                            </p>

                            <a href="#" class="btn btn-primary hero_button display-6">Schedule a Call
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-12 col-xl-6 text-center over_images">
                    <div class="hero_img_items">
                        <img class="hero_element_img" src="frontend/assets/img/general_setting/element.png" alt="logo">
                        <img class="hero_element_img" src="frontend/assets/img/general_setting/element.png" alt="logo">
                        <img class="hero_element_img" src="frontend/assets/img/general_setting/element.png" alt="logo">
                    </div>

                    <div class="ratio ratio-16x9 mb-3">
                        <iframe class="hero_video" allowfullscreen
                            src="https://player.vimeo.com/video/494047399?color&amp;autopause=0&amp;loop=0&amp;muted=0&amp;title=0&amp;portrait=0&amp;byline=0#t=">
                        </iframe>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="featured_all hidden_section">
        <div class="container">
            <div class="">
                <h2 class="elementor-heading-title elementor-size-default featured_text mb-5">
                    <span class="featured_one">Featured</span>
                    <span class="featured_two">In</span>
                </h2>

                {{-- brand-img-pc --}}
                <div class="brand_item_img">
                    <div class="brand_item brand_logo">
                        <img class="brands" src="frontend/assets/img/general_setting/the-business-standard-logo.png"
                            alt="logo">
                        <img class="brands" src="frontend/assets/img/general_setting/chennal_i.png" alt="logo">
                        <img class="brands" src="frontend/assets/img/general_setting/prothom_alo.png" alt="logo">
                        <img class="brands" src="frontend/assets/img/general_setting/maasranga.png" alt="logo">
                        <img class="brands" src="frontend/assets/img/general_setting/kaler_khontho.png" alt="logo">
                        <img class="brands" src="frontend/assets/img/general_setting/Independent_tv.png" alt="logo">
                        <img class="brands" src="frontend/assets/img/general_setting/city-fm.png" alt="logo">
                    </div>
                </div>
                {{-- brand-img-pc --}}
            </div>
        </div>
    </section>
    <section class="why-section hidden_section">
        <div class="container">
            <div class="row align-items-center">
                <!-- Image Column -->
                <div class="col-md-6 bizcope_section">
                    <img class="shapimg" src="frontend/assets/img/general_setting/shapimg.png" alt="img">
                    <div class="image-wrapper image_extra">
                        <img src="frontend/assets/img/general_setting/preview.png" alt="Team Illustration">
                    </div>
                </div>

                {{-- brand-img-mobile --}}
                <div class="swiper mySwiper brand_item_extra">
                    <div class="swiper-wrapper swiper_extra">
                        <div class="swiper-slide slide_item">
                            <img class="brands" src="frontend/assets/img/general_setting/the-business-standard-logo.png"
                                alt="logo">
                        </div>
                        <div class="swiper-slide slide_item">
                            <img class="brands" src="frontend/assets/img/general_setting/chennal_i.png" alt="logo">
                        </div>
                        <div class="swiper-slide slide_item">
                            <img class="brands" src="frontend/assets/img/general_setting/prothom_alo.png" alt="logo">
                        </div>
                        <div class="swiper-slide slide_item">
                            <img class="brands" src="frontend/assets/img/general_setting/kaler_khontho.png" alt="logo">
                        </div>
                        <div class="swiper-slide slide_item">
                            <img class="brands" src="frontend/assets/img/general_setting/maasranga.png" alt="logo">
                        </div>
                        <div class="swiper-slide slide_item">
                            <img class="brands" src="frontend/assets/img/general_setting/Independent_tv.png" alt="logo">
                        </div>
                        <div class="swiper-slide slide_item">
                            <img class="brands" src="frontend/assets/img/general_setting/city-fm.png" alt="logo">
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                {{-- brand-img-mobile --}}
                <div class="col-md-6">
                    <h2 class="why-title">Why <span>Bizcope</span></h2>
                    <div class="underline underline_extra"></div>
                    <p class="why-text">
                        The answer is simple – <strong>Bizcope helps you achieve more sales and revenue</strong> from
                        our
                        Digital Marketing services.
                        As we have been in the industry for more than 14 years now (since 2010) we have grown high-level
                        expertise in this industry.
                    </p>
                    <div class="badges mt-4 d-flex badges_item">
                        <img src="frontend/assets/img/general_setting/brand-img-02.png" alt="img">
                        <img src="frontend/assets/img/general_setting/brand-img-02.png" alt="img">
                        <img src="frontend/assets/img/general_setting/brand-img-02.png" alt="img">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="why-section why_section_extra hidden_section">
        <div class="container">
            <div class="row align-items-center why_section">
                <!-- Text Column -->
                <div class="col-md-6 why_section_left">
                    <h2 class="why-title">Grow Your Business With<br><span>The Best Online Marketing Company</span></h2>
                    <div class="underline underline_extra"></div>
                    <p class="why-text">
                        Through our proven Digital Marketing services we can help you get more traffic, help you convert
                        those traffic into customers, and customers into advocates of your brand. Today Bizcope is a leading
                        SEO service provider company in Bangladesh because of the results we provide our clients day-in and
                        day-out.
                    </p>
                </div>

                <!-- Image Column -->
                <div class="col-md-6 bizcope_section bizcope_section_extra">
                    <img class="shapimg shapimg_extra" src="frontend/assets/img/general_setting/shapimg_02.png" alt="img">
                    <div class="image-wrapper image_extra_img">
                        <img src="frontend/assets/img/general_setting/graph.png" alt="Team Illustration">
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- card_section --}}
    <section class="experience_section hidden_section">
        <div class="container">
            <div class="experience_card">
                {{-- item --}}
                <div data-aos="fade-up" data-aos-offset="100" data-aos-easing="ease-in-sine" class="card_item">
                    <img src="frontend/assets/img/general_setting/undraw_happy.png" alt="img">
                    <h4>Experience</h4>
                    <p>Experience is such a thing that you can’t make with money. Our 12+ years of experience of excellent
                        data-driven results make us different from all other SEO companies.</p>
                </div>
                {{-- item --}}
                {{-- item --}}
                <div class="card_item" data-aos="fade-up" data-aos-offset="300" data-aos-easing="ease-in-sine">
                    <img src="frontend/assets/img/general_setting/undraw_in.png" alt="img">
                    <h4>Industry <span class="web_color">Experts</span></h4>
                    <p>Experience is such a thing that you can’t make with money. Our 12+ years of experience of excellent
                        data-driven results make us different from all other SEO companies.</p>
                </div>
                {{-- item --}}
                {{-- item --}}
                <div class="card_item" data-aos="fade-up" data-aos-offset="400" data-aos-easing="ease-in-sine">
                    <img src="frontend/assets/img/general_setting/undraw_data.png" alt="img">
                    <h4>Proof of <span class="web_color">Results</span></h4>
                    <p>Experience is such a thing that you can’t make with money. Our 12+ years of experience of excellent
                        data-driven results make us different from all other SEO companies.</p>
                </div>
                {{-- item --}}
            </div>
        </div>
    </section>
    {{-- service_section --}}
    <section class="hidden_section">
        <div class="container my-4 mb-lg-5">
            <h2 class="section-title service_text mb-3">
                <span class="">Our</span>
                <span class="web_color">Services</span>
            </h2>
            <div class="underline underline_extra"></div>
            <div class="row g-2 g-lg-5 mt-3">
                <div class="col-md-6 col-lg-4">
                    <div class="card-custom card_extra">
                        <h4>Digital Marketing</h4>
                        <p>Digital marketing creates opportunities for small and medium business enterprises to compete with
                            larger business entities.</p>
                        <a href="#" class="btn btn-custom">Get Started</a>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="card-custom card_extra">
                        <h4>Digital Marketing</h4>
                        <p>Digital marketing creates opportunities for small and medium business enterprises to compete with
                            larger business entities.</p>
                        <a href="#" class="btn btn-custom">Get Started</a>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="card-custom card_extra">
                        <h4>Digital Marketing</h4>
                        <p>Digital marketing creates opportunities for small and medium business enterprises to compete with
                            larger business entities.</p>
                        <a href="#" class="btn btn-custom">Get Started</a>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="card-custom card_extra">
                        <h4>Digital Marketing</h4>
                        <p>Digital marketing creates opportunities for small and medium business enterprises to compete with
                            larger business entities.</p>
                        <a href="#" class="btn btn-custom">Get Started</a>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="card-custom card_extra">
                        <h4>Digital Marketing</h4>
                        <p>Digital marketing creates opportunities for small and medium business enterprises to compete with
                            larger business entities.</p>
                        <a href="#" class="btn btn-custom">Get Started</a>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="card-custom card_extra">
                        <h4>Digital Marketing</h4>
                        <p>Digital marketing creates opportunities for small and medium business enterprises to compete with
                            larger business entities.</p>
                        <a href="#" class="btn btn-custom">Get Started</a>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="card-custom card_extra">
                        <h4>Digital Marketing</h4>
                        <p>Digital marketing creates opportunities for small and medium business enterprises to compete with
                            larger business entities.</p>
                        <a href="#" class="btn btn-custom">Get Started</a>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="card-custom card_extra">
                        <h4>Digital Marketing</h4>
                        <p>Digital marketing creates opportunities for small and medium business enterprises to compete with
                            larger business entities.</p>
                        <a href="#" class="btn btn-custom">Get Started</a>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="card-custom card_extra">
                        <h4>Digital Marketing</h4>
                        <p>Digital marketing creates opportunities for small and medium business enterprises to compete with
                            larger business entities.</p>
                        <a href="#" class="btn btn-custom">Get Started</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- video_section --}}
    <section class="video_item_section hidden_section">
        <div class="container">
            <div class="row">
                <div class="elementor-widget-wrap elementor-element-populated">
                    <div class="">
                        <h2 class="why-title">Testimonials From Our <span>Clients</span></h2>
                        <div class="underline underline_extra"></div>
                    </div>
                    <div class="all_videos">
                        <div class="video_items" data-aos="zoom-out-up">
                            <iframe class="elementor-video-iframe video_frame" style="width: 100%; height: 230px;"
                                allowfullscreen="" allow="clipboard-write" title="vimeo Video Player"
                                src="https://player.vimeo.com/video/531884650?color&amp;autopause=0&amp;loop=0&amp;muted=0&amp;title=0&amp;portrait=0&amp;byline=0#t="></iframe>
                        </div>

                        <div class="video_items" data-aos="zoom-out-up">
                            <iframe class="elementor-video-iframe" style="width: 100%; height: 280px;" allowfullscreen=""
                                allow="clipboard-write" title="vimeo Video Player"
                                src="https://player.vimeo.com/video/531871073?color&amp;autopause=0&amp;loop=0&amp;muted=0&amp;title=0&amp;portrait=0&amp;byline=0#t="></iframe>
                        </div>

                        <div class="video_items" data-aos="zoom-out-up">
                            <iframe class="elementor-video-iframe" style="width: 100%; height: 280px;" allowfullscreen=""
                                allow="clipboard-write" title="vimeo Video Player"
                                src="https://player.vimeo.com/video/507052450?color&amp;autopause=0&amp;loop=0&amp;muted=0&amp;title=0&amp;portrait=0&amp;byline=0#t="></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- trusted_best_section --}}
    <section class="trusted_best_section web_color_bg hidden_section">
        <div class="container">
            <div class="trusted_best_text">
                <h3>We are trusted by the best</h3>
                <div class="row row-cols-5 row-cols-md-5 g-1 g-lg-3">
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/logitech.png" alt="Logitech">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/ryans.svg" alt="Ryans">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/hatil.png" alt="Hatil">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/mobile_logo.jpg" alt="Mobil">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/payoneer_logo.png" alt="Payoneer">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/rokomari.png" alt="Swish">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/applegadgets.png" alt="AppleGadgets">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/swish_global.jpg" alt="BITM">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/logitech.png" alt="Logitech">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/ryans.svg" alt="Ryans">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/hatil.png" alt="Hatil">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/mobile_logo.jpg" alt="Mobil">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/payoneer_logo.png" alt="Payoneer">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/rokomari.png" alt="Swish">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/applegadgets.png" alt="AppleGadgets">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/swish_global.jpg" alt="BITM">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/logitech.png" alt="Logitech">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/ryans.svg" alt="Ryans">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/hatil.png" alt="Hatil">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/mobile_logo.jpg" alt="Mobil">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/payoneer_logo.png" alt="Payoneer">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/rokomari.png" alt="Swish">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/applegadgets.png" alt="AppleGadgets">
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo-card" data-aos="zoom-in-down">
                            <img src="frontend/assets/img/general_setting/swish_global.jpg" alt="BITM">
                        </div>
                    </div>
                </div>

                <div class="trusted_text">
                    <h3>Ready to build your brand?</h3>
                    <p>YOU ARE JUST ONE STEP AWAY TO EXPERIENCE THE PROGRESS.</p>
                    <a href="#">Let Us Build Your Business</a>
                </div>
            </div>

            <div class="row count_item">
                <div class="col-md-4">
                    <div class="stat-card">
                        <div class="counter counter_text" data-target="324">
                        </div>
                        <p>Years Of <span class="web_color">Experience</span></p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stat-card">
                        <div class="counter counter_text" data-target="1000">
                        </div>
                        <p>Happy <span class="web_color">Clients</span></p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stat-card">
                        <div class="counter counter_text" data-target="151">
                        </div>
                        <p>Brains To <span class="web_color">Support</span></p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- counter_section --}}
    {{-- bizcope_section --}}
    <section class="bizcope-section hidden_section">
        <div class="container">
            <div class="">
                <h2 class="why-title">Inside Bizcope <span>Minds</span></h2>
                <div class="underline underline_extra"></div>
            </div>
            <div class="row g-3 g-lg-4">
                <div class="col-md-4" data-aos="fade-right" data-aos-offset="200" data-aos-easing="ease-in-sine">
                    <a href="#">
                        <div class="case-card position-relative">
                            <img src="frontend/assets/img/general_setting/syste_card.jpg" alt="Case Study 1">
                            <p>165% Increased Organic Growth for SystechHR in Just 6 Months</p>
                        </div>
                    </a>
                </div>
                <div class="col-md-4" data-aos="zoom-in">
                    <a href="#">
                        <div class="case-card position-relative">
                            <img src="frontend/assets/img/general_setting/syste_card.jpg" alt="Case Study 1">
                            <p>165% Increased Organic Growth for SystechHR in Just 6 Months</p>
                        </div>
                    </a>
                </div>
                <div class="col-md-4" data-aos="fade-left" data-aos-offset="200" data-aos-easing="ease-in-sine">
                    <a href="#">
                        <div class="case-card position-relative">
                            <img src="frontend/assets/img/general_setting/diy_img.jpg" alt="Case Study 1">
                            <p>165% Increased Organic Growth for SystechHR in Just 6 Months</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>
    {{-- strategy_section --}}
    <section class="strategy-section hidden_section">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-12 col-lg-6 order-2 order-lg-1">
                    {{-- form --}}
                    @if(session('success'))
                        <div class="alert alert-success alert-dismissible fade show mt-3" role="alert">
                            {{ session('success') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    @endif
                    <div class="row align-items-center">
                        <div class="col-md-12">
                            <div class="form-card">
                                <h4>Get A Free 30-Minute Strategy Session</h4>
                                <form method="POST" action="{{ route('contact-form.store') }}">
                                    @csrf
                                    <div class="row mb-2">
                                        <div class="col-sm-12 col-md-6">
                                            <label for="first_name" class="form-label">*First Name</label>
                                            <input type="text" name="first_name" id="first_name" class="form-control">
                                        </div>
                                        <div class="col-sm-12 col-md-6">
                                            <label for="last_name" class="form-label">*Last Name</label>
                                            <input type="text" name="last_name" id="last_name" class="form-control">
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="col-sm-12 col-md-6">
                                            <label for="email" class="form-label">*Email Address</label>
                                            <input type="email" name="email" id="email" class="form-control">
                                        </div>
                                        <div class="col-sm-12 col-md-6">
                                            <label for="phone" class="form-label">*Phone Number</label>
                                            <input type="tel" name="phone" id="phone" class="form-control">
                                        </div>
                                    </div>
                                    <div class="mb-2">
                                        <label for="website" class="form-label">Website / FB Page</label>
                                        <input type="text" name="website" id="website" class="form-control">
                                    </div>
                                    <div class="mb-2 d-flex flex-column custom-select-wrapper">
                                        <label for="needs" class="form-label">*Your Needs?</label>

                                        <div class="custom-select-container">
                                            <select name="needs" id="needs" class="form-control option_item custom-select">
                                                <option>I need more customers</option>
                                                <option value="I need more organic traffic to my website">I need more
                                                    organic traffic to my website</option>
                                                <option value="I need help with my conversion">I need help with my
                                                    conversion</option>
                                                <option value="I need more customers">I need more customers</option>
                                                <option value="I need more leads">I need more leads</option>
                                                <option value="I need help with Social Media">I need help with Social Media
                                                </option>
                                                <option value="I need help with Paid Marketing">I need help with Paid
                                                    Marketing</option>
                                                <option value="I need a Website">I need a Website</option>
                                                <option value="I need an Ecommerce Website">I need an Ecommerce Website
                                                </option>
                                                <option value="Just wanted to say hi">Just wanted to say hi</option>
                                            </select>
                                            <i class="fa-solid fa-chevron-down select-icon"></i>
                                        </div>
                                    </div>

                                    <div class="mb-2">
                                        <label for="budget" class="form-label">*Yearly Project Budget (USD)</label>
                                        <input type="text" id="budget" name="budget" class="form-control">
                                    </div>
                                    <div class="mb-2">
                                        <label for="message" class="form-label">Message</label>
                                        <textarea name="message" id="message" class="form-control"
                                            placeholder="Tell us a little bit what you want to achieve and when can you talk with us about this project."
                                            rows="3">
                                                                                </textarea>
                                    </div>
                                    <div class="mb-2">
                                        <div class="g-recaptcha" data-sitekey="6Lel4Z4UAAAAAOa8LO1Q9mqKRUiMYl_00o5mXJrR">
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-primary claim_now">Here We Go</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-lg-6 strategy_item order-1 order-lg-2 pb-4 pb-lg-0">
                    <div class="info-text">
                        <h2>Let Us Build Your Brand</h2>
                        <div class="dots"></div>
                        <p>Ready to build your brand? You are just one step away<br>to experience the progress.<br><br>If
                            there is
                            still something you want to know, get in touch with us!</p>
                        <a href="#" class="btn btn-secondary">Get In Touch</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- touch_section --}}
    <section class="touch-section hidden_section">
        <div class="container">
            <div class="row extra_mb_margin">
                <div class="col-md-12 col-lg-6">
                    <h2 class="why-title get_in_text">Get in <span>Touch</span></h2>
                    <div class="underline underline_extra"></div>
                    <div class="row g-4">
                        <div class="col-md-6">
                            <div class="info-card">
                                <h5>Location</h5>
                                <p>Level 4 and 5, Nadian Tower, 89/7 Gopibag, Dhaka 1203, Bangladesh</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="info-card">
                                <h5>Our Hours</h5>
                                <p>We are open SAT-THUR 10:00 - 06:30 (GMT +6)</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="info-card">
                                <h5>Contact us</h5>
                                <p>Phone: +8801324738600<br>Email: hello@bizcope.com</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="info-card">
                                <h5>Social</h5>
                                <div class="row justify-content-center">
                                    <div class="col social_icons">
                                        <a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
                                        <a href="#" class="social-icon"><i class="fab fa-twitter"></i></a>
                                        <a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
                                        <a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
                                        <a href="#" class="social-icon"><i class="fab fa-tiktok"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-lg-6 touch_text">
                    <div class="map-container">
                        <iframe
                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d64981020.95068662!2d-161.4707710359371!3d36.11140290769841!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited%20States!5e1!3m2!1sen!2sbd!4v1751282783908!5m2!1sen!2sbd"
                            class="touch_map" style="border:0;" allowfullscreen="" loading="lazy"
                            referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- section --}}
    <section class="hidden_section">
        <div class="container">
            <div class="footer_brands">
                <img src="frontend/assets/img/general_setting/footer_social_icon.png" alt="img">
            </div>
        </div>
    </section>
@endsection