"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="noiseDiagonalGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Features", id: "features" },
        { name: "Metrics", id: "metrics" },
        { name: "Pricing", id: "pricing" },
        { name: "Publishing", id: "/publishing" },
        { name: "Marketing", id: "/marketing" }
      ]}
      brandName="TuneLogic"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated-grid"}}
      title="Data-Driven Marketing for the Modern Artist"
      description="Unlock advanced growth algorithms and automated promotion strategies designed to scale your music reach."
      buttons={[
        { text: "Get Started", href: "#contact" },
      ]}
      carouselItems={[
        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/musical-keys-tablet-with-stylus-table_169016-55079.jpg", imageAlt: "Artist Analytics" },
        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-dj-illustration_23-2151656055.jpg", imageAlt: "Stage Performance" },
        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-flowing-waves_1048-18506.jpg", imageAlt: "Sound Spectrum" },
        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-dots-design_1048-14068.jpg", imageAlt: "Platform Connectivity" },
        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/african-american-sound-designer-operates-control-desk-mixer-audio-software_482257-122258.jpg", imageAlt: "Production Tech" },
        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991209.jpg", imageAlt: "Growth Metrics" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Master Your Reach"
      description={[
        "TuneLogic bridges the gap between creative artistry and digital precision.",        "Our proprietary AI-driven publishing and marketing algorithms ensure your tracks find the right listeners at the perfect moment."]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="split-description"
      useInvertedBackground={true}
      features={[
        { tag: "Algorithm", title: "Predictive Promotion", subtitle: "Reach listeners before they know they need you.", description: "Our AI identifies high-engagement demographics to optimize your ad spend.", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065143.jpg" },
        { tag: "Global", title: "Market Expansion", subtitle: "Scale your audience across global platforms.", description: "Seamless publishing across hundreds of global music outlets automatically.", imageSrc: "http://img.b2bpic.net/free-photo/long-gradient-exposure-neon-lights-texture_23-2148328029.jpg" },
        { tag: "Automated", title: "Fan Engagement", subtitle: "Nurture your fan base with automated workflows.", description: "Trigger personalized outreach based on fan behavior and listening habits.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-dancing-holi-with-colors_23-2148129169.jpg" },
      ]}
      title="Smart Marketing Tools"
      description="Powerful automation for every stage of your career."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="depth-3d"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "150%", title: "Avg Stream Growth", items: ["Per campaign average", "Platform agnostic", "Real listener retention"] },
        { id: "m2", value: "24/7", title: "Automated Promotion", items: ["Never sleep on reach", "Global timezone optimized", "Constant audience expansion"] },
        { id: "m3", value: "50K+", title: "Fans Targeted", items: ["Deep psychographic analysis", "High intent listeners", "Verified reach data"] },
      ]}
      title="Measurable Impact"
      description="Numbers that matter for your music career."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      plans={[
        { id: "starter", badge: "Entry", price: "$49/mo", subtitle: "For emerging artists", buttons: [{ text: "Get Started", href: "#" }], features: ["Basic Promotion", "1 Platform Publish", "Fan Analytics"] },
        { id: "pro", badge: "Growth", price: "$129/mo", subtitle: "Scale your impact (Most Popular)", buttons: [{ text: "Get Started", href: "#" }], features: ["Advanced AI Ads", "Global Publishing", "Automated Outreach"] },
        { id: "enterprise", badge: "Elite", price: "$299/mo", subtitle: "For labels & pros", buttons: [{ text: "Get Started", href: "#" }], features: ["Priority Support", "Dedicated Strategy", "Deep Data Insights"] },
      ]}
      title="Artist-First Pricing"
      description="Transparent tiers for every stage of your growth."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      textboxLayout="split"
      animationType="blur-reveal"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Leo Vance", handle: "@leovance", testimonial: "TuneLogic transformed how my tracks are discovered globally.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-hipster-with-beard_23-2148328576.jpg" },
        { id: "2", name: "Sara H", handle: "@saramusic", testimonial: "The AI marketing tool saved me hours of manual labor.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-showing-digital-tablet_23-2147955291.jpg" },
        { id: "3", name: "DJ K-Mix", handle: "@djkmix", testimonial: "Growth metrics finally make sense for independent artists.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-universe-projection-texture_23-2149581251.jpg" },
        { id: "4", name: "Mark D", handle: "@mark_d", testimonial: "The automated fan outreach is a game changer for retention.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-creates-music-using-musical-keyboard-computer_169016-18637.jpg" },
        { id: "5", name: "Emma R", handle: "@emmarhythms", testimonial: "Professional strategy at an affordable monthly price.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-typing-laptop_23-2148845402.jpg" },
      ]}
      title="Artist Success Stories"
      description="What creators are saying about our data-driven growth."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{ variant: "sparkles-gradient" }}
      text="Ready to scale your music career? Get in touch for a demo."
      buttons={[{ text: "Contact Us", href: "#" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        { title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Analytics", href: "#metrics" }, { label: "Pricing", href: "#pricing" }] },
        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
      ]}
      logoText="TuneLogic"
      copyrightText="© 2025 TuneLogic Marketing"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}