<?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";
?>