<?php include 'link.php'; ?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Reel Factory</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="">

    <!-- Favicon -->
    <link href="<?= LINK; ?>images/logo.png" rel="icon">

    <!-- Icon Font Stylesheet -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">


    <!-- Libraries Stylesheet -->
    <link href="<?= LINK; ?>lib/animate/animate.min.css" rel="stylesheet">
    <link href="<?= LINK; ?>lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="<?= LINK; ?>lib/lightbox/css/lightbox.min.css" rel="stylesheet">
    <link href="https://unpkg.com/aos@2.3.4/dist/aos.css" rel="stylesheet" />


    <!-- Customized Bootstrap Stylesheet -->
    <link href="<?= LINK; ?>css/bootstrap.min.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="<?= LINK; ?>css/style.css" rel="stylesheet">

    <!-- Google Tag Manager -->


</head>

<body>

    <?php include 'nav.php'; ?>


    <!-- <marquee class="marquee d-flex align-items-center text-white" width="100%" direction="left" height="40px">
        NEW! Fellowship program for students pursuing their Masters in Psychology and looking for career in the field of
        special education.
    </marquee> -->

    <section class="home-bg section-height position-relative">
        <video src="images/bannervdo.mp4" autoplay muted loop playsinline></video>
    </section>






    <div class="overflow-hidden">

        <section class="in-the-box  py-lg-70 pt-5 " id="About">
            <div class="container">
                <div class="row justify-content-center mb-0">
                    <div class="col-lg-5 hero-img" data-aos="fade-right" data-aos-delay="100">
                        <img src="images/side.jpg" alt="hero 3">
                    </div>
                    <!--/.col-7-->
                    <div class="col-lg-7 justify-content-center d-flex ps-lg-5">
                        <div>
                            <h3 class="main-headings mt-lg-0 mt-3" data-aos="fade-left" data-aos-delay="200">About Us
                            </h3>
                            <p class="section-description" data-aos="fade-left" data-aos-delay="200">At the <b> Reel
                                    Factory, </b>we get it! Today, content isn’t just king, it’s the whole kingdom. And
                                in a
                                world full of noise, you need reels that actually say something.

                            </p>
                            <p class="section-description" data-aos="fade-left" data-aos-delay="200"><b>We started Reel
                                    Factory
                                    with one simple idea:</b> every brand deserves content that looks good, feels
                                authentic,
                                and
                                actually gets seen. No boring edits. No recycled templates. Just pure, scroll-stopping
                                content crafted with intention.

                            </p>
                            <p class="section-description" data-aos="fade-left" data-aos-delay="200"><b>We are
                                </b>creators,
                                strategists, trend-watchers, and vibe-checkers, all rolled into one. From the first idea
                                to
                                the final reel, we work closely with you to capture your brand’s voice in a way that
                                feels
                                natural, exciting, and made for the feed.
                                .
                            </p>
                            <div>
                                <h3 class="main-headings mt-lg-0 mt-3" data-aos="fade-left" data-aos-delay="200">WE HELP
                                    BRANDS
                                </h3>
                                <ul class="li-001">
                                    <li class="ps-3 fw-bold">Be where their audience is
                                    </li>
                                    <li class="ps-3 fw-bold"> Stay relevant with trends that <i> actually</i> suit them
                                    </li>
                                    <li class="ps-3 fw-bold"> Post confidently with content that’s prepped, polished &
                                        planned
                                    </li>
                                    <li class="ps-3 fw-bold"> Save time and creative energy with a smooth process
                                    </li>
                                </ul>
                                <p>Whether you want <b>2 reels a month or 20,</b> we offer <b>custom packages</b> that
                                    flex
                                    with
                                    your
                                    goals, product launches, or campaign timelines. </p>

                            </div>
                        </div>

                    </div>
                </div>
                <!--/.row -->

            </div>
            <!--/.container-->
        </section>
        <section class="how-it-works bg-grey py-lg-70 py-5 ">
            <div class="container">
                <h3 class="text-center main-headings" data-aos="fade-up" data-aos-delay="200"><span
                        class="type-target">Working with Reel Factory feels like:
                    </span></h3>
                <!-- <p class="text-center" data-aos="fade-up" data-aos-delay="300">Find out the steps it takes to have a box
                full of cheesy surprizes delivered
                to your door at the same time each month!</p> -->
                <div class="row">
                    <div class="col-lg-4" data-aos="fade-up" data-aos-delay="400">
                        <div class="step one">
                            <div class="icon">
                                <span>1</span>
                                <i class="fas fa-clipboard-list"></i>
                            </div><!-- /.icon-->
                            <div class="mt-3">
                                <!-- <h4 class="text-center">Choose a Cheese Plan</h4> -->
                                <p class="text-center">Having a team that "gets it" without <br> endless explanations
                                </p>
                            </div>
                        </div><!-- /.step -->
                    </div><!-- /.col-4 -->

                    <div class="col-lg-4" data-aos="fade-up" data-aos-delay="600">
                        <div class="step two">
                            <div class="icon">
                                <span>2</span>
                                <i class="fas fa-box-open"></i>
                            </div><!-- /.icon-->
                            <div class="mt-3">
                                <!-- <h4 class="text-center">We hand-pick a box for you</h4> -->
                                <p class="text-center">Getting ideas that sound fun—and <br>look even better

                                </p>
                            </div><!-- /.step -->
                        </div><!-- /.step -->
                    </div><!-- /.col-4 -->


                    <div class="col-lg-4" data-aos="fade-up" data-aos-delay="800">
                        <div class="step three">
                            <div class="icon">
                                <span>3</span>
                                <i class="far fa-paper-plane"></i>
                            </div><!-- /.icon-->
                            <div class="mt-3">
                                <!-- <h4 class="text-center">... and send it on your way</h4> -->
                                <p class="text-center">Seeing your brand look just <br>the way you imagined</p>
                            </div><!-- /.step -->
                        </div><!-- /.step -->
                    </div>

                </div>
                <div class="row pt-5">

                    <div class="col-lg-6">

                        <p>
                            You don’t need a big studio.

                        </p>
                        <p>
                            You don’t need to go viral overnight.

                        </p>
                        <p>You just need someone who gets it—and knows how to turn stories into
                            scroll-worthy
                            reels.</p>


                        <p><b>That’s us. That's the Reel Factory.
                            </b></p>
                        <p><b>Let’s talk ideas
                            </b></p>

                    </div>
                    <div class="col-lg-6 reel-img">
                        <img src="images/reel.jpg" alt="">
                    </div>
                </div><!-- /.row -->

            </div><!-- /.container -->

        </section>
        <!-- <section class="py-lg-70 bg-gradient">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-5 subscribe-box" data-aos="flip-left" data-aos-delay="100">
                    <i class="fas fa-shopping-cart"></i>

                    <ul class="li-001">
                        <li class="ps-3 fw-bold">Be where their audience is
                        </li>
                        <li class="ps-3 fw-bold"> Stay relevant with trends that <i> actually</i> suit them
                        </li>
                        <li class="ps-3 fw-bold"> Post confidently with content that’s prepped, polished &
                            planned
                        </li>
                        <li class="ps-3 fw-bold"> Save time and creative energy with a smooth process
                        </li>
                    </ul>
                    <div class="ms-auto d-none d-lg-block text-center">
                        <button type="submit" data-bs-toggle="modal" data-bs-target="#contactModal" target="_blank"
                            class="btn register-now text-white py-2 px-3">REGISTER NOW</button>
                    </div>
                </div>
            </div>
        </div>
    </section> -->

        <!-- <section class="py-lg-70 bg-grey">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8 mt-lg-0 mt-4">
                    <h3 class="main-headings text-center">Previous Boxes Content</h3>
                    <p class="text-center pt-3  ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
                        eiusmod
                        tempor
                        incididunt ut labore et
                        dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
                        ut
                        aliquip
                        ex ea commodo consequat.</p>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12 pt-3">
                    <ul class="nav nav-tabs d-flex justify-content-center" id="myTab" role="tablist">
                        <li class="nav-item" role="presentation ">
                            <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home"
                                type="button" role="tab" aria-controls="home" aria-selected="true">Home</button>
                        </li>
                        <li class="nav-item  ms-3" role="presentation">
                            <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile"
                                type="button" role="tab" aria-controls="profile" aria-selected="false">Profile</button>
                        </li>
                        <li class="nav-item  ms-3 mt-lg-0 mt-3" role="presentation ms-2">
                            <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact"
                                type="button" role="tab" aria-controls="contact" aria-selected="false">Contact</button>
                        </li>
                    </ul>
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                            <div class="row  prev-border justify-content-center pt-5 mt-5">
                                <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
                                    <img class="nav-image" src="images/dummy.jpg" alt="">
                                </div>
                                <div class="col-lg-4 p-5" data-aos="fade-up" data-aos-delay="400">
                                    <h4>MARCH</h4>
                                    <p>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <span>72 reviews</span>
                                    </p>
                                    <p class="subscribe-text">Lorem, ipsum dolor sit amet consectetur adipisicing
                                        elit.
                                        <b>Suscipit
                                            maxime</b>
                                        dignissimos est. Cumque expedita delectus maxime quibusdam error!
                                        Consectetur,
                                        perspiciatis sapiente?
                                    </p>
                                </div>
                                <div class="col-lg-4 s" data-aos="fade-left" data-aos-delay="600">
                                    <div class="shadowbox p-5 position-relative">
                                        <div class="ribbon"><span>$89 Value</span></div>
                                        <h4 class="text-center">A CLOSER BOX</h4>

                                        <P class="text-center py-4">Lorem ipsum dolor sit amet consectetur
                                            adipisicing
                                            elit.
                                            Error, facere reiciendis
                                            dolorem similique soluta, est tenetur unde quos </P>
                                        <ul class="li-001">
                                            <li class="ps-3 fw-bold">Lorem, ipsum dolor sit</li>
                                            <li class="ps-3 fw-bold">Sint reiciendis excepturi </li>
                                            <li class="ps-3 fw-bold">explicabo fugiat corrupti? </li>
                                            <li class="ps-3 fw-bold">voluptatum ipsa officiis
                                            </li>
                                        </ul>

                                        <div class="ms-auto d-none d-lg-block text-center mt-5">
                                            <button type="submit" data-bs-toggle="modal" data-bs-target="#contactModal"
                                                target="_blank" class="btn register-now text-white py-2 px-3">REGISTER
                                                NOW</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </section> -->


        <section class="py-lg-70" id="Packages">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8 pb-5 mt-4 mt-lg-0">

                        <h3 class="main-headings text-center">Big Value in Every Plan
                        </h3>
                        <p class="text-center pt-3">Each package is designed to give you more than just reels—it’s
                            strategy, style, and storytelling wrapped in one.
                            .</p>
                        <p class="text-center fw-bold"><i>Discover Your Ideal Bundle
                            </i></p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-3 text-center" data-aos="zoom-in" data-aos-delay="200">
                        <div class="prices position-relative">
                            <p class="price001">$125</p>
                            <h5 class="text-cente mt-3 ">MONTHLY SUBSCRIPTION</h5>
                            <!-- <p class="p-4 mb-0 border-bottom">A box fitted for 1 or 2 people lorem ipsum dolor sit amet</p> -->
                            <ul class="ps-0">
                                <li class="p-3 border-bottom">5 Reels</li>
                                <li class="p-3 border-bottom">1 Revision</li>
                                <li class="p-3 ">1 Category</li>
                            </ul>
                            <div class="ms-auto d-none d-lg-block text-center">
                                <button type="submit" data-bs-toggle="modal" data-bs-target="#contactModal"
                                    target="_blank" class="btn register-now text-white py-2 px-3">BUY NOW</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 text-center mt-5 mt-lg-0" data-aos="zoom-in" data-aos-delay="400">
                        <div class="prices position-relative">
                            <p class="price001">$200</p>
                            <h5 class="text-cente mt-3">OFFER <br> BOX</h5>
                            <!-- <p class="p-4 mb-0 border-bottom">A box fitted for 1 or 2 people lorem ipsum dolor sit amet</p> -->
                            <ul class="ps-0">
                                <li class="p-3 border-bottom">10 Reels</li>
                                <li class="p-3 border-bottom">1 Revision</li>
                                <li class="p-3 ">1 Category</li>
                            </ul>
                            <div class="ms-auto d-none d-lg-block text-center">
                                <button type="submit" data-bs-toggle="modal" data-bs-target="#contactModal"
                                    target="_blank" class="btn register-now text-white py-2 px-3">BUY NOW</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 text-center mt-5 mt-lg-0" data-aos="zoom-in" data-aos-delay="600">
                        <div class="prices position-relative">
                            <p class="price001">$500</p>
                            <h5 class="text-cente mt-3 ">YEARLY SUBSCRIPTION</h5>
                            <!-- <p class="p-4 mb-0 border-bottom">A box fitted for 1 or 2 people lorem ipsum dolor sit amet</p> -->
                            <ul class="ps-0">
                                <li class="p-3 border-bottom">20 Reels</li>
                                <li class="p-3 border-bottom">3 Revision</li>
                                <li class="p-3 ">2 Business Category</li>
                            </ul>
                            <div class="ms-auto d-none d-lg-block text-center">
                                <button type="submit" data-bs-toggle="modal" data-bs-target="#contactModal"
                                    target="_blank" class="btn register-now text-white py-2 px-3">BUY NOW</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 text-center mt-5 mt-lg-0" data-aos="zoom-in" data-aos-delay="600">
                        <div class="prices position-relative">
                            <p class="price001">$999</p>
                            <h5 class="text-cente mt-3 ">YEARLY SUBSCRIPTION</h5>
                            <!-- <p class="p-4 mb-0 border-bottom">A box fitted for 1 or 2 people lorem ipsum dolor sit amet</p> -->
                            <ul class="ps-0">
                                <li class="p-3 border-bottom">30 Reels</li>
                                <li class="p-3 border-bottom">5 Revision</li>
                                <li class="p-3 ">5 Business Category</li>
                            </ul>
                            <div class="ms-auto d-none d-lg-block text-center">
                                <button type="submit" data-bs-toggle="modal" data-bs-target="#contactModal"
                                    target="_blank" class="btn register-now text-white py-2 px-3">BUY NOW</button>
                            </div>
                        </div>
                    </div>
                </div>
        </section>

        <section class="bg-grey py-lg-70" id="Solutions">
            <div class="container">
                <h3 class="main-headings text-center" data-aos="fade-right" data-aos-delay="200">Solutions</h3>
                <p class="text-center">At Reel Factory, we know content isn't one-size-fits-all. That’s why we let you
                    build
                    your own reel game,
                    just the way you need it.
                </p>
                <p class="text-center">You tell us <b>what you do, how you want to show up, and what pace works best for
                        you.</b> Then we turn
                    that
                    into custom, consistent, scroll-stopping reels.</p>
                <p class="text-center"> Here’s how it works:</p>
                <div class="row align-items-start">

                    <!-- Left Column: Background Image -->
                    <div class="col-md-6 mb-4 mb-md-0">
                        <div class="bg-image-left w-100 h-100"></div>
                    </div>

                    <!-- Right Column: Accordion -->
                    <div class="col-md-6">

                        <div class="accordion" id="reelStepsAccordion">

                            <!-- Step 1 -->
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingOne">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseOne">
                                        Step 1: Choose Your Business Category
                                    </button>
                                </h2>
                                <div id="collapseOne" class="accordion-collapse collapse show"
                                    data-bs-parent="#reelStepsAccordion">
                                    <div class="accordion-body">
                                        <p>Because a café’s vibe is different from a finance brand’s. We tailor
                                            everything
                                            to your industry—scripts, visuals, and edit style.</p>
                                        <strong>Popular categories:</strong>
                                        <div class="row">
                                            <div class="col-6">
                                                <ul class="li-002">
                                                    <li>Fashion & Apparel</li>
                                                    <li>Food & Beverage</li>
                                                    <li>Beauty & Personal Care</li>
                                                    <li>Fitness & Wellness</li>
                                                    <li>Real Estate</li>
                                                    <li>Hospitality (Hotels, Cafés, Salons)</li>
                                                    <li>Education & Coaching</li>
                                                </ul>
                                            </div>
                                            <div class="col-6">
                                                <ul class="li-002">

                                                    <li>Events & Weddings</li>
                                                    <li>Startups & Entrepreneurs</li>
                                                    <li>Creators & Influencers</li>
                                                    <li>Tech & SaaS</li>
                                                    <li>Travel & Lifestyle</li>
                                                    <li>Finance, Legal & Consulting</li>
                                                    <li>Automotive & Accessories</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Step 2 -->
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseTwo">
                                        Step 2: Pick Your Reel Style
                                    </button>
                                </h2>
                                <div id="collapseTwo" class="accordion-collapse collapse"
                                    data-bs-parent="#reelStepsAccordion">
                                    <div class="accordion-body">
                                        <p>Want it raw and real? Or snappy and polished?</p>
                                        <strong>Styles you can choose from:</strong>
                                        <div class="row">
                                            <div class="col-6">
                                                <ul class="li-002">
                                                    <li>BTS (Behind the Scenes)</li>
                                                    <li>Product Demos or Unboxings</li>
                                                    <li>Trend-based/Challenge Reels</li>
                                                    <li>Tutorials / How-to</li>
                                                    <li>Before & After</li>
                                                    <li>Client Testimonials</li>
                                                    <li>Founder Features / Personal Branding</li>
                                                </ul>
                                            </div>
                                            <div class="col-6">
                                                <ul class="li-002">
                                                    <li>Day-in-the-Life</li>
                                                    <li>Cinematic Edits</li>
                                                    <li>Voice-over Stories</li>
                                                    <li>Text-Only Reels</li>
                                                    <li>Memes & Relatable Skits</li>
                                                    <li>Transition Reels</li>
                                                    <li>Infographics in Motion</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Step 3 -->
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingThree">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseThree">
                                        Step 3: Select Your Content Tone
                                    </button>
                                </h2>
                                <div id="collapseThree" class="accordion-collapse collapse"
                                    data-bs-parent="#reelStepsAccordion">
                                    <div class="accordion-body">
                                        <p>Every brand speaks differently. Tell us how yours talks:</p>
                                        <div class="row">
                                            <div class="col-6">
                                                <ul class="li-002">
                                                    <li>Fun, casual, and witty</li>
                                                    <li>Bold and confident</li>
                                                    <li>Chill and aesthetic</li>
                                                    <li>Informative and educational</li>
                                                    <li>Personal and emotional</li>
                                                </ul>
                                            </div>
                                            <div class="col-6">
                                                <ul class="li-002">
                                                    <li>Premium and aspirational</li>
                                                    <li>Relatable and localised</li>
                                                    <li>Quirky and offbeat</li>
                                                    <li>Sophisticated and minimal</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Step 4 -->
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingFour">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseFour">
                                        Step 4: Set Your Timeline
                                    </button>
                                </h2>
                                <div id="collapseFour" class="accordion-collapse collapse"
                                    data-bs-parent="#reelStepsAccordion">
                                    <div class="accordion-body">
                                        <p>Flexible timelines that fit your flow:</p>
                                        <div class="row">
                                            <div class="col-6">
                                                <ul class="li-002">
                                                    <li>4 reels per month (1/week)</li>
                                                    <li>8 reels per month (2/week)</li>
                                                    <li>12–16 reels per month (3–4/week)</li>
                                                </ul>
                                            </div>
                                            <div class="col-6">
                                                <ul class="li-002">
                                                    <li>Campaign bursts (product launch, festive drops, event promos)
                                                    </li>
                                                    <li>One-time content packs</li>
                                                    <li>Custom plans for creators & brands with specific needs</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </section>



        <section class=" py-lg-70" id="Blogs">
            <div class="container">
                <h2 class="text-center mb-4">Latest Blogs</h2>

                <div class="owl-carousel blog-carousel owl-theme">

                    <?php

                    $a = array("blog1", "blog2", "blog3");
                    $b = array("Blog Title 1", "Blog Title 1", "Blog Title 1");
                    $c = array("Short preview of blog post 1 goes here to spark interest...", "Short preview of blog post 1 goes here to spark interest...", "Short preview of blog post 1 goes here to spark interest...");

                    for ($i = 0; $i < count($a); $i++) { ?>
                        <div class="item">
                            <div class="card h-100 shadow-sm">
                                <img src="images/<?= $a[$i]; ?>.jpg" class="card-img-top" alt="Blog 1">
                                <div class="card-body">
                                    <h4 class="card-title fs-bold">Blog Title 1</h4>
                                    <p class="card-text">Short preview of blog post 1 goes here to spark interest...</p>
                                    <a href="#" class="text-red">Read More....</a>
                                </div>
                            </div>
                        </div>
                        <?php
                    }

                    ?>


                    <!-- Blog Card 2 -->


                    <!-- Add more cards as needed -->
                </div>
            </div>
        </section>



        <section class="form-bg py-lg-70" id="Contact">
            <div class="container">

                <div class="row justify-content-center">
                    <div class="col-lg-8 index-form px-0" data-aos="fade-zoom-in" data-aos-easing="ease-in-back"
                        data-aos-delay="200" data-aos-offset="0">
                        <form class="p-5">
                            <div>
                                <div class="row justify-content-center">
                                    <div class="col-lg-8 text-center">
                                        <h3 class="main-headings text-center py-3">Fill in the form, and we’ll guide you
                                            with clarity.
                                        </h3>
                                        <p class="text-white pb-4">All you need to do is share a few details, and we’ll
                                            help
                                            you figure out the rest. Whether you want more reach, better engagement, or
                                            a
                                            fresh content style—our reel plans are made to fit your brand.

                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-md-12">
                                    <label for="firstName" class="form-label">First Name</label>
                                    <input type="text" class="form-control" id="firstName"
                                        placeholder="Enter first name">
                                </div>
                                <div class="col-md-12">
                                    <label for="lastName" class="form-label">Last Name</label>
                                    <input type="text" class="form-control" id="lastName" placeholder="Enter last name">
                                </div>
                            </div>

                            <div class="mb-3">
                                <label for="phoneNumber" class="form-label">Phone Number</label>
                                <input type="tel" class="form-control" id="phoneNumber"
                                    placeholder="Enter phone number">
                            </div>



                            <div class="mb-3">
                                <label for="message" class="form-label">Message</label>
                                <textarea class="form-control" id="message" rows="3"
                                    placeholder="Write your message here"></textarea>
                            </div>

                            <div class="text-center mt-3">
                                <button type="submit" class="btn register-now text-white py-2 px-3 mt-3">Submit</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <!-- <section class="pb-250"></section> -->



    <?php include 'footer.php'; ?>

    <!-- JavaScript Libraries -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="<?= LINK; ?>js/bootstrap.min.js"></script>
    <script src="<?= LINK; ?>lib/wow/wow.min.js"></script>
    <script src="<?= LINK; ?>lib/easing/easing.min.js"></script>
    <script src="<?= LINK; ?>lib/waypoints/waypoints.min.js"></script>
    <script src="<?= LINK; ?>lib/owlcarousel/owl.carousel.min.js"></script>
    <script src="<?= LINK; ?>lib/lightbox/js/lightbox.min.js"></script>
    <script src="<?= LINK; ?>js/main.js"></script>
    <script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script>
    <script type="text/javascript">
        var s = document.createElement("script");
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://widgets.in8.nopaperforms.com/emwgts.js";
        document.body.appendChild(s);

        document.querySelectorAll('.learn-more').forEach(function (button) {
            button.addEventListener('click', function () {
                var modal = new bootstrap.Modal(document.getElementById('modal' + this.getAttribute(
                    'data-bs-target').substring(1)));
                modal.hide(); // Hide the modal
            });
        });
    </script>
    <script>
        AOS.init({
            duration: 1000,
            once: true, // Only animate once
        });
    </script>
    <script>
        $(document).ready(function () {
            $(".blog-carousel").owlCarousel({
                loop: true,
                margin: 20,
                nav: true,
                dots: false,
                navText: [
                    '<span class="carousel-nav prev">&larr;</span>',
                    '<span class="carousel-nav next">&rarr;</span>'
                ],
                responsive: {
                    0: {
                        items: 1
                    },
                    768: {
                        items: 2
                    },
                    992: {
                        items: 3
                    }
                }
            });
        });
    </script>



</body>

</html>