"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles, TrendingUp, Star, Crown, Users, Award, Zap, Mail } from "lucide-react";
import HeroSplit from '@/components/sections/hero/HeroSplit';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="iPhone Store"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Products", id: "products" },
            { 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
          tag="Next Generation"
          tagIcon={Sparkles}
          title="Experience the Power of iPhone"
          description="Discover cutting-edge technology, stunning cameras, and seamless performance in every device. Find your perfect iPhone today."
          background={{ variant: "plain" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg",              imageAlt: "iPhone 15 Pro showcase"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-16-pro-social-media-cover-design-template_47987-25428.jpg",              imageAlt: "iPhone 15 Pro display"
            }
          ]}
          rating={5}
          ratingText="Trusted by millions worldwide"
          buttons={[
            { text: "Shop Now", href: "#products" },
            { text: "Learn More", href: "#features" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <HeroSplit
          title="Best Selling iPhones"
          description="Discover our top-selling iPhones with the latest features and designs"
          background={{ variant: "downward-rays-animated-grid" }}
          tag="Best Sellers"
          tagIcon={TrendingUp}
          buttons={[
            { text: "View All Models", href: "#products" }
          ]}
          products={[
            {
              id: "1",
              name: "iPhone 15 Pro Max",
              price: "$1,199",
              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
              imageAlt: "iPhone 15 Pro Max"
            },
            {
              id: "2",
              name: "iPhone 15 Pro",
              price: "$999",
              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
              imageAlt: "iPhone 15 Pro"
            },
            {
              id: "3",
              name: "iPhone 14 Pro",
              price: "$799",
              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
              imageAlt: "iPhone 14 Pro"
            },
            {
              id: "4",
              name: "iPhone 13 Pro",
              price: "$699",
              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
              imageAlt: "iPhone 13 Pro"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="Why Choose iPhone"
          description="Premium features designed for excellence"
          tag="Features"
          tagIcon={Star}
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "1",              title: "Advanced Camera System",              description: "Capture stunning photos and videos with our professional-grade triple camera system and computational photography",              tag: "Photography",              imageSrc: "https://img.b2bpic.net/free-vector/camera-interfeace-smartphone-template_1361-2224.jpg",              imageAlt: "Advanced camera feature"
            },
            {
              id: "2",              title: "All-Day Battery",              description: "Power-efficient A17 Pro chip delivers exceptional performance with industry-leading battery life",              tag: "Performance",              imageSrc: "https://img.b2bpic.net/free-vector/smartphone-template-with-camera-interface_1361-1529.jpg",              imageAlt: "Battery performance"
            },
            {
              id: "3",              title: "Premium Design",              description: "Precision-engineered with aerospace-grade titanium and custom-designed glass for durability and elegance",              tag: "Design",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2149191773.jpg",              imageAlt: "Premium design detail"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Simple, Transparent Pricing"
          description="Choose the iPhone model that fits your needs and budget"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          plans={[
            {
              id: "1",              badge: "Entry Level",              price: "$799",              subtitle: "Perfect for everyday use",              features: [
                "6.1-inch Liquid Retina display",                "A16 Bionic chip",                "Dual camera system",                "All-day battery life",                "Water resistant"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Crown,
              price: "$999",              subtitle: "Best balance of power and value",              features: [
                "6.1-inch Pro display",                "A17 Pro chip",                "Advanced triple camera",                "ProMotion 120Hz",                "Premium materials",                "24-hour battery"
              ]
            },
            {
              id: "3",              badge: "Premium",              badgeIcon: Sparkles,
              price: "$1,199",              subtitle: "Maximum power and features",              features: [
                "6.7-inch Pro Max display",                "A17 Pro chip",                "Professional camera system",                "Always-On display",                "Titanium design",                "Extended battery life",                "Priority support"
              ]
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="By The Numbers"
          description="See why millions trust iPhone for their daily experience"
          textboxLayout="default"
          animationType="opacity"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              icon: Users,
              title: "Active Users",              value: "2B+"
            },
            {
              id: "2",              icon: Award,
              title: "Awards Won",              value: "500+"
            },
            {
              id: "3",              icon: TrendingUp,
              title: "Satisfaction",              value: "98%"
            },
            {
              id: "4",              icon: Zap,
              title: "Performance",              value: "Unmatched"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Customers"
          description="Hear what people are saying about their iPhone experience"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              title: "Best smartphone experience ever",              quote: "The camera quality is exceptional and the performance is lightning fast. I upgraded from an older phone and can't believe the difference. This is truly the best smartphone on the market.",              name: "Sarah Johnson",              role: "Professional Photographer",              imageSrc: "https://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              title: "Seamless ecosystem integration",              quote: "Everything works together perfectly with my other Apple devices. The continuity features make my life so much easier. Couldn't imagine going back to anything else.",              name: "Michael Chen",              role: "Tech Entrepreneur",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1633.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              title: "Premium quality and design",              quote: "The craftsmanship is incredible. It feels like a luxury device in your hand. The build quality and attention to detail are unmatched in the industry.",              name: "Emma Davis",              role: "Design Director",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-woman_23-2147615403.jpg",              imageAlt: "Emma Davis"
            },
            {
              id: "4",              title: "Battery life is game-changing",              quote: "I finally don't have to worry about my phone dying during the day. The battery life improvement is real and makes such a difference in my daily routine.",              name: "James Wilson",              role: "Business Executive",              imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",              imageAlt: "James Wilson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get Started"
          tagIcon={Mail}
          title="Ready to Upgrade Your iPhone?"
          description="Contact our team today for personalized recommendations, special offers, and premium support. We're here to help you find the perfect iPhone."
          background={{ variant: "plain" }}
          buttons={[
            { text: "Contact Us", href: "#contact" },
            { text: "Schedule Demo", href: "#demo" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Discover Our Bestsellers"
          description="Explore the top-selling iPhone models that everyone is talking about."
          background={{ variant: "downward-rays-animated" }}
          buttons={[
            {
              label: "Shop Now",
              href: "/products",
              variant: "primary",
            },
          ]}
          imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
          imageAlt="iPhone Bestsellers"
          imagePosition="right"
          className="py-16"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Products",              items: [
                { label: "iPhone 15 Pro", href: "#products" },
                { label: "iPhone 15", href: "#products" },
                { label: "iPhone 14 Pro", href: "#products" },
                { label: "Compare", href: "#products" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Help Center", href: "#support" },
                { label: "Contact Us", href: "#contact" },
                { label: "Warranty", href: "#support" },
                { label: "Trade-In", href: "#support" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Careers", href: "#careers" },
                { label: "Blog", href: "#blog" },
                { label: "Press", href: "#press" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy", href: "#privacy" },
                { label: "Terms", href: "#terms" },
                { label: "Cookies", href: "#cookies" },
                { label: "Accessibility", href: "#accessibility" }
              ]
            }
          ]}
          bottomLeftText="© 2025 iPhone Store. All rights reserved."
          bottomRightText="Engineered with precision"
        />
      </div>
    </ThemeProvider>
  );
}