File "home.php"

Full Path: /home/quiczmwg/lightspringdigitals.com/__MACOSX/home.php
File size: 20.69 KB
MIME-type: text/x-php
Charset: utf-8

<?php
session_start();

$exploreLink = isset($_SESSION['userid'])
    ? 'dashboard/projects.php'
    : 'login.php';

include "./include/header.php";
?>

<!-- Carousel Start -->
<div class="container-fluid px-0 mb-5">
    <div id="header-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
        <img class="w-100" src="img/carousel-1.jpg" alt="Image">
        <div class="carousel-caption">
            <div class="container">
                <div class="row justify-content-start">
                    <div class="col-lg-7 text-start">
                        <p class="fs-4 text-white animated slideInRight">Welcome to
                            <strong>Digitalclickflows</strong>
                        </p>
                        <h1 class="display-1 text-white mb-4 animated slideInRight">Unlock Your Business Growth</h1>
                        <a href="<?= $explore_link ?>" class="btn btn-primary rounded-pill py-3 px-5 animated slideInRight">Explore More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
            <div class="carousel-item active">
        <img class="w-100" src="img/carousel-2.jpg" alt="Image">
        <div class="carousel-caption">
            <div class="container">
                <div class="row justify-content-start">
                    <div class="col-lg-7 text-start">
                        <p class="fs-4 text-white animated slideInRight">Welcome to
                            <strong>Digitalclickflows</strong>
                        </p>
                        <h1 class="display-1 text-white mb-4 animated slideInRight">Unlock Your Business Growth</h1>
                        <a href="<?= $explore_link ?>" class="btn btn-primary rounded-pill py-3 px-5 animated slideInRight">Explore More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#header-carousel" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#header-carousel" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </div>
</div>
<!-- Carousel End -->


<!-- Features Start -->
<div class="container-xxl py-5">
    <div class="container">
        <div class="row g-0 feature-row">
            <div class="col-md-6 col-lg-3 wow fadeIn" data-wow-delay="0.1s">
                <div class="feature-item border h-100 p-5">
                    <div class="btn-square bg-light rounded-circle mb-4" style="width: 64px; height: 64px;">
                        <img class="img-fluid" src="img/icon/icon-1.png" alt="Award Icon">
                    </div>
                    <h5 class="mb-3">Award-Winning Service</h5>
                    <p class="mb-0">Recognized for excellence in service delivery and innovative strategies.</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3 wow fadeIn" data-wow-delay="0.3s">
                <div class="feature-item border h-100 p-5">
                    <div class="btn-square bg-light rounded-circle mb-4" style="width: 64px; height: 64px;">
                        <img class="img-fluid" src="img/icon/icon-2.png" alt="Team Icon">
                    </div>
                    <h5 class="mb-3">Professional Team</h5>
                    <p class="mb-0">Our dedicated professionals deliver reliable and top-notch solutions.</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3 wow fadeIn" data-wow-delay="0.5s">
                <div class="feature-item border h-100 p-5">
                    <div class="btn-square bg-light rounded-circle mb-4" style="width: 64px; height: 64px;">
                        <img class="img-fluid" src="img/icon/icon-3.png" alt="Price Icon">
                    </div>
                    <h5 class="mb-3">Affordable Pricing</h5>
                    <p class="mb-0">We provide exceptional value at competitive rates without compromising quality.</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3 wow fadeIn" data-wow-delay="0.7s">
                <div class="feature-item border h-100 p-5">
                    <div class="btn-square bg-light rounded-circle mb-4" style="width: 64px; height: 64px;">
                        <img class="img-fluid" src="img/icon/icon-4.png" alt="Support Icon">
                    </div>
                    <h5 class="mb-3">24/7 Customer Support</h5>
                    <p class="mb-0">We�re always here to help�anytime, any day of the week.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Features End -->

