@extends('frontend.master')

@section('content')
    <section class="hero_all_item">
        <div class="container py-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>
            @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 all_hero_items all_hero_items_extra">
                <div class="col-12 col-xl-6 order-2 order-xl-1">
                    <iframe class="contact_video" 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="col-12 col-xl-6 order-1 order-xl-2">
                    <div class="contact_hero_text">
                        <p>“Bizcope gave us advanced warning about some of the things that have saved our business and lots
                            of money. This agility of them as a team has helped us for last two and half years.”</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- form_section --}}
    <section class="all_form_section">
        <div class="container form_section form_contact">
            <div class="form_all_text form_contact_text">
                <h3>Find Out how we can increase your profit</h3>
                <p><span class="">Schedule a meeting</span> to discuss how Bizcope can help you to <span>double,
                        triple</span> or <span>quadruple</span> your sales and revenue. So, tell us what you want –
                    simply fill in the form below and we’ll be in touch with you shortly 😎 <br> Phone: +880 1324-738600
                </p>
            </div>

            {{-- form --}}
            <div class="row align-items-center">
                <div class="col-md-12">
                    <div class="form-card">
                        <h4>Schedule a Brief Meeting to Discuss</h4>
                        <form method="POST" action="{{ route('contact-form.store') }}">
                            @csrf
                            <div class="row mb-3">
                                <div class="col-12 col-lg-6">
                                    <label for="first_name" class="form-label">*First Name</label>
                                    <input type="text" name="first_name" id="first_name" class="form-control"
                                        placeholder="Example: Saif">
                                </div>
                                <div class="col-12 col-lg-6">
                                    <label for="last_name" class="form-label">*Last Name</label>
                                    <input type="text" name="last_name" id="last_name" placeholder="Example: Chowdhury"
                                        class="form-control">
                                </div>
                            </div>
                            <div class="col mb-3">
                                <label for="email" class="form-label">*Email Address</label>
                                <input type="email" name="email" id="email" class="form-control"
                                    placeholder="Example: saifhasan@gmail.com">
                            </div>
                            <div class="col mb-3">
                                <label for="phone" class="form-label">*Phone Number</label>
                                <input type="tel" name="phone" id="phone" class="form-control"
                                    placeholder="Example: +8801324738600">
                            </div>
                            <div class="mb-3">
                                <label for="website" class="form-label">Website / FB Page</label>
                                <input type="text" name="website" id="website" class="form-control"
                                    placeholder="Example: www.mywebsite.com">
                            </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-3">
                                <label for="budget" class="form-label">*Yearly Project Budget</label>
                                <input type="text" id="budget" name="budget" class="form-control"
                                    placeholder="Example: $15000">
                            </div>
                            <div class="mb-3">
                                <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-3">
                                <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>
    </section>
    {{-- meet_us_section --}}
    <section>
        <div class="container py-5">
            <div class="meet_us_section new_meet_section">
                <h4>This happens when you meet <span>Us​</span></h4>
            </div>

            <div class="row g-5 meet_cards">
                <div class="col-md-6 col-lg-4">
                    <div class="card card-custom h-100">
                        <div class="card-body meet_card_item">
                            <h5 class="card-title fw-bold">Building Strength</h5>
                            <p>We together build a strong relationship, which will increase the strength of our work.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card card-custom h-100">
                        <div class="card-body meet_card_item">
                            <h5 class="card-title fw-bold">Learning On the Go</h5>
                            <p>It’s not only a working phase also we will learn and experience all the things together.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card card-custom h-100">
                        <div class="card-body meet_card_item">
                            <h5 class="card-title fw-bold">Fixing the Mindset</h5>
                            <p>We will fix a mindset to achieve our goal in time. We work for your dream to make it real.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card card-custom h-100">
                        <div class="card-body meet_card_item">
                            <h5 class="card-title fw-bold">Improve Your Ranking</h5>
                            <p>Improving your ranking is our prior task if you choose to take our SEO service. Let us deal
                                with Google for you.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card card-custom h-100">
                        <div class="card-body meet_card_item">
                            <h5 class="card-title fw-bold">Positive Result</h5>
                            <p>Together we will achieve a positive result to set your business as a brand in the market.</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4">
                    <div class="card card-custom h-100">
                        <div class="card-body meet_card_item">
                            <h5 class="card-title fw-bold">Great Heart Pace</h5>
                            <p>Your website is the heart of your business. We work just like a pacemaker to keep your heart
                                healthy.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection