"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Palette, Lightbulb, Leaf, Award, Zap, Star, TrendingUp, Heart, HelpCircle, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="large"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Apple"
          navItems={[
            { name: "Products", id: "products" },
            { name: "Design", id: "design" },
            { name: "Process", id: "process" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Apple"
          description="Innovating the future with elegant design and cutting-edge technology"
          buttons={[
            { text: "Explore", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/abstract-minimal-concept-apples-bowls_23-2148835325.jpg"
          imageAlt="Minimalist Apple product showcase"
          showDimOverlay={true}
          logoLineHeight={1.2}
          ariaLabel="Apple hero section"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Crafted with Precision"
          description="Every detail matters. From the moment you hold it to the way it works, Apple products are designed with meticulous attention to quality and user experience."
          tag="Our Philosophy"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imagePosition="right"
          bulletPoints={[
            {
              title: "Design Excellence",              description: "Beautiful interfaces paired with powerful functionality",              icon: Palette
            },
            {
              title: "Innovation",              description: "Pushing boundaries to create the future",              icon: Lightbulb
            },
            {
              title: "Sustainability",              description: "Creating products that respect the environment",              icon: Leaf
            },
            {
              title: "Premium Quality",              description: "Every component crafted to perfection",              icon: Award
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153838.jpg"
          imageAlt="Apple design philosophy"
          buttons={[
            { text: "Discover More", href: "process" }
          ]}
        />
      </div>

      <div id="process" data-section="process">
        <FeatureProcessSteps
          tag="How We Work"
          tagIcon={Zap}
          title="Our Design Process"
          description="From concept to creation, we follow a rigorous process that ensures every product meets our exacting standards for excellence and innovation."
          useInvertedBackground="noInvert"
          steps={[
            {
              number: "01",              title: "Research & Insight",              description: "Deep understanding of user needs and market trends",              tag: "Discovery"
            },
            {
              number: "02",              title: "Design & Prototype",              description: "Creating elegant solutions through iterative design",              tag: "Creation"
            },
            {
              number: "03",              title: "Refine & Perfect",              description: "Testing and optimizing every detail for excellence",              tag: "Excellence"
            },
            {
              number: "04",              title: "Launch & Support",              description: "Bringing products to market with world-class service",              tag: "Delivery"
            }
          ]}
          buttons={[
            { text: "View Our Work", href: "products" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Products"
          description="Experience the pinnacle of design and innovation"
          tag="Latest Collection"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              brand: "Apple",              name: "Pro Max Series",              price: "$1,099",              rating: 5,
              reviewCount: "42.3k",              imageSrc: "https://img.b2bpic.net/free-photo/fresh-apple-beside-mirror_23-2148879012.jpg",              imageAlt: "Apple Pro Max"
            },
            {
              id: "2",              brand: "Apple",              name: "Ultra Edition",              price: "$899",              rating: 5,
              reviewCount: "38.9k",              imageSrc: "https://img.b2bpic.net/free-photo/refreshing-drink-with-apples-tablet_23-2148025153.jpg",              imageAlt: "Apple Ultra Edition"
            },
            {
              id: "3",              brand: "Apple",              name: "Studio Collection",              price: "$1,299",              rating: 5,
              reviewCount: "51.2k",              imageSrc: "https://img.b2bpic.net/free-photo/jar-with-apple-flowers-beside_23-2148879013.jpg",              imageAlt: "Apple Studio Collection"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="By The Numbers"
          description="Apple's impact on innovation and customer satisfaction worldwide"
          tag="Global Success"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          metrics={[
            {
              id: "1",              value: "2B+",              description: "Devices Sold Worldwide"
            },
            {
              id: "2",              value: "98%",              description: "Customer Satisfaction Rate"
            },
            {
              id: "3",              value: "195",              description: "Countries & Regions"
            },
            {
              id: "4",              value: "$392B",              description: "Annual Revenue"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by millions of users worldwide who depend on Apple for innovation, reliability, and excellence"
          cardTag="Customer Testimonials"
          cardTagIcon={Heart}
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Marcus Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "3",              name: "Emma Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              imageAlt: "David Kim"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our products and services"
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What makes Apple products different?",              content: "Apple products are built on a foundation of elegant design, powerful innovation, and meticulous attention to detail. We integrate hardware, software, and services seamlessly to create experiences that are intuitive and delightful."
            },
            {
              id: "2",              title: "How long is the warranty?",              content: "All Apple products come with a one-year limited warranty covering hardware defects. AppleCare+ extends coverage up to three years with additional benefits including accidental damage protection."
            },
            {
              id: "3",              title: "Do you offer trade-in programs?",              content: "Yes, we offer trade-in programs for eligible devices. Get credit toward your purchase when you trade in your current device. Values depend on device condition and model."
            },
            {
              id: "4",              title: "What is your environmental commitment?",              content: "Apple is committed to protecting the planet. We use recycled and renewable materials in our products, maintain carbon neutral operations, and work to reduce our environmental impact across our entire supply chain."
            },
            {
              id: "5",              title: "How can I contact customer support?",              content: "Support is available 24/7 through our website, phone, or in-store at any Apple retail location. You can also reach our support team via chat or email for technical assistance with your device."
            },
            {
              id: "6",              title: "Do you offer financing options?",              content: "Yes, we offer flexible financing options through Apple Card Monthly Installments. Split your purchase into equal monthly payments with no interest when you use Apple Card."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Connected"
          tagIcon={Mail}
          title="Join Our Community"
          description="Subscribe to our newsletter and be the first to hear about new innovations, exclusive offers, and behind-the-scenes stories from Apple."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571066.jpg"
          imageAlt="Apple community"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to our Terms of Service."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Products",              items: [
                { label: "All Products", href: "products" },
                { label: "Pro Series", href: "products" },
                { label: "Ultra Edition", href: "products" },
                { label: "Studio Collection", href: "products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Apple", href: "about" },
                { label: "Our Process", href: "process" },
                { label: "Careers", href: "https://www.apple.com/careers" },
                { label: "Press", href: "https://www.apple.com/newsroom" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "faq" },
                { label: "Contact Us", href: "contact" },
                { label: "Support Center", href: "https://support.apple.com" },
                { label: "Warranty", href: "https://www.apple.com/warranty" }
              ]
            }
          ]}
          copyrightText="© 2025 Apple Inc. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}