<!-- About Start -->
<div class="container-xxl about my-5">
    <div class="container">
        <div class="row g-0">
            <div class="col-lg-6">
                <div class="h-100 d-flex align-items-center justify-content-center" style="min-height: 300px;">
                    <button type="button" class="btn-play" data-bs-toggle="modal" data-src="https://www.youtube.com/embed/Q96hPdHlTok" data-bs-target="#videoModal">
                        <span></span>
                    </button>
                </div>
            </div>
            <div class="col-lg-6 pt-lg-5 wow fadeIn" data-wow-delay="0.5s">
                <div class="bg-white rounded-top p-5 mt-lg-5">
                    <p class="fs-5 fw-medium text-primary">About Us</p>
                    <h1 class="display-6 mb-4">Your Trusted Marketing Partner</h1>
                    <p class="mb-4">We specialize in helping businesses grow through strategic marketing, innovative tools, and a deep understanding of consumer behavior.</p>
                    <div class="row g-5 pt-2 mb-5">
                        <div class="col-sm-6">
                            <img class="img-fluid mb-4" src="img/icon/icon-5.png" alt="">
                            <h5 class="mb-3">Managed Campaigns</h5>
                            <span>Tailored solutions that align with your business goals and audience.</span>
                        </div>
                        <div class="col-sm-6">
                            <img class="img-fluid mb-4" src="img/icon/icon-2.png" alt="">
                            <h5 class="mb-3">Expert Consultants</h5>
                            <span>Work with certified marketing professionals who know the industry.</span>
                        </div>
                    </div>
                    <a href="<?= $explore_link ?>" class="btn btn-primary rounded-pill py-3 px-5 animated slideInRight">Explore More</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- About End -->

<!-- Video Modal Start -->
<div class="modal modal-video fade" id="videoModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content rounded-0">
            <div class="modal-header">
                <h3 class="modal-title" id="exampleModalLabel">Watch Our Story</h3>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="ratio ratio-16x9">
                    <iframe class="embed-responsive-item" src="" id="video" allowfullscreen allowscriptaccess="always" allow="autoplay"></iframe>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Video Modal End -->

<!-- Service Start -->
<div class="container-xxl py-5">
    <div class="container">
        <div class="text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
            <p class="fs-5 fw-medium text-primary">What We Do</p>
            <h1 class="display-5 mb-5">Powerful Digital Marketing Services to Grow Your Business</h1>
        </div>
        <div class="row g-4">
            <!-- SEO Services -->
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                <div class="service-item position-relative h-100">
                    <div class="service-text rounded p-5">
                        <div class="btn-square bg-light rounded-circle mx-auto mb-4" style="width: 64px; height: 64px;">
                            <img class="img-fluid" src="img/icon/icon-5.png" alt="SEO Icon">
                        </div>
                        <h5 class="mb-3">Search Engine Optimization (SEO)</h5>
                        <p>Improve your website�s visibility on Google and other search engines with our strategic SEO services.</p>
                    </div>
                    <div class="service-btn rounded-0 rounded-bottom">
                        <a href="<?= $exploreLink ?>" class="btn btn-primary rounded-pill py-3 px-5 animated slideInLeft">Explore More</a>

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

            <!-- Social Media Marketing -->
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
                <div class="service-item position-relative h-100">
                    <div class="service-text rounded p-5">
                        <div class="btn-square bg-light rounded-circle mx-auto mb-4" style="width: 64px; height: 64px;">
                            <img class="img-fluid" src="img/icon/icon-6.png" alt="Social Media Icon">
                        </div>
                        <h5 class="mb-3">Social Media Marketing</h5>
                        <p>We create engaging social media campaigns that drive traffic, increase followers, and grow brand awareness.</p>
                    </div>
                    <div class="service-btn rounded-0 rounded-bottom">
                        <a href="<?= $exploreLink ?>" class="btn btn-primary rounded-pill py-3 px-5 animated slideInLeft">Explore More</a>

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

            <!-- Content Marketing -->
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
                <div class="service-item position-relative h-100">
                    <div class="service-text rounded p-5">
                        <div class="btn-square bg-light rounded-circle mx-auto mb-4" style="width: 64px; height: 64px;">
                            <img class="img-fluid" src="img/icon/icon-7.png" alt="Content Icon">
                        </div>
                        <h5 class="mb-3">Content Marketing</h5>
                        <p>We help you attract and convert customers with compelling blog posts, videos, infographics, and more.</p>
                    </div>
                    <div class="service-btn rounded-0 rounded-bottom">
                        <a href="<?= $exploreLink ?>" class="btn btn-primary rounded-pill py-3 px-5 animated slideInLeft">Explore More</a>

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

            <!-- Email Marketing -->
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                <div class="service-item position-relative h-100">
                    <div class="service-text rounded p-5">
                        <div class="btn-square bg-light rounded-circle mx-auto mb-4" style="width: 64px; height: 64px;">
                            <img class="img-fluid" src="img/icon/icon-8.png" alt="Email Icon">
                        </div>
                        <h5 class="mb-3">Email Marketing</h5>
                        <p>Keep your audience engaged with personalized, automated, and high-converting email campaigns.</p>
                    </div>
                    <div class="service-btn rounded-0 rounded-bottom">
                        <a href="<?= $exploreLink ?>" class="btn btn-primary rounded-pill py-3 px-5 animated slideInLeft">Explore More</a>

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

            <!-- Pay-Per-Click -->
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
                <div class="service-item position-relative h-100">
                    <div class="service-text rounded p-5">
                        <div class="btn-square bg-light rounded-circle mx-auto mb-4" style="width: 64px; height: 64px;">
                            <img class="img-fluid" src="img/icon/icon-9.png" alt="PPC Icon">
                        </div>
                        <h5 class="mb-3">Pay-Per-Click Advertising</h5>
                        <p>Boost visibility instantly with ROI-driven PPC campaigns on Google, Bing, and social platforms.</p>
                    </div>
                    <div class="service-btn rounded-0 rounded-bottom">
                        <a href="<?= $exploreLink ?>" class="btn btn-primary rounded-pill py-3 px-5 animated slideInLeft">Explore More</a>

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

            <!-- Analytics & Strategy -->
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
                <div class="service-item position-relative h-100">
                    <div class="service-text rounded p-5">
                        <div class="btn-square bg-light rounded-circle mx-auto mb-4" style="width: 64px; height: 64px;">
                            <img class="img-fluid" src="img/icon/icon-10.png" alt="Analytics Icon">
                        </div>
                        <h5 class="mb-3">Analytics & Strategy</h5>
                        <p>Track performance and optimize campaigns with real-time analytics and data-driven strategies.</p>
                    </div>
                    <div class="service-btn rounded-0 rounded-bottom">
                        <a href="<?= $exploreLink ?>" class="btn btn-primary rounded-pill py-3 px-5 animated slideInLeft">Explore More</a>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Service End -->


