"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Apple, Camera, Crown, HelpCircle, Heart, House, Mail, MessageSquareText, Settings, Shield, Smartphone, Sparkles, Star, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="medium"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="iPhone Store"
          navItems={[
            { name: "Products", id: "products" },
            { name: "Specs", id: "specs" },
            { name: "Reviews", id: "testimonials" },
            { name: "Pricing", id: "pricing" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Buy Now",            href: "pricing"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          tag="Premium iPhone Selection"
          tagIcon={Smartphone}
          title="Experience the Future in Your Hand"
          description="Discover our curated collection of the latest iPhone models. Premium devices with cutting-edge technology, stunning displays, and exceptional cameras."
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Learn More", href: "specs" }
          ]}
          background={{ variant: "radial-gradient" }}
          dashboard={{
            title: "iPhone Selection Hub",            logoIcon: Apple,
            imageSrc: "https://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg",            searchPlaceholder: "Find your perfect iPhone...",            buttons: [
              { text: "View All Models", href: "products" },
              { text: "Compare Specs", href: "specs" }
            ],
            sidebarItems: [
              { icon: Smartphone, active: true },
              { icon: Zap },
              { icon: Camera }
            ],
            stats: [
              {
                title: "Performance",                values: ["A18 Pro", "6-core CPU", "GPU Optimized"],
                description: "Latest chip technology"
              },
              {
                title: "Camera Quality",                values: ["48MP", "ProRAW", "Night Mode"],
                description: "Professional-grade imaging"
              },
              {
                title: "Battery Life",                values: ["24 Hours", "Super", "Cycle"],
                valuePrefix: "",                description: "All-day battery with MagSafe"
              }
            ],
            chartTitle: "iPhone Sales Trend",            chartData: [
              { value: 85 },
              { value: 92 },
              { value: 78 },
              { value: 95 },
              { value: 88 }
            ],
            listTitle: "Top Features",            listItems: [
              { icon: Zap, title: "A18 Pro Chip", status: "Latest" },
              { icon: Camera, title: "Advanced Camera System", status: "Pro" },
              { icon: Shield, title: "Enhanced Security", status: "Secure" }
            ]
          }}
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured iPhones"
          description="Choose from our selection of premium iPhone models, each engineered for excellence."
          tag="New Arrivals"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",              name: "iPhone 15 Pro Max",              price: "$1,199",              imageSrc: "https://img.b2bpic.net/free-photo/smartphone-laptop-side-view_1057-4326.jpg"
            },
            {
              id: "2",              name: "iPhone 15 Pro",              price: "$999",              imageSrc: "https://img.b2bpic.net/free-photo/smartphone-device-with-minimalist-monochrome-background_23-2150763338.jpg"
            },
            {
              id: "3",              name: "iPhone 15",              price: "$799",              imageSrc: "https://img.b2bpic.net/free-photo/smartphone-device-with-minimalist-monochrome-background_23-2150763338.jpg"
            },
            {
              id: "4",              name: "iPhone SE",              price: "$429",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722629.jpg"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          buttons={[
            { text: "Compare Models", href: "specs" }
          ]}
        />
      </div>
      
      <div id="specs" data-section="specs">
        <FeatureCardSix
          title="Why Choose Our iPhones"
          description="Discover the key features that make our iPhones stand out from the competition."
          tag="Product Features"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              title: "Advanced Camera System",              description: "Professional-grade camera with 48MP main sensor, Night mode, and ProRAW support for stunning photography in any condition.",              imageSrc: "https://img.b2bpic.net/free-photo/smartphone-laptop-side-view_1057-4326.jpg"
            },
            {
              id: 2,
              title: "A18 Pro Chip",              description: "Next-generation processor delivering unmatched speed and efficiency. Perfect for gaming, editing, and multitasking.",              imageSrc: "https://img.b2bpic.net/free-photo/smartphone-device-with-minimalist-monochrome-background_23-2150763338.jpg"
            },
            {
              id: 3,
              title: "All-Day Battery",              description: "Up to 24 hours of battery life with new optimization. Stay connected from sunrise to sunrise.",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722629.jpg"
            },
            {
              id: 4,
              title: "Stunning Display",              description: "Super Retina XDR display with incredible brightness and color accuracy for an immersive visual experience.",              imageSrc: "https://img.b2bpic.net/free-photo/smartphone-laptop-side-view_1057-4326.jpg"
            }
          ]}
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="iPhone Excellence by Numbers"
          description="Our commitment to quality backed by impressive performance metrics."
          tag="Performance Specs"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "48MP",              title: "Main Camera Resolution",              items: [
                "Ultra-wide lens included",                "5x optical zoom",                "Night mode photography"
              ]
            },
            {
              id: "2",              value: "120Hz",              title: "ProMotion Display",              items: [
                "Smooth scrolling experience",                "Gaming-optimized refresh",                "Power-efficient technology"
              ]
            },
            {
              id: "3",              value: "6GB",              title: "RAM Memory",              items: [
                "Seamless multitasking",                "App switching speed",                "Performance optimization"
              ]
            },
            {
              id: "4",              value: "5G",              title: "Connectivity Speed",              items: [
                "Ultra-fast downloads",                "Cloud integration",                "Streaming quality"
              ]
            }
          ]}
          animationType="slide-up"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Love"
          description="Real feedback from satisfied iPhone buyers who trust our selection and service."
          tag="Customer Reviews"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          animationType="opacity"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "Creative Director",              company: "Design Studio",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"
            },
            {
              id: "2",              name: "Marcus Johnson",              role: "Product Manager",              company: "Tech Startup",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "3",              name: "Elena Rodriguez",              role: "Photographer",              company: "Visual Arts Co",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg"
            },
            {
              id: "4",              name: "David Kim",              role: "Software Engineer",              company: "Innovation Labs",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5360.jpg"
            },
            {
              id: "5",              name: "Jessica Park",              role: "Business Analyst",              company: "Corporate Solutions",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"
            },
            {
              id: "6",              name: "Thomas Miller",              role: "Content Creator",              company: "Digital Media",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            }
          ]}
        />
      </div>
      
      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Transparent iPhone Pricing"
          description="Choose the perfect iPhone model that fits your budget and lifestyle."
          tag="Best Value"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "se",              badge: "iPhone SE",              badgeIcon: Zap,
              price: "$429",              subtitle: "Perfect for everyday users",              buttons: [
                { text: "Buy Now", href: "contact" },
                { text: "Learn More", href: "specs" }
              ],
              features: [
                "5G connectivity",                "A15 Bionic chip",                "Single camera system",                "Up to 15 hours battery",                "64GB storage option"
              ]
            },
            {
              id: "15",              badge: "iPhone 15",              badgeIcon: Star,
              price: "$799",              subtitle: "Great all-around smartphone",              buttons: [
                { text: "Buy Now", href: "contact" },
                { text: "Learn More", href: "specs" }
              ],
              features: [
                "5G Ultra Wideband",                "A17 Pro chip",                "Dual camera system",                "Up to 20 hours battery",                "256GB storage"
              ]
            },
            {
              id: "15pro",              badge: "iPhone 15 Pro",              badgeIcon: Crown,
              price: "$999",              subtitle: "Professional-grade features",              buttons: [
                { text: "Buy Now", href: "contact" },
                { text: "Learn More", href: "specs" }
              ],
              features: [
                "5G Pro Speed",                "A18 Pro chip",                "48MP main camera",                "Up to 24 hours battery",                "ProRAW support"
              ]
            },
            {
              id: "15promax",              badge: "iPhone 15 Pro Max",              badgeIcon: Zap,
              price: "$1,199",              subtitle: "Maximum power and capability",              buttons: [
                { text: "Buy Now", href: "contact" },
                { text: "Learn More", href: "specs" }
              ],
              features: [
                "5G Elite connectivity",                "A18 Pro chip",                "5x optical zoom",                "Up to 30 hours battery",                "1TB storage option"
              ]
            }
          ]}
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our iPhones, pricing, and services."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722646.jpg"
          imageAlt="iPhone features and specifications"
          mediaPosition="left"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What is the warranty coverage on your iPhones?",              content: "All our iPhones come with Apple's standard one-year limited warranty covering manufacturing defects. We also offer extended AppleCare+ options for up to 3 years of coverage including accidental damage."
            },
            {
              id: "2",              title: "Do you offer payment plans?",              content: "Yes, we offer flexible payment plans through major credit cards and financing partners. You can spread payments over 12-24 months with competitive interest rates. Contact our sales team for details."
            },
            {
              id: "3",              title: "Can I trade in my old iPhone?",              content: "Absolutely! We accept trade-ins for any iPhone model. The trade-in value depends on the condition and model year. You'll receive credit towards your new purchase."
            },
            {
              id: "4",              title: "What storage capacity should I choose?",              content: "Choose based on your usage: 64GB for light users, 128GB for standard use, 256GB for heavy media consumption, and 512GB or 1TB for professionals who shoot ProRAW video and photos."
            },
            {
              id: "5",              title: "How long does shipping take?",              content: "Standard shipping takes 3-5 business days. We also offer express 1-2 day shipping and same-day delivery in select areas. All orders are fully insured during transit."
            },
            {
              id: "6",              title: "Are there student discounts available?",              content: "Yes! Students with a valid .edu email receive a 10% discount on all iPhone models. Teachers and education professionals get up to 15% off. Activate your discount at checkout."
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Connected"
          tagIcon={Mail}
          title="Get the Latest iPhone Updates"
          description="Subscribe to our newsletter for exclusive deals, product launches, and tech tips delivered to your inbox."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/join-us-register-newsletter-concept_53876-132697.jpg"
          imageAlt="Newsletter subscription"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          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">
        <FooterBase
          logoText="iPhone Store"
          copyrightText="© 2025 iPhone Store. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "iPhone 15 Pro", href: "products" },
                { label: "iPhone 15", href: "products" },
                { label: "iPhone SE", href: "products" },
                { label: "Compare Models", href: "specs" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Product Specs", href: "specs" },
                { label: "FAQ", href: "faq" },
                { label: "Warranty Info", href: "faq" },
                { label: "Contact Us", href: "contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "https://example.com/about" },
                { label: "Blog", href: "https://example.com/blog" },
                { label: "Careers", href: "https://example.com/careers" },
                { label: "Sustainability", href: "https://example.com/sustainability" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}