"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLarge"
        background="none"
        cardStyle="gradient-mesh"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "/" },
        { name: "About", id: "/about" },
        { name: "Services", id: "/services" },
        { name: "Contact", id: "/contact" },
      ]}
      brandName="Chandigi"
      button={{ text: "Get Growth Plan", href: "/contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{ variant: "radial-gradient" }}
      title="Digital Growth That Drives Real Results"
      description="Chandigi combines data-driven strategy with creative execution to scale your business. From SEO to paid campaigns, we deliver measurable outcomes."
      leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-uses-digital-graphs-analytics-improve-finance-models_482257-126516.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-dots-lines-connected_1048-11946.jpg" }]}
      rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/employee-holding-laptop-sitting-relax-zone-confortable-couch-typing-pc-smiling-while-diverse-colleagues-working-background-multiethnic-coworkers-planning-new-financial-project-company_482257-13524.jpg" }]}
      buttons={[{ text: "Get Your Free Strategy Session", href: "/contact" }]}
      tag="Digital Strategy Experts"
      tagAnimation="slide-up"
      buttonAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Bridging Print Heritage with Digital Innovation"
      description="For decades, Chanchal Printing Press has helped businesses build their presence. Chandigi was created to bridge that gap."
      metrics={[
        { value: "100+", title: "Projects Completed" },
        { value: "50%", title: "Avg Lead Growth" },
        { value: "24/7", title: "Support Ready" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/group-business-executives-interacting-with-each-other_1170-760.jpg"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        { id: "f1", title: "Website Development", description: "Fast, beautiful, mobile-first websites that convert.", tag: "Web" },
        { id: "f2", title: "Content Creation", description: "Blogs and brand narratives that build trust.", tag: "Content" },
        { id: "f3", title: "Paid Advertising", description: "Precision-targeted paid campaigns for ROI.", tag: "Ads" },
      ]}
      title="Comprehensive Digital Growth Services"
      description="We offer a full suite of services to ensure your digital presence is optimized for success."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      title="Proven Results"
      tag="Performance"
      metricsAnimation="slide-up"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "2x", description: "Customer Conversion Rate" },
        { id: "m2", value: "45%", description: "Reduced Acquisition Cost" },
        { id: "m3", value: "80%", description: "Visibility Lift" },
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      description="Real results for real partners."
      testimonials={[{ id: "t1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5 }]}
      kpiItems={[{ value: "5.0", label: "Rating" }, { value: "100+", label: "Clients" }, { value: "95%", label: "Retention" }]}
      title="What Clients Say"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      faqs={[{ id: "q1", title: "How do we start?", content: "Just tell us about your goals." }]}
      title="Common Questions"
      description="Answers to frequently asked questions about our growth services."
      textboxLayout="split"
      useInvertedBackground={false}
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter 
        title="Ready To Grow?" 
        description="Connect with us today."
        tag="Inquiry"
        background={{ variant: "gradient-bars" }}
        useInvertedBackground={false}
        buttons={[{ text: "Contact", href: "/contact" }]} 
      />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Chandigi"
      columns={[{ title: "Links", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
