"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Zap, Star, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="radialGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Elevate Marketing"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Pricing", id: "pricing" },
            { name: "Impact", id: "metrics" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Started",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Transform Your Brand with Strategic Marketing"
          description="We craft data-driven marketing strategies that elevate your brand, engage your audience, and drive measurable business growth. From digital campaigns to brand positioning, we deliver results."
          tag="Marketing Excellence"
          tagIcon={Sparkles}
          buttons={[
            { text: "Start Your Campaign", href: "contact" },
            { text: "View Case Studies", href: "testimonials" }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-people-working-with-laptop_23-2149636255.jpg",              imageAlt: "Digital marketing strategy and analytics dashboard"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/data-analytics-tablet_23-2151957101.jpg",              imageAlt: "Social media marketing and content creation"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-analysing-charts-laptop-start-up-business-meeting-room_482257-5026.jpg",              imageAlt: "Brand identity and creative design"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/data-information-analytics-perfomance-concept_53876-167154.jpg",              imageAlt: "Performance metrics and data analytics"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/graph-growth-success-improvement-development-business_53876-123895.jpg",              imageAlt: "Email marketing and customer engagement"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg",              imageAlt: "SEO optimization and search visibility"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyOne
          title="Our Core Services"
          description="Comprehensive marketing solutions designed to grow your business. Each service is tailored to your unique needs and backed by proven industry expertise."
          tag="Services"
          tagIcon={Zap}
          accordionItems={[
            {
              id: "1",              title: "Digital Marketing Strategy",              content: "We develop comprehensive digital marketing strategies that align with your business goals. Our team conducts market research, competitive analysis, and audience insights to create targeted campaigns that drive conversions and build brand loyalty."
            },
            {
              id: "2",              title: "Social Media Management",              content: "From content creation to community engagement, we manage your social presence across all platforms. We develop compelling content calendars, engage with your audience authentically, and analyze performance metrics to optimize your social ROI."
            },
            {
              id: "3",              title: "Content Marketing & SEO",              content: "We create high-quality, SEO-optimized content that ranks and converts. Our content strategy covers blog posts, landing pages, whitepapers, and more—all designed to attract, engage, and convert your target audience."
            },
            {
              id: "4",              title: "Paid Advertising Campaigns",              content: "Strategic PPC and paid social campaigns that maximize your ad spend. We manage Google Ads, Facebook, Instagram, LinkedIn, and other platforms to ensure your budget delivers measurable results and positive ROI."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16259.jpg"
          imageAlt="Marketing team collaborating on strategy and campaign planning"
          buttons={[
            { text: "Explore All Services", href: "contact" }
          ]}
          useInvertedBackground="invertDefault"
          mediaPosition="right"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Client Success Stories"
          description="See how we've helped businesses like yours achieve remarkable growth through strategic marketing and data-driven campaigns."
          tag="Testimonials"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Sarah Martinez",              handle: "CEO, TechVision Co.",              testimonial: "Elevate Marketing transformed our online presence and increased our lead generation by 320%. Their strategic approach and data-driven insights are exceptional.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sarah Martinez"
            },
            {
              id: "2",              name: "James Chen",              handle: "Founder, GrowthLabs",              testimonial: "Working with this team elevated our brand positioning entirely. They delivered innovative campaigns that resonated with our target market and drove real business impact.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Richardson",              handle: "Marketing Director, BlueShift",              testimonial: "Incredible attention to detail and strategic thinking. Our social media engagement increased by 450% within the first quarter. Highly recommend their services.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",              imageAlt: "Emma Richardson"
            },
            {
              id: "4",              name: "Marcus Thompson",              handle: "COO, Innovation Ventures",              testimonial: "The ROI on our paid campaigns exceeded expectations. Their team's expertise in audience targeting and creative optimization is unmatched in the industry.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",              imageAlt: "Marcus Thompson"
            },
            {
              id: "5",              name: "Priya Kapoor",              handle: "VP Sales, NextGen Solutions",              testimonial: "From strategy to execution, every touchpoint was professionally handled. Our brand awareness increased significantly and our conversion rates improved dramatically.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Priya Kapoor"
            },
            {
              id: "6",              name: "David Murphy",              handle: "CEO, StreamTech",              testimonial: "Best marketing partnership we've made. Their data analytics and optimization strategies helped us scale efficiently while maintaining quality and brand integrity.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",              imageAlt: "David Murphy"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          speed={40}
          topMarqueeDirection="left"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Our Impact by Numbers"
          description="Proven results across diverse industries and markets. Our metrics showcase consistent client success and measurable business growth."
          tag="Performance"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              value: "500+",              title: "Successful Campaigns Launched",              items: [
                "Average 35% ROI increase",                "Multi-industry expertise",                "Scalable solutions"
              ]
            },
            {
              id: "2",              value: "98%",              title: "Client Satisfaction Rate",              items: [
                "Long-term partnerships",                "Transparent reporting",                "Dedicated support teams"
              ]
            },
            {
              id: "3",              value: "8yrs+",              title: "Industry Experience",              items: [
                "Proven track record",                "Award-winning strategies",                "Team expertise"
              ]
            },
            {
              id: "4",              value: "$50M+",              title: "Client Revenue Generated",              items: [
                "Data-driven growth",                "Sustainable results",                "Strategic optimization"
              ]
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          carouselMode="buttons"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Flexible Pricing Plans"
          description="Choose the marketing package that fits your business goals and budget. All plans include dedicated support and performance reporting."
          tag="Pricing"
          tagIcon={Zap}
          plans={[
            {
              id: "startup",              title: "Startup Essentials",              price: "$2,500",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-photo/data-analytics-tablet_23-2151957101.jpg",              imageAlt: "Startup marketing package",              button: {
                text: "Get Started",                href: "contact"
              },
              features: [
                "Social media management (2 platforms)",                "Monthly strategy consultation",                "Basic content calendar",                "Monthly performance report",                "Email marketing basics"
              ]
            },
            {
              id: "growth",              title: "Growth Accelerator",              price: "$5,900",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-people-working-with-laptop_23-2149636255.jpg",              imageAlt: "Growth marketing package",              button: {
                text: "Start Growth Plan",                href: "contact"
              },
              features: [
                "Full social media management",                "SEO optimization & content marketing",                "Paid advertising management",                "Weekly strategy calls",                "Advanced analytics & reporting",                "A/B testing & optimization"
              ]
            },
            {
              id: "enterprise",              title: "Enterprise Solutions",              price: "Custom",              period: "pricing",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-analysing-charts-laptop-start-up-business-meeting-room_482257-5026.jpg",              imageAlt: "Enterprise marketing solutions",              button: {
                text: "Schedule Consultation",                href: "contact"
              },
              features: [
                "Dedicated account management team",                "Comprehensive multi-channel strategy",                "Custom integrations & tools",                "Real-time campaign optimization",                "Monthly executive reporting",                "Industry-specific strategy"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Let's Grow Together"
          description="Ready to elevate your marketing? Get in touch with our team today. We'll discuss your goals and create a customized strategy that drives real results."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email",              required: true
            },
            {
              name: "company",              type: "text",              placeholder: "Company Name",              required: false
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: false
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your marketing goals and challenges...",            rows: 6,
            required: true
          }}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/young-coworkers-sharing-concepts-together_329181-19755.jpg"
          imageAlt="Marketing team discussing strategy with client"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Elevate Marketing"
        />
      </div>
    </ThemeProvider>
  );
}