"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 } 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",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/blurred-cityscape_23-2148164870.jpg",
          imageAlt: "Blurred cityscape",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/blurred-conference-table_1203-391.jpg",
          imageAlt: "Blurred conference table",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop-restaurant_1203-8739.jpg",
          imageAlt: "Abstract blur coffee shop and restaurant",
        },
      ]}
      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}
      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}
      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>
  );
}
