"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Zap, TrendingUp, Filter, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="grid"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Why Kennedy", id: "why-kennedy" },
            { name: "Solutions", id: "solutions" },
            { name: "Promise", id: "promise" },
            { name: "Contact", id: "contact" },
            { name: "Vision", id: "vision" }
          ]}
          button={{ text: "Book a Call", href: "contact" }}
          brandName="Kennedy Banda"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Meet Kennedy Banda: The Man with the Solutions (And a Great Internet Connection)"
          description="We build the tech so you don't have to break your keyboard."
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "99.8%", label: "Uptime Guarantee" },
            { value: "24/7", label: "Expert Support" },
            { value: "∞", label: "Zero Fluff Policy" }
          ]}
          enableKpiAnimation={true}
          buttons={[
            { text: "Book a Call", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQWBhHyBzeDzuBBqGOtgyW1eaD/a-professional-headshot-of-a-confident-t-1772525212693-6c2e0215.png"
          imageAlt="Kennedy Banda - Tech Entrepreneur"
          mediaAnimation="slide-up"
          imagePosition="right"
        />
      </div>

      <div id="why-kennedy" data-section="why-kennedy">
        <MetricCardThree
          title="Why Kennedy?"
          description="Three pillars of our approach: Speed, Scalability, and Zero Fluff."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          metrics={[
            { id: "1", icon: Zap, title: "Speed", value: "Lightning Fast" },
            { id: "2", icon: TrendingUp, title: "Scalability", value: "Enterprise Ready" },
            { id: "3", icon: Filter, title: "Zero Fluff", value: "Pure Solutions" }
          ]}
        />
      </div>

      <div id="solutions" data-section="solutions">
        <FeatureCardThree
          title="The Solution Bento"
          description="Our complete suite of innovative services designed to solve your business challenges."
          features={[
            {
              id: "01",              title: "Strategic Consultation",              description: "Expert analysis of your needs with zero corporate jargon. Just real solutions.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQWBhHyBzeDzuBBqGOtgyW1eaD/a-professional-consultation-scene-with-a-1772525213368-10153b5f.png",              imageAlt: "Strategic Consultation"
            },
            {
              id: "02",              title: "Custom Development",              description: "Building tech that works for you, not against you. Optimized for performance and simplicity.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQWBhHyBzeDzuBBqGOtgyW1eaD/a-software-development-visualization-sho-1772525213572-fe2bc302.png",              imageAlt: "Custom Development"
            },
            {
              id: "03",              title: "Seamless Deployment",              description: "Launch with confidence. Our process ensures smooth transitions and zero downtime.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQWBhHyBzeDzuBBqGOtgyW1eaD/a-deployment-and-launch-visualization-wi-1772525215592-a0e0f41e.png",              imageAlt: "Seamless Deployment"
            },
            {
              id: "04",              title: "24/7 Support",              description: "Always here when you need us. Proactive monitoring and rapid response times.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQWBhHyBzeDzuBBqGOtgyW1eaD/a-customer-support-and-maintenance-visua-1772525215704-74aadb56.png",              imageAlt: "24/7 Support"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="bento-grid"
        />
      </div>

      <div id="promise" data-section="promise">
        <ContactCenter
          tag="The Banda Promise"
          tagIcon={Heart}
          title="If it doesn't solve your problem, we didn't build it."
          description="Every solution we create is purpose-driven. No unnecessary features, no bloated code. Just pure, effective technology that addresses your specific challenges. That's the Kennedy Banda guarantee."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="Your email address"
          buttonText="Get Started"
          termsText="We respect your inbox. No spam, just solutions. We're in this together."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQWBhHyBzeDzuBBqGOtgyW1eaD/an-abstract-tech-inspired-footer-backgro-1772525212917-db02a257.png"
          imageAlt="Kennedy Banda - Tech Innovation"
          logoText="Kennedy Banda"
          copyrightText="Made by Kennedy. Loved by humans."
          columns={[
            {
              title: "Product",              items: [
                { label: "Solutions", href: "#solutions" },
                { label: "Features", href: "#why-kennedy" },
                { label: "Pricing", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Kennedy", href: "#" },
                { label: "Our Promise", href: "#promise" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}