"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextAbout from '@/components/sections/about/TextAbout';
import { Sparkles, Zap, Camera, TrendingUp, Users, BarChart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="aurora"
        cardStyle="solid"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "About", id: "#about" },
        { name: "Services", id: "#features" },
        { name: "Testimonials", id: "#testimonials" },
        { name: "Contact", id: "#contact" },
      ]}
      brandName="AgencyX"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{ variant: "plain" }}
      title="Scale Your Presence with AgencyX"
      description="We craft high-performance social media strategies that turn audiences into loyal customers for world-class brands."
      tag="Trusted by 100+ Brands"
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/glasses-cactus-office_23-2147669337.jpg", imageAlt: "Creative agency workspace professional" },
        { imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg", imageAlt: "Social media data analytics visualization" }
      ]}
      mediaAnimation="blur-reveal"
      rating={5}
      ratingText="Rated 5/5 by our partners"
      tagIcon={Sparkles}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="About Us"
      title="We turn social media into your strongest asset for long-term growth."
      buttons={[{ text: "Learn More", href: "#contact" }]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { title: "Social Strategy", description: "Data-driven roadmaps to achieve your core business objectives.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-dashboard-statistic-evolution-template_23-2148284171.jpg", buttonIcon: Zap },
        { title: "Content Creation", description: "High-quality, platform-native content that captures immediate attention.", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-taking-break-from-work-watch-videos-green-screen-smartphone_482257-121766.jpg", buttonIcon: Camera },
        { title: "Brand Growth", description: "Systematic audience acquisition through targeted advertising and community engagement.", imageSrc: "http://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571066.jpg", buttonIcon: TrendingUp },
        { title: "Influencer Outreach", description: "Authentic partnerships that amplify your brand credibility.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150170690.jpg", buttonIcon: Users },
        { title: "Analytics Tracking", description: "Precision tracking to measure every milestone of your growth.", imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1777.jpg", buttonIcon: BarChart }
      ]}
      title="Services That Scale"
      description="Comprehensive solutions designed to elevate your brand voice and maximize ROI across every social channel."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      textboxLayout="split"
      useInvertedBackground={false}
      animationType="blur-reveal"
      testimonials={[
        { id: "1", name: "Sarah J.", role: "Marketing Director", testimonial: "AgencyX transformed our presence, doubling our engagement in just six months.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg" },
        { id: "2", name: "Mark D.", role: "CEO", testimonial: "Their data-driven approach is unmatched in the industry. Results have been exceptional.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg" },
        { id: "3", name: "Emily C.", role: "Brand Manager", testimonial: "A team of true professionals who genuinely care about our long-term growth.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg" },
        { id: "4", name: "David W.", role: "Product Lead", testimonial: "The content strategy provided by the team is consistently brilliant and effective.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-entrepreneur-standing-looking-camera-crossing-arms-smiling_482257-5018.jpg" },
        { id: "5", name: "Jessica R.", role: "Head of Growth", testimonial: "I cannot imagine a better partner for our social media roadmap and execution.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4753.jpg" }
      ]}
      title="Partners Who Succeed"
      description="See why top global brands trust our agency to define their social impact."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      textboxLayout="split"
      useInvertedBackground={false}
      animationType="blur-reveal"
      plans={[
        { id: "starter", badge: "Essential", price: "$2,500/mo", subtitle: "Perfect for new brands", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Monthly Content Calendar", "Basic Analytics", "Community Moderation"] },
        { id: "pro", badge: "Growth", price: "$5,000/mo", subtitle: "For fast-scaling brands", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Full Content Production", "Targeted Ad Management", "Weekly Reporting", "Influencer Strategy"] },
        { id: "enterprise", badge: "Custom", price: "Custom", subtitle: "For global enterprises", buttons: [{ text: "Contact Us", href: "#contact" }], features: ["Dedicated Account Manager", "Advanced Data Strategy", "Platform Expansion", "Premium Support"] }
      ]}
      title="Flexible Packages"
      description="Choose a plan designed to fit your unique business requirements and growth goals."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Get in Touch"
      title="Let's Start Your Campaign"
      description="Contact our experts today for a consultation on how to dominate your industry's social landscape."
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-happy-colleagues-talking_23-2149006918.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
        { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
      ]}
      logoText="AgencyX"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}