"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Info, PhoneCall, Scale, Smile, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Results",          id: "#results"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExCo7chWWLl1yk3PSQEL48YSMn/uploaded-1781111158157-1dkumts4.jpg"
      logoAlt="Cenova Media Logo"
      brandName="Cenova Media"
      button={{
        text: "Book a Call",        href: "https://calendly.com/info-cenovamedia/30min"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      title="Predictable Client Acquisition for Service-Based Businesses"
      description="Cenova Media designs and manages high-performance advertising systems that generate qualified leads and booked appointments. Stop relying on inconsistent referrals."
      testimonials={[
        {
          name: "Sarah J.",          handle: "@MarketingMaven",          testimonial: "Professional communication and strong marketing insight. Cenova Media exceeded expectations!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",          imageAlt: "Sarah J. Avatar"},
        {
          name: "Michael C.",          handle: "@BusinessInnovator",          testimonial: "Clear strategy and excellent understanding of client acquisition. A game-changer for our business.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",          imageAlt: "Michael C. Avatar"},
        {
          name: "Emily R.",          handle: "@GrowthLeader",          testimonial: "Our leads have skyrocketed since partnering with Cenova Media. Truly remarkable results and consistent growth!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-young-man-wearing-jacket-checkered-shirt-looking-camera-studio_613910-21142.jpg",          imageAlt: "Emily R. Avatar"},
        {
          name: "David K.",          handle: "@StartupSuccess",          testimonial: "Their paid advertising campaigns delivered exactly what they promised: predictable, qualified leads every month.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-leader-showing-statistics_1262-2964.jpg",          imageAlt: "David K. Avatar"},
        {
          name: "Jessica L.",          handle: "@BrandBuilder",          testimonial: "Cenova Media's team is incredibly responsive and knowledgeable. They've become an invaluable partner for our brand.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241268.jpg",          imageAlt: "Jessica L. Avatar"},
        {
          name: "Robert S.",          handle: "@ServicePro",          testimonial: "We finally have a consistent flow of new customers without relying on old, unreliable methods. Highly recommend!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/picture-happy-man-black-board-with-text-successful_176420-2909.jpg",          imageAlt: "Robert S. Avatar"},
      ]}
      testimonialRotationInterval={5000}
      tag="Cenova Media"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Book a Free Strategy Call",          href: "https://calendly.com/info-cenovamedia/30min"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/hand-pointing-infographic_23-2148352542.jpg"
      imageAlt="Marketing dashboard showing growth analytics"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-female-worker-posing-company-business-catalogue_1163-4801.jpg",          alt: "Close-up of competitive employee"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-looking-clipboard_23-2148266232.jpg",          alt: "Upbeat saleswoman hired to explain vehicle pricing options to clients"},
        {
          src: "http://img.b2bpic.net/free-photo/smiley-woman-couch_23-2148542240.jpg",          alt: "Close up smiley woman in therapy"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14034.jpg",          alt: "Young attractive businesswoman"},
        {
          src: "http://img.b2bpic.net/free-photo/shocked-senior-man-suit-looking-amazed-gasping-wondered_176420-31698.jpg",          alt: "blond businessman surprised expression"},
      ]}
      avatarText="Trusted by industry leaders to deliver results"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/group-multinational-busy-people-working-office_146671-15682.jpg",          alt: "Business Team Meeting Discussion Communication Concept"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-79931.jpg",          alt: "Gradient abstract logo"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/minimal-surrealistic-abstract-background_23-2151896394.jpg",          alt: "Gradient logo template with abstract shape"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-vector/set-colorful-abstract-logo_1043-157.jpg",          alt: "Logo with four leaves"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/nature-relax-recreation-freedom-concept_53876-133763.jpg",          alt: "Eco Green Leaf Logo"},
      ]}
      marqueeSpeed={35}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Growing a Business is Hard Without Predictable Clients"
      description="Most service businesses rely on inconsistent referrals, slow word-of-mouth, or outdated marketing strategies. At Cenova Media, we help businesses implement modern client acquisition systems designed to generate qualified leads and consistent bookings. So you can focus on delivering great service while we focus on bringing customers to you.\n\nCenova Media is a marketing agency focused on helping service-based businesses generate consistent, predictable client acquisition. We specialize in building and managing paid advertising systems designed to attract qualified prospects and convert them into real inquiries and booked appointments. Our approach focuses on clear strategy, measurable results, and continuous campaign optimization to help businesses grow efficiently without relying solely on referrals or outdated marketing methods."
      metrics={[
        {
          value: "50%+",          title: "Increase in Qualified Leads"},
        {
          value: "3X",          title: "Average Return on Ad Spend"},
        {
          value: "25%+",          title: "Growth in Booked Appointments"},
      ]}
      tag="About Us"
      tagIcon={Info}
      imageSrc="http://img.b2bpic.net/free-photo/asian-businesswoman-explains-financial-data-team_482257-124625.jpg"
      imageAlt="Marketing team reviewing data"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyThree
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="slide-up"
      features={[
        {
          id: "paid-ads",          title: "Paid Advertising Management",          tags: [
            "Strategy",            "Execution",            "Reporting"],
          imageSrc: "http://img.b2bpic.net/free-photo/laptop-displaying-business-analytics_482257-115250.jpg",          imageAlt: "Dashboard showing paid advertising metrics"},
        {
          id: "lead-gen",          title: "Lead Generation Systems",          tags: [
            "Funnels",            "Automation",            "Nurturing"],
          imageSrc: "http://img.b2bpic.net/free-photo/connection-digital-device-working-concept_53876-30346.jpg",          imageAlt: "Lead generation funnel visualization"},
        {
          id: "optimization",          title: "Campaign Optimization",          tags: [
            "Analysis",            "A/B Testing",            "Scaling"],
          imageSrc: "http://img.b2bpic.net/free-photo/data-information-analytics-perfomance-concept_53876-167154.jpg",          imageAlt: "Graph showing campaign optimization"},
      ]}
      title="Our Services"
      description="We design and manage high-performance advertising systems that attract qualified prospects and convert them into real inquiries and booked appointments."
      tag="What We Offer"
    />
  </div>

  <div id="results" data-section="results">
      <MetricCardOne
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      animationType="slide-up"
      metrics={[
        {
          id: "satisfaction",          value: "100%",          title: "Client Satisfaction",          description: "Our dedication to client success drives everything we do.",          icon: Smile,
        },
        {
          id: "rating",          value: "5-Star",          title: "Average Rating",          description: "Trusted by businesses for exceptional marketing results.",          icon: Star,
        },
        {
          id: "roi",          value: "Proven ROI",          title: "Measurable Impact",          description: "We focus on strategies that deliver clear, quantifiable returns.",          icon: Scale,
        },
      ]}
      title="Driving Real Business Growth"
      description="Our commitment is to tangible results. See the impact Cenova Media has on our clients' bottom line."
      tag="Our Impact"
    />
  </div>

  <div id="trust" data-section="trust">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Growth Strategies Inc.",        "Local Business Pros",        "Digital Ascent Co.",        "Client Flow Solutions",        "Market Boost Group",        "Elevate Brands",        "Success Partners",        "Visionary Ventures"]}
      title="Businesses Trust Cenova Media"
      description="We partner with leading service-based businesses to achieve their growth objectives."
      speed={35}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Samantha Lee",          role: "CEO",          company: "Growth Strategies Inc.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",          imageAlt: "Samantha Lee"},
        {
          id: "2",          name: "Mark Anderson",          role: "Founder",          company: "Local Business Pros",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",          imageAlt: "Mark Anderson"},
        {
          id: "3",          name: "Chloe Davis",          role: "Marketing Director",          company: "Digital Ascent Co.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",          imageAlt: "Chloe Davis"},
        {
          id: "4",          name: "James Wilson",          role: "Managing Partner",          company: "Client Flow Solutions",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3317.jpg",          imageAlt: "James Wilson"},
        {
          id: "5",          name: "Olivia Miller",          role: "Operations Manager",          company: "Market Boost Group",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg",          imageAlt: "Olivia Miller"},
        {
          id: "6",          name: "Ethan Brown",          role: "Director of Sales",          company: "Elevate Brands",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-woman-working-browsing-tablet-computer-outdoors_1262-12359.jpg",          imageAlt: "Ethan Brown"},
      ]}
      kpiItems={[
        {
          value: "4+",          label: "Google Reviews"},
        {
          value: "5",          label: "Star Rating"},
        {
          value: "100%",          label: "Client Retention"},
      ]}
      title="What Our Clients Say"
      description="See how Cenova Media helps businesses like yours achieve measurable growth and consistent client acquisition."
      tag="Success Stories"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "What services does Cenova Media offer?",          content: "We specialize in Paid Advertising Management, Lead Generation Systems, and Continuous Campaign Optimization to ensure predictable client acquisition for service-based businesses."},
        {
          id: "2",          title: "How do you ensure measurable results?",          content: "Our approach is entirely data-driven. We use advanced analytics to track campaign performance, continuously optimize based on insights, and provide transparent reporting so you always know your ROI."},
        {
          id: "3",          title: "What types of businesses do you work with?",          content: "We partner with service-based businesses of all sizes who are looking for consistent, predictable client acquisition and want to stop relying on inconsistent referrals or outdated marketing methods."},
        {
          id: "4",          title: "What is Cenova Media's client acquisition process?",          content: "Our process involves a Discovery Call to understand your goals, Strategy design for a targeted plan, Campaign Launch, and ongoing Optimization to continuously improve results and maximize your growth."},
        {
          id: "5",          title: "How can I get started with Cenova Media?",          content: "It's simple! Book a quick strategy call with us. We'll discuss your business, understand your growth goals, and outline how Cenova Media can help you generate more consistent clients. The link is available on our contact section."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our digital marketing services and how we help businesses grow."
      tag="Q&A"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Let's Connect"
      title="Ready to Grow Your Business?"
      description="Book a quick strategy call and see how Cenova Media can help you generate more consistent clients. Our team is available 24 hours to help Phoenix and nearby areas."
      tagIcon={PhoneCall}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-young-colleagues-having-meeting_23-2149060243.jpg"
      imageAlt="Marketing team discussing strategy with client"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Your email address"
      buttonText="Send Message"
      termsText="By submitting this form, you agree to our Privacy Policy and Terms of Service."
      onSubmit={(email) => console.log(email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExCo7chWWLl1yk3PSQEL48YSMn/uploaded-1781111158157-1dkumts4.jpg"
      logoAlt="Cenova Media Logo"
      columns={[
        {
          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Services",              href: "#services"},
            {
              label: "Our Process",              href: "#about"},
          ],
        },
        {
          items: [
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Book a Call",              href: "https://calendly.com/info-cenovamedia/30min"},
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Built with purpose — designed to help businesses grow.\n© 2025 Cenova Media. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
