"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Package, Crown, Zap, Heart, Smile } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Apple iPhone"
          navItems={[
            { name: "Products", id: "products" },
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Experience the Future of Mobile Technology"
          description="Discover the latest iPhone models featuring cutting-edge technology, stunning displays, and powerful performance that redefine what's possible in a smartphone."
          tag="Premium Collection"
          tagIcon={Sparkles}
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-vector/elegant-home-screen-interface_52683-51183.jpg",              imageAlt: "Latest iPhone Model 1"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/neon-home-screen-template-smartphone_23-2148736060.jpg",              imageAlt: "Latest iPhone Model 2"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/neon-home-screen-template-smartphone_23-2148736061.jpg",              imageAlt: "Latest iPhone Model 3"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/smartphone-bokeh-background_23-2147983809.jpg",              imageAlt: "Latest iPhone Model 4"
            }
          ]}
          buttons={[
            { text: "Explore Products", href: "#products" },
            { text: "Learn More", href: "#features" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured iPhone Collection"
          description="Choose from our curated selection of premium iPhone models, each engineered for exceptional performance and stunning visuals."
          tag="New Arrivals"
          tagIcon={Package}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          products={[
            {
              id: "iphone-pro-max",              name: "iPhone Pro Max",              price: "$1,199",              variant: "Titanium · 256GB",              imageSrc: "https://img.b2bpic.net/free-vector/abstract-mobile-wallpapers-pack_23-2147654752.jpg",              imageAlt: "iPhone Pro Max Premium Model"
            },
            {
              id: "iphone-pro",              name: "iPhone Pro",              price: "$999",              variant: "Space Black · 256GB",              imageSrc: "https://img.b2bpic.net/free-vector/abstract-mobile-wallpapers-pack_23-2147658285.jpg",              imageAlt: "iPhone Pro Advanced Model"
            },
            {
              id: "iphone-standard",              name: "iPhone 15",              price: "$799",              variant: "Blue · 128GB",              imageSrc: "https://img.b2bpic.net/free-vector/colorful-defocused-mobile-wallpapers_23-2147658286.jpg",              imageAlt: "iPhone 15 Standard Model"
            },
            {
              id: "iphone-se",              name: "iPhone SE",              price: "$429",              variant: "Midnight · 64GB",              imageSrc: "https://img.b2bpic.net/free-vector/pack-three-mobiles-with-elegant-colored-wallpapers_23-2147667014.jpg",              imageAlt: "iPhone SE Budget-Friendly Model"
            }
          ]}
          buttons={[
            { text: "View All Products", href: "#pricing" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Why Choose iPhone?"
          description="Compare iPhone with other smartphones and see the difference in performance, design, and ecosystem integration."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          negativeCard={{
            items: [
              "Limited ecosystem integration",              "Slower performance in demanding tasks",              "Lower quality camera systems",              "Limited customization options",              "Shorter battery life"
            ]
          }}
          positiveCard={{
            items: [
              "Seamless Apple ecosystem integration",              "Industry-leading processor performance",              "Advanced computational photography",              "Intuitive iOS interface with privacy focus",              "All-day intelligent battery life"
            ]
          }}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="iPhone Pricing Plans"
          description="Select the perfect iPhone model and storage capacity that fits your needs and budget."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "pro-max",              badge: "Most Popular",              badgeIcon: Crown,
              price: "$1,199",              subtitle: "Maximum performance and features",              buttons: [{ text: "Buy Now", href: "https://apple.com" }],
              features: [
                "6.7-inch Super Retina XDR display",                "A18 Pro chip with advanced performance",                "Quad-camera system with advanced zoom",                "Up to 30 hours battery life",                "Titanium design with premium finish",                "Advanced thermal management"
              ]
            },
            {
              id: "pro",              badge: "Premium Choice",              badgeIcon: Zap,
              price: "$999",              subtitle: "Professional-grade performance",              buttons: [{ text: "Buy Now", href: "https://apple.com" }],
              features: [
                "6.1-inch Super Retina XDR display",                "A18 Pro chip with exceptional speed",                "Triple-camera system with optical zoom",                "Up to 26 hours battery life",                "Stainless steel construction",                "ProMotion 120Hz display"
              ]
            },
            {
              id: "standard",              badge: "Best Value",              badgeIcon: Heart,
              price: "$799",              subtitle: "Great performance for everyday use",              buttons: [{ text: "Buy Now", href: "https://apple.com" }],
              features: [
                "6.1-inch Liquid Retina display",                "A18 chip with powerful performance",                "Dual-camera system",                "Up to 22 hours battery life",                "Durable glass and aluminum design",                "Advanced computational photography"
              ]
            },
            {
              id: "se",              badge: "Budget-Friendly",              badgeIcon: Smile,
              price: "$429",              subtitle: "Essential features, exceptional value",              buttons: [{ text: "Buy Now", href: "https://apple.com" }],
              features: [
                "4.7-inch Retina display",                "A17 Pro chip",                "Single-camera system",                "Up to 15 hours battery life",                "Familiar design",                "Touch ID security"
              ]
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="iPhone Impact By The Numbers"
          description="Discover why millions of users worldwide trust iPhone for their daily digital experience."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",              value: "2B+",              description: "Active iPhone Users Worldwide"
            },
            {
              id: "2",              value: "99%",              description: "Customer Satisfaction Rating"
            },
            {
              id: "3",              value: "500K+",              description: "Apps Available on App Store"
            },
            {
              id: "4",              value: "24/7",              description: "Hours of Battery Life (Pro Max)"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Love"
          description="Hear from iPhone users who have transformed their mobile experience with our products."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen, Professional Photographer",              date: "Date: 15 January 2025",              title: "The camera quality is absolutely outstanding",              quote: "I switched to iPhone Pro Max for the camera system, and I haven't looked back. The computational photography features have elevated my mobile photography to professional levels. Every shot is crisp, vibrant, and perfectly exposed in any lighting condition.",              tag: "Pro Max User",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/woman-sitting-bed-using-smartphone_23-2147912454.jpg",              avatarAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Michael Rodriguez, Tech Entrepreneur",              date: "Date: 12 January 2025",              title: "Performance that keeps up with my demands",              quote: "As a busy entrepreneur, I need a device that's as powerful as my ambitions. The iPhone Pro delivers exceptional performance with the A18 Pro chip. Multitasking is seamless, apps launch instantly, and I can edit videos on the go without any lag.",              tag: "Pro User",              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/woman-sitting-bed-with-smartphone-coffee_23-2147912445.jpg",              avatarAlt: "Michael Rodriguez"
            },
            {
              id: "3",              name: "Emma Thompson, Student & Content Creator",              date: "Date: 10 January 2025",              title: "The perfect balance of price and performance",              quote: "I chose the iPhone 15 because I needed a reliable phone for content creation without breaking the bank. It delivers incredible performance, the display is stunning, and the battery life easily gets me through my busiest days of filming and editing.",              tag: "iPhone 15 User",              avatarSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/woman-sitting-blanket-with-coffee-smartphone_23-2147912447.jpg",              avatarAlt: "Emma Thompson"
            },
            {
              id: "4",              name: "James Wilson, Business Executive",              date: "Date: 8 January 2025",              title: "Security and reliability I can trust",              quote: "iPhone's ecosystem and security features give me peace of mind handling sensitive business information. The integration with my Mac and iPad is seamless, making my workflow incredibly efficient. This is the device I recommend to all my colleagues.",              tag: "Pro Max User",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/woman-sitting-bed-with-phone-cup-coffee_23-2147912446.jpg",              avatarAlt: "James Wilson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to upgrade your mobile experience? Start exploring the latest iPhone models and find the perfect device for your lifestyle."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Shop iPhone Collection", href: "#products" },
            { text: "Compare Models", href: "#features" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Products",              items: [
                { label: "iPhone Pro Max", href: "#products" },
                { label: "iPhone Pro", href: "#products" },
                { label: "iPhone 15", href: "#products" },
                { label: "iPhone SE", href: "#products" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "FAQ", href: "#faq" },
                { label: "Contact Us", href: "#contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Blog", href: "#blog" },
                { label: "Careers", href: "#careers" },
                { label: "Privacy Policy", href: "#privacy" }
              ]
            }
          ]}
          copyrightText="© 2025 Apple iPhone Store. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}