"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Heart, HelpCircle, Mail, Sparkles, Smartphone, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="iPhone"
          navItems={[
            { name: "Models", id: "products" },
            { name: "Features", id: "features" },
            { name: "Specs", id: "metrics" },
            { name: "Reviews", id: "testimonials" },
            { name: "Support", id: "faq" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="iPhone"
          description="Discover the most advanced iPhone ever. Beautifully crafted with cutting-edge technology. Experience the power of innovation in your hand."
          background={{ variant: "plain" }}
          buttons={[
            { text: "Shop Now", href: "#products" },
            { text: "Learn More", href: "#features" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg"
          imageAlt="Latest iPhone Pro displaying stunning display and design"
          frameStyle="card"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="iPhone Models"
          description="Choose from our premium lineup of iPhone models. Each designed with precision and packed with innovation."
          tag="Available Now"
          tagIcon={Smartphone}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          products={[
            {
              id: "iphone-pro-max-256gb",              name: "iPhone 15 Pro Max",              price: "$1,199",              variant: "Titanium Blue  256GB",              imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-33087.jpg",              imageAlt: "iPhone 15 Pro Max in Titanium Blue"
            },
            {
              id: "iphone-pro-256gb",              name: "iPhone 15 Pro",              price: "$999",              variant: "Titanium Black  256GB",              imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-32600.jpg",              imageAlt: "iPhone 15 Pro in Titanium Black"
            },
            {
              id: "iphone-standard-128gb",              name: "iPhone 15",              price: "$799",              variant: "Midnight  128GB",              imageSrc: "https://img.b2bpic.net/free-psd/smartphone-16-pro-discount-sale-banner-social-media-design-template_47987-25305.jpg",              imageAlt: "iPhone 15 in Midnight color"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          carouselMode="buttons"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="Advanced Features"
          description="Engineered for excellence. Every detail crafted to deliver an extraordinary experience."
          tag="Innovation"
          tagIcon={Sparkles}
          features={[
            {
              id: "1",              title: "Stunning Display Technology",              tags: ["Super Retina XDR", "120Hz ProMotion"],
              imageSrc: "https://img.b2bpic.net/free-photo/male-traveling-taking-photos_23-2148383455.jpg",              imageAlt: "Advanced Super Retina XDR display"
            },
            {
              id: "2",              title: "Pro Camera System",              tags: ["48MP Main Camera", "Advanced AI"],
              imageSrc: "https://img.b2bpic.net/free-photo/senior-woman-traveling-areound-world_23-2149172097.jpg",              imageAlt: "Professional camera system with advanced optics"
            },
            {
              id: "3",              title: "All-Day Battery Life",              tags: ["30 Hour Video", "Fast Charging"],
              imageSrc: "https://img.b2bpic.net/free-photo/two-friends-taking-selfie-smartphone_23-2147828216.jpg",              imageAlt: "Extended battery technology"
            },
            {
              id: "4",              title: "Advanced Security",              tags: ["Face ID", "Secure Enclave"],
              imageSrc: "https://img.b2bpic.net/free-photo/human-hand-taking-picture-suspension-bridge-cellphone-rainforest-costa-rica_23-2148248806.jpg",              imageAlt: "Face ID security technology"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTen
          title="Technical Specifications"
          description="Every specification engineered for peak performance. Premium materials meet cutting-edge technology."
          tag="Engineering Excellence"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              title: "A17 Pro Chip",              subtitle: "Next-generation performance processor",              category: "Processor",              value: "6-Core CPU"
            },
            {
              id: "2",              title: "6.1\" Super Retina XDR Display",              subtitle: "Stunning OLED technology",              category: "Display",              value: "2556 x 1179"
            },
            {
              id: "3",              title: "48MP Main Camera",              subtitle: "Professional-grade imaging",              category: "Camera",              value: "f/1.78 Aperture"
            },
            {
              id: "4",              title: "Titanium Design",              subtitle: "Premium aerospace-grade material",              category: "Build",              value: "Ceramic Shield"
            },
            {
              id: "5",              title: "5G Connectivity",              subtitle: "Ultra-fast wireless",              category: "Network",              value: "Sub-6 GHz & mmWave"
            },
            {
              id: "6",              title: "Water Resistance",              subtitle: "Protected against elements",              category: "Durability",              value: "IP68 Rating"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="Loved by Customers Worldwide"
          description="Join millions who trust iPhone for their daily inspiration, creativity, and connection."
          tag="Customer Stories"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "Photographer",              company: "Creative Studio",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Chen, professional photographer"
            },
            {
              id: "2",              name: "Marcus Johnson",              role: "Tech Entrepreneur",              company: "StartUp Hub",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Marcus Johnson, technology entrepreneur"
            },
            {
              id: "3",              name: "Elena Rodriguez",              role: "Film Director",              company: "Motion Pictures",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "Elena Rodriguez, professional filmmaker"
            }
          ]}
          kpiItems={[
            { value: "2B+", label: "Active Users Worldwide" },
            { value: "98%", label: "Customer Satisfaction" },
            { value: "17+", label: "Years of Innovation" }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about iPhone. Find answers to common questions."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What's included in the box?",              content: "Each iPhone comes with a USB-C to USB-C cable. A power adapter is sold separately. You'll also find important safety information and regulatory details in the box."
            },
            {
              id: "2",              title: "Is iPhone water resistant?",              content: "Yes, iPhone 15 models have an IP68 rating, meaning they're water resistant up to 6 meters for up to 30 minutes. This protects against accidental spills, splashes, and brief submersion."
            },
            {
              id: "3",              title: "How long does the battery last?",              content: "iPhone 15 Pro Max offers up to 30 hours of video playbook, 25 hours of video streaming, and 100 hours of audio playback. Battery life varies based on usage patterns and settings."
            },
            {
              id: "4",              title: "Do I need AppleCare+?",              content: "AppleCare+ provides accidental damage protection, priority support, and service coverage. While optional, it's recommended for peace of mind and extended coverage."
            },
            {
              id: "5",              title: "Can I upgrade my iPhone?",              content: "Yes, we offer trade-in programs for your existing iPhone. You'll receive credit toward a new purchase. Trade-in value depends on device condition and model."
            },
            {
              id: "6",              title: "What payment options are available?",              content: "We accept all major credit cards, Apple Pay, and financing options. You can also spread payments over 12 months with zero interest through eligible financing programs."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Connected"
          title="Get the Latest Updates"
          description="Subscribe to receive product announcements, exclusive offers, and insights about the latest iPhone innovations."
          tagIcon={Mail}
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/people-leisure-communication-concept_273609-55238.jpg"
          imageAlt="Person using iPhone with latest features"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. Check our privacy policy for details."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg"
          imageAlt="iPhone product lineup"
          logoText="iPhone"
          copyrightText="© 2025 Apple Inc. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "iPhone Models", href: "#products" },
                { label: "Compare", href: "#features" },
                { label: "Specs", href: "#metrics" },
                { label: "Trade In", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Help & Support", href: "#faq" },
                { label: "AppleCare+", href: "#" },
                { label: "Contact Us", href: "#contact" },
                { label: "Service Status", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Careers", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}