"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Sparkles, Zap, Globe, TrendingUp } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "#services" },
    { name: "About", id: "#about" },
    { name: "Contact", id: "/contact" },
  ];

  const navButton = {
    text: "Get Started",    href: "#"
  };

  const heroCarouselItems = [
    {
      id: "1",      imageSrc:
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/modern-web-design-concept--1772694293642-0b465240.png?_wi=1",      imageAlt: "Web Design"
    },
    {
      id: "2",      imageSrc:
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-team-collaboration-scene--1772694293642-0b465240.png",      imageAlt: "Team Collaboration"
    },
    {
      id: "3",      imageSrc:
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/abstract-technology-background--1772694293642-0b465240.png",      imageAlt: "Technology"
    },
    {
      id: "4",      imageSrc:
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/digital-innovation-concept--1772694293642-0b465240.png",      imageAlt: "Digital Innovation"
    },
    {
      id: "5",      imageSrc:
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/modern-workspace--1772694293642-0b465240.png",      imageAlt: "Modern Workspace"
    },
    {
      id: "6",      imageSrc:
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/business-growth-chart--1772694293642-0b465240.png",      imageAlt: "Business Growth"
    },
  ];

  const features = [
    {
      title: "Advanced Analytics",      description: "Get detailed insights into your business performance",      bentoComponent: "globe" as const,
    },
    {
      title: "Real-time Collaboration",      description: "Work together seamlessly with your team",      bentoComponent: "icon-info-cards" as const,
      items: [
        { icon: Zap, label: "Speed", value: "99.9%" },
        { icon: Globe, label: "Global", value: "150+" },
        { icon: TrendingUp, label: "Growth", value: "300%" },
      ],
    },
  ];

  const testimonials = [
    {
      id: "1",      name: "Sarah Johnson",      handle: "@sarahj",      testimonial:
        "This platform has completely transformed how we manage our digital presence. Highly recommended!",      imageSrc:
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-1.png",      imageAlt: "Sarah Johnson"
    },
    {
      id: "2",      name: "Michael Chen",      handle: "@mchen",      testimonial:
        "Incredible user experience and outstanding customer support. Best decision we made.",      imageSrc:
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-2.png",      imageAlt: "Michael Chen"
    },
    {
      id: "3",      name: "Emma Davis",      handle: "@emma_d",      testimonial:
        "The level of customization and flexibility is unmatched. Perfect for our needs.",      imageSrc:
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-3.png",      imageAlt: "Emma Davis"
    },
    {
      id: "4",      name: "James Wilson",      handle: "@james_w",      testimonial:
        "Outstanding results and measurable impact on our business growth in just 3 months.",      imageSrc:
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-4.png",      imageAlt: "James Wilson"
    },
    {
      id: "5",      name: "Lisa Anderson",      handle: "@lisa_a",      testimonial:
        "The integration capabilities are seamless and the API documentation is excellent.",      imageSrc:
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-5.png",      imageAlt: "Lisa Anderson"
    },
    {
      id: "6",      name: "David Martinez",      handle: "@david_m",      testimonial:
        "Reliable, scalable, and built with modern best practices. A game changer for us.",      imageSrc:
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-6.png",      imageAlt: "David Martinez"
    },
    {
      id: "7",      name: "Rachel Green",      handle: "@rachel_g",      testimonial:
        "From setup to deployment, everything was smooth and well-documented.",      imageSrc:
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-7.png",      imageAlt: "Rachel Green"
    },
    {
      id: "8",      name: "Tom Bradley",      handle: "@tom_b",      testimonial:
        "Exceptional value for money and continuous improvements based on user feedback.",      imageSrc:
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-8.png",      imageAlt: "Tom Bradley"
    },
  ];

  const footerColumns = [
    {
      title: "Product",      items: [
        { label: "Features", href: "#features" },
        { label: "Pricing", href: "#pricing" },
        { label: "Security", href: "#security" },
        { label: "Enterprise", href: "#enterprise" },
      ],
    },
    {
      title: "Company",      items: [
        { label: "About", href: "#about" },
        { label: "Blog", href: "/blog" },
        { label: "Careers", href: "#careers" },
        { label: "Contact", href: "/contact" },
      ],
    },
    {
      title: "Connect",      items: [
        { label: "LinkedIn", href: "https://linkedin.com" },
        { label: "Twitter", href: "https://twitter.com" },
        { label: "GitHub", href: "https://github.com" },
        { label: "Discord", href: "https://discord.com" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="gradient-mesh"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Apex Digital"
          navItems={navItems}
          button={navButton}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Digital experiences that drive growth"
          description="Transform your business with cutting-edge digital solutions designed to accelerate success and engage your audience."
          background={{ variant: "sparkles-gradient" }}
          tag="Innovation"
          tagIcon={Sparkles}
          buttons={[
            { text: "Get Started", href: "#contact" },
            { text: "Learn More", href: "#features" },
          ]}
          carouselItems={heroCarouselItems}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBento
          features={[
            {
              title: "Advanced Analytics",              description: "Get detailed insights into your business performance",              bentoComponent: "globe"},
            {
              title: "Real-time Collaboration",              description: "Work together seamlessly with your team",              bentoComponent: "icon-info-cards",              items: [
                { icon: Zap, label: "Speed", value: "99.9%" },
                { icon: Globe, label: "Global", value: "150+" },
                { icon: TrendingUp, label: "Growth", value: "300%" },
              ],
            },
          ]}
          title="Powerful Features"
          description="Everything you need to succeed"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          testimonials={testimonials}
          title="What Our Customers Say"
          description="Hear from businesses that have transformed with our platform"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/modern-web-design-concept--1772694293642-0b465240.png?_wi=2"
          columns={footerColumns}
          logoText="Apex Digital"
          copyrightText="© 2025 Apex Digital. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
