"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Crown, Mail, Sparkles, Star, Tag, TrendingUp, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="iPhone Store"
          navItems={[
            { name: "Products", id: "products" },
            { name: "Pricing", id: "pricing" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Shop Now", href: "#products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="iPhone"
          description="Experience the future of mobile technology with cutting-edge features, stunning displays, and powerful performance."
          buttons={[
            { text: "Shop Latest Models", href: "#products" },
            { text: "Learn More", href: "#features" }
          ]}
          imageSrc="https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg"
          imageAlt="Latest iPhone models showcase"
          showDimOverlay={true}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured iPhone Collection"
          description="Discover our latest lineup of premium iPhone models with innovative features and exceptional design."
          tag="New Arrivals"
          tagIcon={Sparkles}
          textboxLayout="default"
          products={[
            {
              id: "iphone-15-pro-max",              name: "iPhone 15 Pro Max",              price: "$1,199",              variant: "Titanium  5 Colors",              imageSrc: "https://img.b2bpic.net/free-vector/digital-futuristic-mobile-technology-concept-background_1017-25464.jpg",              imageAlt: "iPhone 15 Pro Max in Titanium"
            },
            {
              id: "iphone-15-pro",              name: "iPhone 15 Pro",              price: "$999",              variant: "Titanium  5 Colors",              imageSrc: "https://img.b2bpic.net/free-vector/digital-futuristic-mobile-technology-concept-background_1017-25464.jpg",              imageAlt: "iPhone 15 Pro in Titanium"
            },
            {
              id: "iphone-15",              name: "iPhone 15",              price: "$799",              variant: "Multiple Colors  6 Finishes",              imageSrc: "https://img.b2bpic.net/free-vector/futuristic-mobile-technology-with-circuit-lines_1017-30932.jpg",              imageAlt: "iPhone 15 in various colors"
            },
            {
              id: "iphone-se",              name: "iPhone SE",              price: "$429",              variant: "Midnight  3 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063043.jpg",              imageAlt: "iPhone SE in Midnight"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwelve
          title="Exceptional Technology"
          description="Discover what makes iPhone the world's most advanced smartphone"
          tag="Features"
          tagIcon={Zap}
          textboxLayout="default"
          features={[
            {
              id: "display",              label: "Display",              title: "Stunning Super Retina XDR display with ProMotion technology",              items: [
                "6.7-inch or 6.1-inch LTPO Super Retina XDR display",                "120Hz adaptive refresh rate",                "Dynamic Island for notifications",                "Always-On display capabilities"
              ]
            },
            {
              id: "camera",              label: "Camera",              title: "Advanced camera system with AI-powered features",              items: [
                "Pro camera system with telephoto lens",                "Computational photography",                "Night mode and Deep Fusion",                "ProRes video recording"
              ]
            },
            {
              id: "performance",              label: "Performance",              title: "Lightning-fast A17 Pro chip for demanding apps",              items: [
                "6-core CPU with neural engine",                "Enhanced GPU performance",                "All-day battery life",                "Fast charging support"
              ]
            }
          ]}
          animationType="opacity"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Choose Your iPhone"
          description="Select the perfect model for your needs and lifestyle"
          tag="Pricing"
          tagIcon={Tag}
          textboxLayout="default"
          plans={[
            {
              id: "se",              badge: "Budget-Friendly",              badgeIcon: Zap,
              price: "$429",              subtitle: "Great for everyday use",              buttons: [
                { text: "Buy Now", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "5.4-inch Retina display",                "A15 Bionic chip",                "Single 12MP camera",                "All-day battery",                "Water and dust resistant"
              ]
            },
            {
              id: "standard",              badge: "Most Popular",              badgeIcon: Star,
              price: "$799",              subtitle: "Best overall value",              buttons: [
                { text: "Buy Now", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "6.1-inch Super Retina XDR",                "A17 Pro chip",                "Advanced dual camera",                "ProMotion 120Hz display",                "Enhanced battery life"
              ]
            },
            {
              id: "pro",              badge: "Professional",              badgeIcon: Crown,
              price: "$999",              subtitle: "For power users",              buttons: [
                { text: "Buy Now", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "6.1-inch Super Retina XDR",                "A17 Pro chip",                "Pro camera system",                "Titanium design",                "Action button"
              ]
            },
            {
              id: "pro-max",              badge: "Ultimate",              badgeIcon: Zap,
              price: "$1,199",              subtitle: "Maximum power and performance",              buttons: [
                { text: "Buy Now", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "6.7-inch Super Retina XDR",                "A17 Pro chip",                "Advanced Pro camera system",                "Titanium design",                "5x optical zoom"
              ]
            }
          ]}
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Why Choose iPhone"
          description="Trusted by millions of users worldwide with industry-leading technology"
          tag="By The Numbers"
          tagIcon={TrendingUp}
          textboxLayout="default"
          metrics={[
            {
              id: "users",              value: "2B+",              title: "Active Users Worldwide",              items: [
                "Largest smartphone ecosystem",                "Growing global presence",                "Multi-generational loyalty"
              ]
            },
            {
              id: "satisfaction",              value: "98%",              title: "Customer Satisfaction",              items: [
                "Industry-leading quality",                "Exceptional support",                "Long device lifespan"
              ]
            },
            {
              id: "innovation",              value: "30+",              title: "Years of Innovation",              items: [
                "Pioneering technology leader",                "Continuous improvement",                "Future-focused design"
              ]
            },
            {
              id: "security",              value: "99.9%",              title: "Privacy Protection Score",              items: [
                "Advanced security features",                "End-to-end encryption",                "Privacy-first approach"
              ]
            }
          ]}
          animationType="blur-reveal"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="iPhone has completely transformed how I work and stay connected. The camera quality is incredible, the battery lasts all day, and the ecosystem integration is seamless. I can't imagine using anything else."
          rating={5}
          author="Sarah Johnson, Tech Enthusiast"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Sarah Johnson" },
            { src: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Customer Review 2" },
            { src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Customer Review 3" },
            { src: "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", alt: "Customer Review 4" },
            { src: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", alt: "Customer Review 5" },
            { src: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer Review 6" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Updated on New Releases"
          description="Subscribe to our newsletter and be the first to know about new iPhone models, special offers, and exclusive features."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074279.jpg"
          imageAlt="iPhone in hand"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to our Terms and Privacy Policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="iPhone Store"
          columns={[
            {
              title: "Products",              items: [
                { label: "iPhone 15 Pro", href: "#" },
                { label: "iPhone 15", href: "#" },
                { label: "iPhone SE", href: "#" },
                { label: "Compare Models", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Technical Support", href: "#" },
                { label: "Warranty Info", href: "#" },
                { label: "Setup Guide", href: "#" },
                { label: "FAQs", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 iPhone Store. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}