"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Crown, DollarSign, Lightbulb, Mail, Smartphone, Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="iPhone Store"
          navItems={[
            { name: "Products", id: "products" },
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Premium iPhone Selection"
          bottomRightText="support@iphonestore.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Experience iPhone. Redefine Possible."
          description="Explore the latest iPhone models with cutting-edge technology, stunning design, and unmatched performance. Find your perfect iPhone today."
          tag="Premium Smartphones"
          tagIcon={Sparkles}
          background={{ variant: "plain" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg",              imageAlt: "Latest iPhone Hero Display"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-33087.jpg",              imageAlt: "iPhone Premium Design Side View"
            }
          ]}
          rating={5}
          ratingText="Rated by thousands of satisfied customers"
          buttons={[
            { text: "Shop Now", href: "#products" },
            { text: "Learn More", href: "#features" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our iPhone Collection"
          description="Discover our premium selection of iPhones, each engineered to perfection with the latest technology and design innovations."
          tag="Latest Models"
          tagIcon={Zap}
          products={[
            {
              id: "1",              name: "iPhone 15 Pro Max",              price: "$1,199",              imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-32600.jpg",              imageAlt: "iPhone 15 Pro Max"
            },
            {
              id: "2",              name: "iPhone 15 Pro",              price: "$999",              imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-17-pro-social-media-banner-design-template_47987-32600.jpg",              imageAlt: "iPhone 15 Pro"
            },
            {
              id: "3",              name: "iPhone 15",              price: "$799",              imageSrc: "https://img.b2bpic.net/free-psd/smartphone-16-pro-discount-sale-banner-social-media-design-template_47987-25305.jpg",              imageAlt: "iPhone 15"
            },
            {
              id: "4",              name: "iPhone SE",              price: "$429",              imageSrc: "https://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg",              imageAlt: "iPhone SE Affordable Premium"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          carouselMode="buttons"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="Why Choose Our iPhones"
          description="Every device is crafted with precision engineering and advanced technology to deliver an exceptional user experience."
          tag="Innovation"
          tagIcon={Lightbulb}
          features={[
            {
              id: "1",              title: "Advanced Camera System",              description: "Capture stunning photos and videos with our pro-grade camera system featuring advanced computational photography and 8K video recording.",              tag: "Pro Camera",              imageSrc: "https://img.b2bpic.net/free-photo/woman-taking-photo-two-croissants_23-2149277917.jpg",              imageAlt: "Advanced Camera System"
            },
            {
              id: "2",              title: "All-Day Battery Life",              description: "Experience extended battery performance with intelligent power management that keeps you going from morning to night.",              tag: "Battery Tech",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-using-smartphone-with-pop-socket-outdoors_23-2150168486.jpg",              imageAlt: "Extended Battery Life"
            },
            {
              id: "3",              title: "Super Retina Display",              description: "View your world in stunning clarity with our Super Retina XDR display featuring exceptional brightness and color accuracy.",              tag: "Display",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-taking-coffee-photos_23-2149294500.jpg",              imageAlt: "Super Retina Display Technology"
            },
            {
              id: "4",              title: "Lightning-Fast Performance",              description: "Experience blazing-fast processing speeds with the latest A-series chip, engineered for seamless multitasking and gaming.",              tag: "Performance",              imageSrc: "https://img.b2bpic.net/free-photo/senior-woman-traveling-areound-world_23-2149172097.jpg",              imageAlt: "High Performance Processing"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Trusted by millions of users worldwide who demand the best in mobile technology and innovation."
          tag="By The Numbers"
          metrics={[
            {
              id: "1",              value: "2B+",              description: "Active iPhone users globally enjoying seamless connectivity and innovation."
            },
            {
              id: "2",              value: "98%",              description: "Customer satisfaction rate reflecting our commitment to quality and service excellence."
            },
            {
              id: "3",              value: "15+",              description: "Years of iPhone innovation driving the mobile industry forward with breakthrough technology."
            },
            {
              id: "4",              value: "50+",              description: "Countries where our premium iPhones are available for immediate delivery and support."
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Choose Your iPhone Plan"
          description="Select the perfect iPhone model for your lifestyle, with flexible options and premium features at every price point."
          tag="Pricing"
          tagIcon={DollarSign}
          plans={[
            {
              id: "se",              badge: "Value",              badgeIcon: Smartphone,
              price: "$429",              subtitle: "Perfect for essential users",              buttons: [{ text: "Buy iPhone SE", href: "#" }],
              features: [
                "5.4-inch Liquid Retina display",                "A15 Bionic chip",                "Single camera system",                "All-day battery life",                "Fast charging support",                "Premium aluminum design"
              ]
            },
            {
              id: "15",              badge: "Popular",              badgeIcon: Sparkles,
              price: "$799",              subtitle: "Best overall choice",              buttons: [{ text: "Buy iPhone 15", href: "#" }],
              features: [
                "6.1-inch Super Retina display",                "A17 Pro chip",                "Dual camera system",                "Extended battery life",                "ProMotion technology",                "Enhanced durability"
              ]
            },
            {
              id: "15pro",              badge: "Professional",              badgeIcon: Crown,
              price: "$999",              subtitle: "For power users",              buttons: [{ text: "Buy iPhone 15 Pro", href: "#" }],
              features: [
                "6.1-inch Super Retina XDR display",                "A17 Pro chip",                "Pro camera system with telephoto",                "8K video recording",                "Advanced computational photography",                "Premium titanium design"
              ]
            },
            {
              id: "15promax",              badge: "Ultimate",              badgeIcon: Zap,
              price: "$1,199",              subtitle: "Maximum capability",              buttons: [{ text: "Buy iPhone 15 Pro Max", href: "#" }],
              features: [
                "6.7-inch Super Retina XDR display",                "A17 Pro chip",                "Pro Max camera system",                "Advanced thermal design",                "Maximum battery capacity",                "Premium titanium construction"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Customers Say"
          description="Hear from satisfied iPhone owners who have experienced the excellence and innovation of our products."
          tag="Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Sarah Martinez",              role: "Photographer",              company: "Creative Studios",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",              imageAlt: "Sarah Martinez"
            },
            {
              id: "2",              name: "James Chen",              role: "Business Owner",              company: "Tech Innovations",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-smiling-woman-cafe-drinking-coffee-date-looking-camera_197531-22708.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Thompson",              role: "Designer",              company: "Design Agency",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-professional-businesswoman-looking-upper-left-corner-with-hopeful-face-expression-standing-white_176420-41313.jpg",              imageAlt: "Emma Thompson"
            }
          ]}
          kpiItems={[
            { value: "50K+", label: "Happy customers worldwide" },
            { value: "4.9/5", label: "Average customer rating" },
            { value: "98%", label: "Would recommend to friends" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          carouselMode="buttons"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Updated on Latest iPhone Releases"
          description="Subscribe to our newsletter for exclusive offers, product launches, and expert tips to get the most from your iPhone."
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg"
          imageAlt="Latest iPhone Newsletter"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="iPhone Store"
          columns={[
            {
              title: "Shop",              items: [
                { label: "iPhone 15 Pro", href: "#products" },
                { label: "iPhone 15", href: "#products" },
                { label: "iPhone SE", href: "#products" },
                { label: "Compare Models", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Help Center", href: "#" },
                { label: "Contact Us", href: "#" },
                { label: "Warranty Info", href: "#" },
                { label: "Returns & Exchanges", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Press", 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. Premium iPhones, Exceptional Service."
        />
      </div>
    </ThemeProvider>
  );
}