<!-- Projects Start -->
<div class="container-xxl pt-5">
  <div class="container">
    <div class="text-center text-md-start pb-5 pb-md-0 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px;">
      <p class="fs-5 fw-medium text-primary">Our Projects</p>
      <h1 class="display-5 mb-5">Explore Our Recent Success Stories</h1>
    </div>
    <div class="owl-carousel project-carousel wow fadeInUp" data-wow-delay="0.1s">
      <div class="project-item mb-5">
        <div class="position-relative">
          <img class="img-fluid" src="img/project-1.jpg" alt="">
          <div class="project-overlay">
            <a class="btn btn-lg-square btn-light rounded-circle m-1" href="img/project-1.jpg" data-lightbox="project"><i class="fa fa-eye"></i></a>
            <a class="btn btn-lg-square btn-light rounded-circle m-1" href="<?= $projectLink ?>"><i class="fa fa-link"></i></a>
          </div>
        </div>
        <div class="p-4">
          <a class="d-block h5" href="<?= $projectLink ?>">Data Analytics & Insights</a>
          <span>We transformed complex datasets into actionable business decisions.</span>
        </div>
      </div>

      <div class="project-item mb-5">
        <div class="position-relative">
          <img class="img-fluid" src="img/project-2.jpg" alt="">
          <div class="project-overlay">
            <a class="btn btn-lg-square btn-light rounded-circle m-1" href="img/project-2.jpg" data-lightbox="project"><i class="fa fa-eye"></i></a>
            <a class="btn btn-lg-square btn-light rounded-circle m-1" href="<?= $projectLink ?>"><i class="fa fa-link"></i></a>
          </div>
        </div>
        <div class="p-4">
          <a class="d-block h5" href="<?= $projectLink ?>">Marketing Content Strategy</a>
          <span>Delivered compelling content that boosted engagement by over 200%.</span>
        </div>
      </div>

      <div class="project-item mb-5">
        <div class="position-relative">
          <img class="img-fluid" src="img/project-3.jpg" alt="">
          <div class="project-overlay">
            <a class="btn btn-lg-square btn-light rounded-circle m-1" href="img/project-3.jpg" data-lightbox="project"><i class="fa fa-eye"></i></a>
            <a class="btn btn-lg-square btn-light rounded-circle m-1" href="<?= $projectLink ?>"><i class="fa fa-link"></i></a>
          </div>
        </div>
        <div class="p-4">
          <a class="d-block h5" href="<?= $projectLink ?>">Target Market Research</a>
          <span>Identified the right audience and refined client�s brand positioning.</span>
        </div>
      </div>

      <div class="project-item mb-5">
        <div class="position-relative">
          <img class="img-fluid" src="img/project-4.jpg" alt="">
          <div class="project-overlay">
            <a class="btn btn-lg-square btn-light rounded-circle m-1" href="img/project-4.jpg" data-lightbox="project"><i class="fa fa-eye"></i></a>
            <a class="btn btn-lg-square btn-light rounded-circle m-1" href="<?= $projectLink ?>"><i class="fa fa-link"></i></a>
          </div>
        </div>
        <div class="p-4">
          <a class="d-block h5" href="<?= $projectLink ?>">Social Media Strategy</a>
          <span>Increased reach and conversions through tailored campaigns.</span>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Projects End -->


