"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, CheckCircle, Star, DollarSign, Users, Crown, TrendingUp, Building, Globe, Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="large"
      background="noiseGradient"
      cardStyle="outline-light"
      primaryButtonStyle="flat"
      secondaryButtonStyle="outline"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          brandName="Webild"
          navItems={[
            {name: "Features", id: "features"},
            {name: "Pricing", id: "pricing"},
            {name: "About", id: "about"},
            {name: "Contact", id: "contact"},
            {name: "Docs", id: "https://docs.example.com"}
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardScroll 
          title="Experience Seamless Product Innovation"
          description="Unlock the power of intelligent automation with our cutting-edge platform. Transform your workflow and accelerate your business growth."
          tag="Next Generation Technology"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697692413-ceqqaha8.jpg"
          imageAlt="Product dashboard preview"
          buttons={[
            {text: "Get Started Free", href: "contact"},
            {text: "View Demo", onClick: () => {}}
          ]}
          className="w-full"
          containerClassName="mx-auto"
          titleClassName="text-5xl md:text-7xl font-bold"
          descriptionClassName="text-lg md:text-xl"
        />
      </div>

      <div id="about" data-section="about">
        <ParallaxAbout 
          title="Built for Modern Teams"
          description="Empower your organization with intelligent tools designed for collaboration, efficiency, and growth. Our platform integrates seamlessly into your existing workflow."
          tag="About Us"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697693785-gamtf3ro.jpg"
          imageAlt="Technology background"
          buttons={[
            {text: "Learn Our Story", href: "#features"}
          ]}
          titleClassName="text-6xl font-bold"
          descriptionClassName="text-lg"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree 
          title="Powerful Features"
          description="Everything you need to succeed in one intelligent platform"
          tag="Core Capabilities"
          tagIcon={CheckCircle}
          features={[
            {
              id: "01",
              title: "Advanced Analytics",
              description: "Real-time insights and comprehensive reporting to drive informed decision-making",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697694989-2tzhxsyk.jpg",
              imageAlt: "Analytics dashboard"
            },
            {
              id: "02",
              title: "Smart Automation",
              description: "Streamline repetitive tasks and focus on what matters most to your business",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697695831-3m347obl.jpg",
              imageAlt: "Automation workflow"
            },
            {
              id: "03",
              title: "Enterprise Security",
              description: "Bank-grade encryption and compliance standards to protect your sensitive data",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697696774-ms83vt7x.jpg",
              imageAlt: "Security protection"
            },
            {
              id: "04",
              title: "Team Collaboration",
              description: "Work together seamlessly with integrated communication and project management tools",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697697861-n3ip2w85.jpg",
              imageAlt: "Team workspace"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            {text: "Explore All Features", href: "contact"}
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo 
          title="Premium Solutions"
          description="Discover our suite of industry-leading products trusted by thousands of organizations"
          tag="Product Lineup"
          tagIcon={Star}
          products={[
            {
              id: "1",
              brand: "CorePlatform",
              name: "Enterprise Dashboard Pro",
              price: "$2,499/month",
              rating: 5,
              reviewCount: "8.4k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697699024-xunffv89.jpg",
              imageAlt: "Enterprise dashboard"
            },
            {
              id: "2",
              brand: "CloudSync",
              name: "Integration Suite Plus",
              price: "$1,899/month",
              rating: 5,
              reviewCount: "6.2k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697699859-58a6nfjk.jpg",
              imageAlt: "Cloud integration"
            },
            {
              id: "3",
              brand: "DataVault",
              name: "Analytics Intelligence Hub",
              price: "$3,299/month",
              rating: 5,
              reviewCount: "9.1k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697700562-a619kf58.jpg",
              imageAlt: "Analytics platform"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            {text: "View All Products", href: "contact"}
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne 
          title="Choose Your Plan"
          description="Flexible pricing designed to scale with your organization"
          tag="Transparent Pricing"
          tagIcon={DollarSign}
          plans={[
            {
              id: "starter",
              badge: "Best for Teams",
              badgeIcon: Users,
              price: "$499/mo",
              subtitle: "Perfect for growing teams",
              features: [
                "Up to 10 team members",
                "Basic analytics",
                "Email support",
                "50GB storage",
                "Monthly reports"
              ]
            },
            {
              id: "professional",
              badge: "Most Popular",
              badgeIcon: Sparkles,
              price: "$1,299/mo",
              subtitle: "For scaling businesses",
              features: [
                "Up to 50 team members",
                "Advanced analytics",
                "Priority support",
                "500GB storage",
                "Real-time dashboards",
                "Custom integrations"
              ]
            },
            {
              id: "enterprise",
              badge: "Custom Power",
              badgeIcon: Crown,
              price: "Custom",
              subtitle: "For enterprise needs",
              features: [
                "Unlimited team members",
                "Enterprise analytics",
                "Dedicated support",
                "Unlimited storage",
                "Advanced security",
                "SLA guarantee"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            {text: "Start Free Trial", href: "contact"}
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree 
          title="Proven Track Record"
          description="Join thousands of companies that have transformed their operations with our platform"
          tag="Impact & Growth"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",
              icon: Users,
              title: "Active Users",
              value: "50,000+"
            },
            {
              id: "2",
              icon: Building,
              title: "Enterprise Clients",
              value: "1,200+"
            },
            {
              id: "3",
              icon: TrendingUp,
              title: "Revenue Growth",
              value: "340%"
            },
            {
              id: "4",
              icon: Globe,
              title: "Global Coverage",
              value: "85 Countries"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight 
          title="Customer Stories"
          description="See how leading organizations are achieving extraordinary results"
          tag="Success Stories"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Chen",
              role: "Chief Product Officer",
              company: "TechVentures Inc.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697701589-74m0l190.jpg",
              imageAlt: "Sarah Chen"
            },
            {
              id: "2",
              name: "Michael Rodriguez",
              role: "VP of Operations",
              company: "Global Solutions Ltd.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697702404-3f9g9pg8.jpg",
              imageAlt: "Michael Rodriguez"
            },
            {
              id: "3",
              name: "Emily Patterson",
              role: "Founder & CEO",
              company: "StartupX Labs",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697703019-hp2chfts.jpg",
              imageAlt: "Emily Patterson"
            },
            {
              id: "4",
              name: "David Kim",
              role: "Director of Strategy",
              company: "Enterprise Solutions Co.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697703901-ucj0io9f.jpg",
              imageAlt: "David Kim"
            },
            {
              id: "5",
              name: "Jessica Anderson",
              role: "Head of Digital",
              company: "Innovation Hub Partners",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697704883-1ocaj213.jpg",
              imageAlt: "Jessica Anderson"
            },
            {
              id: "6",
              name: "James Matthews",
              role: "Executive Director",
              company: "Growth Accelerators",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697706400-gxjdwov7.jpg",
              imageAlt: "James Matthews"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText 
          text="Ready to transform your business? Join hundreds of successful companies already using our platform. Start your free trial today."
          animationType="background-highlight"
          buttons={[
            {text: "Start Free Trial", href: "https://example.com/signup"},
            {text: "Schedule Demo", href: "contact"}
          ]}
          useInvertedBackground="noInvert"
          textClassName="text-3xl md:text-4xl font-bold"
          containerClassName="rounded-soft"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal 
          columns={[
            {
              title: "Product",
              items: [
                {label: "Features", href: "features"},
                {label: "Pricing", href: "pricing"},
                {label: "Security", href: "#"},
                {label: "Roadmap", href: "#"}
              ]
            },
            {
              title: "Company",
              items: [
                {label: "About", href: "about"},
                {label: "Blog", href: "#"},
                {label: "Careers", href: "#"},
                {label: "Contact", href: "contact"}
              ]
            },
            {
              title: "Legal",
              items: [
                {label: "Privacy", href: "#"},
                {label: "Terms", href: "#"},
                {label: "Cookies", href: "#"},
                {label: "Compliance", href: "#"}
              ]
            }
          ]}
          copyrightText="© 2025 Webild. All rights reserved."
          ariaLabel="Footer"
        />
      </div>
    </ThemeProvider>
  );
}
