"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';
import { CheckCircle, LineChart, Shield, Target, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="medium"
        background="aurora"
        cardStyle="soft-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "features",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Sri Sai Gayatri"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient",
      }}
      title="Excellence in Agency Services"
      description="Sri Sai Gayatri Agencies provides premium solutions tailored to your unique business needs with expertise and reliability."
      kpis={[
        {
          value: "10+",
          label: "Years Experience",
        },
        {
          value: "500+",
          label: "Projects Completed",
        },
        {
          value: "98%",
          label: "Client Satisfaction",
        },
      ]}
      enableKpiAnimation={true}
      imageSrc="http://img.b2bpic.net/free-photo/empty-modern-office-workspace-designed-job-interviews-achieve-success_482257-116539.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg",
          alt: "confident outline business side face male",
        },
        {
          src: "http://img.b2bpic.net/free-photo/handsome-male-entrepreneur-wearing-white-shirt-posing-standing-with-crossed-arms-indoors_7502-9695.jpg",
          alt: "Handsome male entrepreneur wearing white shirt posing standing with crossed arms indoors",
        },
        {
          src: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3905.jpg",
          alt: "blond businessman sad expression",
        },
        {
          src: "http://img.b2bpic.net/free-photo/handsome-business-man-standing-office_1303-22654.jpg",
          alt: "Handsome business man standing in office",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-empowered-business-woman-office_23-2149333043.jpg",
          alt: "Medium shot empowered business woman at office",
        },
      ]}
      avatarText="Trusted by 500+ professionals"
      marqueeItems={[
        {
          type: "text",
          text: "Strategic Planning",
        },
        {
          type: "text",
          text: "Operations Excellence",
        },
        {
          type: "text",
          text: "Market Analytics",
        },
        {
          type: "text",
          text: "Team Management",
        },
        {
          type: "text",
          text: "Process Optimization",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Committed to Delivering Quality"
      tag="Our Mission"
      tagIcon={Target}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: CheckCircle,
          title: "Strategic Planning",
          description: "Expert advice to align your objectives with market realities.",
        },
        {
          icon: Shield,
          title: "Customer Support",
          description: "Dedicated assistance for your peace of mind and satisfaction.",
        },
        {
          icon: Zap,
          title: "Workflow Optimization",
          description: "Streamlining processes to deliver results faster and more effectively.",
        },
        {
          icon: LineChart,
          title: "Data Insights",
          description: "Actionable analytics to drive better decision-making.",
        },
        {
          icon: Users,
          title: "Team Collaboration",
          description: "Fostering synergy through integrated management platforms.",
        },
      ]}
      title="Our Specialized Services"
      description="We offer comprehensive solutions designed to streamline your business operations and maximize efficiency."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "20%",
          title: "Efficiency Gain",
          description: "On average, clients see process improvements.",
          imageSrc: "http://img.b2bpic.net/free-vector/people-research-analytics-dashboard-with-graphs-charts-vector-doodle-icons-statistic-analysis-work-with-database-information-report-with-diagrams-magnifying-glass_107791-9647.jpg",
        },
        {
          id: "m2",
          value: "24/7",
          title: "Support Availability",
          description: "Always here to help you when it matters.",
          imageSrc: "http://img.b2bpic.net/free-photo/composition-with-different-expressions_23-2148860279.jpg",
        },
        {
          id: "m3",
          value: "100%",
          title: "Safety Standards",
          description: "Compliant and secure operations every time.",
          imageSrc: "http://img.b2bpic.net/free-vector/logistic-icon-set_1284-15812.jpg",
        },
      ]}
      title="Performance at a Glance"
      description="Consistently delivering measurable growth for all our partners."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah Johnson",
          date: "2023",
          title: "CEO",
          quote: "Exceptional service and professional approach.",
          tag: "Trusted",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1662.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-office-workspace-designed-job-interviews-achieve-success_482257-116539.jpg",
          imageAlt: "business person professional headshot",
        },
        {
          id: "2",
          name: "Michael Chen",
          date: "2023",
          title: "CTO",
          quote: "A reliable partner for our growth journey.",
          tag: "Partner",
          avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12811.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-discussing-interesting-idea_1098-1867.jpg",
          imageAlt: "business person professional headshot",
        },
        {
          id: "3",
          name: "Emily Rodriguez",
          date: "2024",
          title: "Director",
          quote: "Highly recommended for their quality.",
          tag: "Expert",
          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
          imageSrc: "http://img.b2bpic.net/free-vector/people-research-analytics-dashboard-with-graphs-charts-vector-doodle-icons-statistic-analysis-work-with-database-information-report-with-diagrams-magnifying-glass_107791-9647.jpg",
          imageAlt: "business person professional headshot",
        },
        {
          id: "4",
          name: "David Kim",
          date: "2024",
          title: "PM",
          quote: "Transformed our operations completely.",
          tag: "Efficiency",
          avatarSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/composition-with-different-expressions_23-2148860279.jpg",
          imageAlt: "business person professional headshot",
        },
        {
          id: "5",
          name: "Linda Wu",
          date: "2024",
          title: "Founder",
          quote: "Great communication and reliable outcomes.",
          tag: "Professional",
          avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
          imageSrc: "http://img.b2bpic.net/free-vector/logistic-icon-set_1284-15812.jpg",
          imageAlt: "business person professional headshot",
        },
      ]}
      title="Client Success Stories"
      description="Hear what our valued clients have to say about working with us."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "How can I start?",
          content: "Reach out through our contact form and we'll be in touch.",
        },
        {
          id: "f2",
          title: "Do you offer consultations?",
          content: "Yes, we offer complimentary initial consultations.",
        },
        {
          id: "f3",
          title: "What is your typical turnaround?",
          content: "Project timelines vary based on scale and complexity.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to common questions about our agency services."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Global Tech",
        "Innovate Labs",
        "Growth Corp",
        "Prime Solutions",
        "Apex Systems",
        "Visionary Group",
        "Nexus Ventures",
      ]}
      title="Trusted Partners"
      description="Collaborating with industry leaders to drive success."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Get in Touch"
      title="Ready to get started?"
      description="Let's discuss how we can help your business grow."
      buttons={[
        {
          text: "Contact Us",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Sri Sai Gayatri Agencies"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
