"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Rocket, Zap, Crown } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="DigitalGrowth"
          navItems={[
            { name: "Problem", id: "problem" },
            { name: "Solution", id: "solution" },
            { name: "Results", id: "results" },
            { name: "Pricing", id: "pricing" }
          ]}
          button={{ text: "Book Strategy Call", href: "#contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="EXPLODE YOUR GROWTH"
          description="Elite digital strategy consulting for PMEs & scale-ups ready to 10x their online presence. SEO, paid ads, funnels, automation & personal branding that actually convert."
          buttons={[
            { text: "Book Your 15-Min Strategy Call", href: "#contact" },
            { text: "See Our Results", href: "#results" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP5CLenG6haPVixflt4HCdKTDX/a-modern-saas-dashboard-showing-digital--1772482338475-df5a02c9.png"
          imageAlt="Digital growth strategy dashboard"
          showDimOverlay={true}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="problem" data-section="problem">
        <FeatureCardSixteen
          title="Most Digital Strategies Are Killing Your Growth"
          description="Generic advice doesn't work. You need a ruthless assessment of what's broken, then a 3-step system that moves the needle."
          tag="The Problem"
          tagAnimation="slide-up"
          negativeCard={{
            items: [
              "Random tactics with no strategic direction",              "Inconsistent execution & poor measurement",              "Wasting 40%+ budget on low-ROI channels",              "No funnel optimization (leaky bucket)",              "Personal brand on life support"
            ]
          }}
          positiveCard={{
            items: [
              "Ruthless channel prioritization (kill waste)",              "Locked-in processes with weekly reviews",              "2x ROI within 90 days (or we refund)",              "Conversion-focused funnel architecture",              "Authority positioning that attracts clients"
            ]
          }}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="solution" data-section="solution">
        <ProductCardFour
          title="The Digital Growth Accelerator System"
          description="Our battle-tested 3-step methodology built from 50+ successful scale-ups. No fluff. Pure velocity."
          tag="Our Methodology"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Phase 1: Audit & Positioning",              variant: "Weeks 1-2",              price: "",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP5CLenG6haPVixflt4HCdKTDX/strategic-audit-and-analysis-visualizati-1772482337968-3ccb73df.png",              imageAlt: "Audit and competitive analysis"
            },
            {
              id: "2",              name: "Phase 2: Channel Optimization",              variant: "Weeks 3-6",              price: "",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP5CLenG6haPVixflt4HCdKTDX/channel-optimization-and-a-b-testing-vis-1772482339289-366bcbce.png",              imageAlt: "Channel optimization and testing"
            },
            {
              id: "3",              name: "Phase 3: Scale & Automate",              variant: "Weeks 7-12",              price: "",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP5CLenG6haPVixflt4HCdKTDX/growth-automation-and-scaling-visualizat-1772482339778-39ef9143.png",              imageAlt: "Growth automation and scaling"
            }
          ]}
        />
      </div>

      <div id="results" data-section="results">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Marcus Chen",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP5CLenG6haPVixflt4HCdKTDX/professional-headshot-of-marcus-chen-asi-1772482336516-446c4b15.png",              imageAlt: "Marcus Chen"
            },
            {
              id: "2",              name: "Sarah Patel",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP5CLenG6haPVixflt4HCdKTDX/professional-headshot-of-sarah-patel-fem-1772482336839-82377ac1.png",              imageAlt: "Sarah Patel"
            },
            {
              id: "3",              name: "James Williams",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP5CLenG6haPVixflt4HCdKTDX/professional-headshot-of-james-williams--1772482336823-16445cf9.png",              imageAlt: "James Williams"
            },
            {
              id: "4",              name: "Elena Rodriguez",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP5CLenG6haPVixflt4HCdKTDX/professional-headshot-of-elena-rodriguez-1772482337079-859653f3.png",              imageAlt: "Elena Rodriguez"
            }
          ]}
          cardTitle="1,000+ clients have already increased revenue by 156% average in 90 days"
          cardTag="Proven Results"
          cardAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="What Our Clients See"
          description="Real numbers from real businesses. No BS."
          tag="Metrics"
          textboxLayout="default"
          useInvertedBackground={true}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          metrics={[
            { id: "1", value: "+156%", description: "Average Revenue Increase" },
            { id: "2", value: "3.2x", description: "ROI in First 90 Days" },
            { id: "3", value: "89%", description: "Client Retention Rate" },
            { id: "4", value: "12 Weeks", description: "Average Time to 2x Revenue" }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Digital Growth Accelerator Package"
          description="Choose the intensity level that matches your ambition."
          tag="Pricing"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          plans={[
            {
              id: "starter",              tag: "Foundation Package",              tagIcon: Rocket,
              price: "$5,000",              period: "/month",              description: "Perfect for first-time digital scale-ups. Includes core audit, 1 channel optimization, and weekly strategy calls.",              button: { text: "Book Strategy Call", href: "#contact" },
              featuresTitle: "What's Included:",              features: [
                "Full digital audit & competitive analysis",                "1 primary channel optimization (SEO or Ads)",                "Funnel gap analysis & quick wins",                "Weekly 1:1 strategy calls",                "Basic personal branding roadmap",                "30-day performance guarantee"
              ]
            },
            {
              id: "accelerator",              tag: "Growth Package (Most Popular)",              tagIcon: Zap,
              price: "$9,500",              period: "/month",              description: "For serious scale-ups ready to dominate. Full-stack digital overhaul with multi-channel execution and automation.",              button: { text: "Book Strategy Call", href: "#contact" },
              featuresTitle: "What's Included:",              features: [
                "Everything in Foundation Package +",                "3 channel optimization (SEO + Ads + LinkedIn)",                "Complete funnel rebuild & CRM automation",                "Content calendar & personal brand strategy",                "Bi-weekly intensive strategy sessions",                "Direct access to strategy team",                "90-day guaranteed 2x ROI or refund"
              ]
            },
            {
              id: "elite",              tag: "Elite Partnership",              tagIcon: Crown,
              price: "$18,000",              period: "/month",              description: "Reserved for founders ready to build a personal brand moat. White-glove service with dedicated team.",              button: { text: "Book Strategy Call", href: "#contact" },
              featuresTitle: "What's Included:",              features: [
                "Everything in Growth Package +",                "Dedicated 5-person growth team",                "Full personal brand & thought leadership build",                "Weekly board-level strategy reviews",                "Custom media buying & content production",                "VIP networking introductions",                "180-day guaranteed 3x ROI or full refund"
              ]
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Questions Before You Commit?"
          sideDescription="We've worked with 1000+ companies. These are the answers we always give."
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
          faqsAnimation="blur-reveal"
          faqs={[
            {
              id: "1",              title: "How is this different from hiring an in-house team?",              content: "You avoid 6-month hiring cycles, benefits, and turnover risk. Our team brings 50+ scale-ups worth of battle-tested playbooks. In 90 days, you'll have moved faster than a team could in 9 months. Plus zero fixed overhead."
            },
            {
              id: "2",              title: "What if I don't see results in 90 days?",              content: "We guarantee measurable results. For Growth and Elite packages, if we don't hit agreed metrics (2x-3x ROI), we refund your last month. We only win when you win. That's why 89% of clients stay beyond their first contract."
            },
            {
              id: "3",              title: "Do you work with my existing team?",              content: "100%. We integrate with your marketing/ops teams, build documentation, and train them on systems. You own the playbooks long-term. Many clients keep us for ongoing optimization after the initial 12 weeks."
            },
            {
              id: "4",              title: "How long until I see revenue impact?",              content: "Quick wins in weeks 2-4 (usually +20-30% on paid channels). Compounding results hit hard in weeks 8-12 when funnels, automation, and brand positioning start working together. Full impact visible at 90 days."
            },
            {
              id: "5",              title: "What channels do you focus on?",              content: "We audit your situation first, then ruthlessly prioritize. Usually: SEO (long-term moat), Paid Ads (immediate revenue), LinkedIn (thought leadership), Email/SMS (retention). We kill what doesn't work for your business."
            },
            {
              id: "6",              title: "Can you work with my specific niche?",              content: "We've scaled SaaS, e-commerce, agencies, coaches, and B2B services. Industries from fintech to fitness. The fundamentals (audit → prioritize → execute → automate) work everywhere. Bring us your category—we'll own it."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Book Your 15-Minute Strategy Call"
          description="No pitch. No pressure. Just a ruthless assessment of your digital gaps and a concrete roadmap to 2x your revenue. Calendar spots fill fast."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "your@email.com", required: true },
            { name: "company", type: "text", placeholder: "Company Name", required: true },
            { name: "challenge", type: "text", placeholder: "What's your biggest digital challenge right now?", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your business & growth goals (optional but helps us prep)",            rows: 4,
            required: false
          }}
          useInvertedBackground={true}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP5CLenG6haPVixflt4HCdKTDX/professional-business-consultation-scene-1772482337119-9514ef91.png"
          imageAlt="Strategy consultation"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Schedule My Call"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="DigitalGrowth"
          columns={[
            {
              items: [
                { label: "Strategy", href: "#solution" },
                { label: "Results", href: "#results" },
                { label: "Pricing", href: "#pricing" }
              ]
            },
            {
              items: [
                { label: "FAQ", href: "#faq" },
                { label: "About Us", href: "#" },
                { label: "Case Studies", href: "#" }
              ]
            },
            {
              items: [
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}