<!-- Quote Start -->
<div class="container-xxl py-5">
  <div class="container">
    <div class="row g-5">
      <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
        <p class="fs-5 fw-medium text-primary">Request a Quote</p>
        <h1 class="display-5 mb-4">Need Help Growing Your Business?</h1>
        <p>Let our experts provide custom marketing solutions tailored to your goals. We�re committed to driving real, measurable results for your brand.</p>
        <p class="mb-4">Reach out today for a free consultation and discover how Choicy Digital Marketing can help elevate your online presence.</p>
        <a class="d-inline-flex align-items-center rounded overflow-hidden border border-primary" href="mailto:support@Digitalclickflows.org?subject=Free%20Consultation%20Request">
          <span class="btn-lg-square bg-primary" style="width: 55px; height: 55px;">
            <i class="fa fa-envelope text-white"></i>
          </span>
          <span class="fs-5 fw-medium mx-4">support@Digitalclickflows.org</span>
        </a>
      </div>
      <div class="col-lg-6 wow fadeInUp text-center" data-wow-delay="0.5s">
        <img src="assets/strategy.jpg" class="img-fluid mb-4" alt="Marketing Strategy">
        <h4 class="text-dark">Let�s Build Something Great Together.</h4>
        <p class="text-muted">No forms, no waiting. Just shoot us an email and our team will be in touch within 24 hours.</p>
        <a href="mailto:support@Digitalclickflows.org?subject=Strategy%20Call%20Request" class="btn btn-primary px-4 py-2 mt-3">Start the Conversation</a>
      </div>
    </div>
  </div>
</div>
<!-- Quote End -->



<!-- Testimonial Start -->
<div class="container-xxl pt-5">
    <div class="container">
        <div class="text-center text-md-start pb-5 pb-md-0 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px;">
            <p class="fs-5 fw-medium text-primary">Testimonials</p>
            <h1 class="display-5 mb-5">What Our Clients Say</h1>
        </div>
        <div class="owl-carousel testimonial-carousel wow fadeInUp" data-wow-delay="0.1s">
            <div class="testimonial-item rounded p-4 p-lg-5 mb-5">
                <!-- <img class="mb-4" src="img/testimonial-1.jpg" alt="Client 1"> -->
                <p class="mb-4">�Their SEO and social media strategies helped us double our traffic in 3 months. Highly recommended!�</p>
                <h5>Samuel Aaron</h5>
                <span class="text-primary">Marketing Manager</span>
            </div>
            <div class="testimonial-item rounded p-4 p-lg-5 mb-5">
                <!-- <img class="mb-4" src="img/testimonial-2.jpg" alt="Client 2"> -->
                <p class="mb-4">�They�re experts in content and paid ads. We saw a 5x return on our Google Ads spend.�</p>
                <h5>Jacob Smith</h5>
                <span class="text-primary">Startup Founder</span>
            </div>
            <div class="testimonial-item rounded p-4 p-lg-5 mb-5">
                <!-- <img class="mb-4" src="img/testimonial-3.jpg" alt="Client 3"> -->
                <p class="mb-4">�The team is proactive, responsive, and data-driven. Our brand has never been stronger online.�</p>
                <h5>Linda Christain</h5>
                <span class="text-primary">E-commerce Owner</span>
            </div>
        </div>
    </div>
</div>
<!-- Testimonial End -->



<?php
include "./include/footer.php";
?>