"use client";

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Brain, Database, GitBranch, Layout, Rocket, Search, Star, Sparkles, TrendingUp, Wrench, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Ascend Digital"
          navItems={[
            { name: "Services", id: "features" },
            { name: "Solutions", id: "pricing" },
            { name: "About", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book a Strategy Call",            href: "#contact"
          }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Smarter Growth. Powered by AI."
          description="Ascend Digital helps ambitious brands scale faster by combining high-converting performance marketing with AI-powered automation systems. Install intelligent infrastructure. Scale with precision."
          background={{ variant: "downward-rays-static" }}
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-of-a-confident-fem-1772501040284-fc74cb2d.png", alt: "Brand executive" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-of-a-male-business-1772501040731-ec6c78c9.png", alt: "Growth strategist" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-of-a-confident-fem-1772501041581-fa09f808.png", alt: "Marketing leader" }
          ]}
          avatarText="Trusted by ambitious brands and growth-focused businesses."
          buttons={[
            { text: "Book a Strategy Call", href: "#contact" },
            { text: "See Our Approach", href: "#features" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBorderGlow
          title="Our Services"
          description="Integrated marketing and growth infrastructure designed for ambitious brands."
          tag="What We Do"
          tagIcon={Zap}
          features={[
            { icon: TrendingUp, title: "Performance Marketing", description: "High-converting paid ad systems across Meta, Google, and TikTok. Data-driven targeting, creative optimization, and continuous ROI improvement." },
            { icon: Brain, title: "AI Automation Systems", description: "SMS & email automation, AI chatbots, CRM workflows, and predictive customer journeys. Intelligent systems that scale without scaling your team." },
            { icon: Layout, title: "Conversion-Focused Websites", description: "Purpose-built websites designed to capture, qualify, and convert leads. Every element optimized for your growth metrics." },
            { icon: Database, title: "Growth Infrastructure", description: "Integrated dashboards, predictive analytics, data optimization, and unified systems. Complete visibility into your marketing operations." }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="capabilities" data-section="capabilities">
        <FeatureBento
          title="How We Build Growth Systems"
          description="A strategic four-step process to architect and install intelligent marketing infrastructure."
          features={[
            { title: "Audit & Strategy", description: "Deep analysis of your current marketing, sales operations, and growth challenges. We identify gaps, opportunities, and the optimal systems architecture for your business.", bentoComponent: "reveal-icon", icon: Search },
            { title: "Architect Your Growth Stack", description: "Design comprehensive system blueprints: paid ad strategy, AI automation workflows, website conversion flows, and integration architecture tailored to your goals.", bentoComponent: "reveal-icon", icon: GitBranch },
            { title: "Build & Integrate", description: "Implement campaigns, configure automation, build conversion-optimized assets, and integrate all systems into one cohesive platform. From strategy to execution.", bentoComponent: "reveal-icon", icon: Wrench },
            { title: "Optimize & Scale", description: "Continuous monitoring, testing, and refinement. AI-powered optimization accelerates results. As performance improves, scale what works and retire what doesn't.", bentoComponent: "reveal-icon", icon: Rocket }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFifteen
          testimonial="Ascend Digital didn't just improve our marketing—they built us an entirely new growth machine. Our conversion rates jumped 42%, cost per acquisition dropped 30%, and we finally have visibility into what's actually driving revenue. They're not vendors; they're strategic partners."
          rating={5}
          author="Sarah Chen, VP Growth - TechScale Co"
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-of-a-confident-fem-1772501040284-fc74cb2d.png", alt: "Sarah Chen" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-of-a-male-business-1772501040731-ec6c78c9.png", alt: "Client testimonial" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-of-a-confident-fem-1772501041581-fa09f808.png", alt: "Client testimonial" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-of-a-male-entrepre-1772501040806-3b8d1f2e.png", alt: "Client testimonial" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-of-a-female-operat-1772501040681-54caa7b9.png", alt: "Client testimonial" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-of-a-male-marketin-1772501040716-4871b6bc.png", alt: "Client testimonial" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Engagement Models"
          description="Choose the level of partnership and infrastructure that matches your growth ambitions."
          plans={[
            {
              id: "growth-partner",              badge: "Strategic Partnership",              badgeIcon: Star,
              price: "Custom",              subtitle: "Full-service growth partnership with dedicated team",              buttons: [{ text: "Schedule Audit", href: "#contact" }],
              features: [
                "Complete growth strategy and roadmap",                "Paid ad management across all channels",                "Website design and conversion optimization",                "AI automation and CRM setup",                "Monthly performance reviews and optimization",                "Dedicated growth advisor"
              ]
            },
            {
              id: "ai-integration",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "Custom",              subtitle: "AI systems integration into existing marketing",              buttons: [{ text: "Schedule Audit", href: "#contact" }],
              features: [
                "AI chatbots and automation setup",                "SMS and email campaign automation",                "CRM workflow optimization",                "Predictive customer journey modeling",                "Integration with existing tools",                "Training and handoff documentation"
              ]
            },
            {
              id: "full-infrastructure",              badge: "Enterprise Scale",              badgeIcon: Zap,
              price: "Custom",              subtitle: "Complete infrastructure rebuild from foundation",              buttons: [{ text: "Schedule Audit", href: "#contact" }],
              features: [
                "End-to-end system architecture design",                "Complete paid media strategy",                "Custom dashboard and reporting",                "Advanced attribution modeling",                "Quarterly strategy sessions",                "Priority support and optimization"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Scale?"
          tagIcon={Rocket}
          title="Stop Running Manual Marketing."
          description="Install intelligent systems. Scale with precision. Let's build your growth infrastructure."
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email address"
          buttonText="Schedule Your Growth Audit"
          termsText="We respect your privacy. We'll only use your email to schedule your strategy call."
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Services",            items: [
              { label: "Performance Marketing", href: "#features" },
              { label: "AI Automation", href: "#features" },
              { label: "Website Systems", href: "#features" },
              { label: "Growth Infrastructure", href: "#features" }
            ]
          },
          {
            title: "Company",            items: [
              { label: "About Our Approach", href: "#capabilities" },
              { label: "Our Process", href: "#capabilities" },
              { label: "Case Studies", href: "#testimonial" },
              { label: "Contact Us", href: "#contact" }
            ]
          },
          {
            title: "Legal",            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" },
              { label: "Cookie Policy", href: "#" }
            ]
          }
        ]}
        copyrightText="© 2025 Ascend Digital. All rights reserved."
      />
    </ThemeProvider>
  );
}
