"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="iPhone"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Products", id: "products" },
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Premium Technology"
          bottomRightText="shop@iphone.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Experience Innovation in Your Pocket"
          description="Discover the latest iPhone technology with cutting-edge performance, stunning displays, and unmatched camera systems. Transform the way you work, create, and connect."
          background={{ variant: "plain" }}
          tag="Latest Technology"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg"
          imageAlt="Latest iPhone showcase"
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Learn More", href: "features" }
          ]}
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", alt: "User 1" },
            { src: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", alt: "User 2" },
            { src: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", alt: "User 3" }
          ]}
          avatarText="Trusted by millions worldwide"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="iPhone Collection"
          description="Choose from our premium selection of iPhone models, each engineered for excellence and designed to inspire."
          products={[
            {
              id: "1",              name: "iPhone 15 Pro Max",              price: "$1,199",              imageSrc: "https://img.b2bpic.net/free-photo/man-controlling-smart-lamp-with-his-phone_23-2149036887.jpg",              imageAlt: "iPhone 15 Pro Max",              initialQuantity: 1
            },
            {
              id: "2",              name: "iPhone 15 Pro",              price: "$999",              imageSrc: "https://img.b2bpic.net/free-photo/man-controlling-smart-lamp-with-his-phone_23-2149036887.jpg",              imageAlt: "iPhone 15 Pro",              initialQuantity: 1
            },
            {
              id: "3",              name: "iPhone 15",              price: "$799",              imageSrc: "https://img.b2bpic.net/free-vector/smartphone-home-screen_23-2148738357.jpg",              imageAlt: "iPhone 15",              initialQuantity: 1
            }
          ]}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="Why Choose iPhone"
          description="Experience the pinnacle of technology with features designed to enhance every moment of your day."
          features={[
            {
              id: "1",              title: "Advanced Camera System",              tags: ["Photography", "4K Video"],
              imageSrc: "https://img.b2bpic.net/free-vector/camera-interfeace-smartphone-template_1361-2224.jpg",              imageAlt: "Advanced camera technology"
            },
            {
              id: "2",              title: "Lightning-Fast Performance",              tags: ["Processing", "Gaming"],
              imageSrc: "https://img.b2bpic.net/free-photo/woman-taking-photo-two-croissants_23-2149277917.jpg",              imageAlt: "Performance chip"
            },
            {
              id: "3",              title: "All-Day Battery Life",              tags: ["Endurance", "Fast Charge"],
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-taking-coffee-photos_23-2149294500.jpg",              imageAlt: "Battery technology"
            },
            {
              id: "4",              title: "Stunning Retina Display",              tags: ["Visuals", "Color Accuracy"],
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-using-smartphone-with-pop-socket-outdoors_23-2150168486.jpg",              imageAlt: "Retina display"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Simple, Transparent Pricing"
          description="Choose the perfect iPhone to fit your lifestyle and budget. All models come with comprehensive warranty and support."
          plans={[
            {
              id: "1",              price: "$799",              name: "iPhone 15",              buttons: [
                { text: "Buy Now", href: "contact" },
                { text: "Learn More", href: "features" }
              ],
              features: [
                "6.1-inch Super Retina XDR display",                "A16 Bionic chip",                "Dual camera system",                "All-day battery life",                "5G connectivity"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Star,
              price: "$999",              name: "iPhone 15 Pro",              buttons: [
                { text: "Buy Now", href: "contact" },
                { text: "Learn More", href: "features" }
              ],
              features: [
                "6.1-inch Super Retina XDR display",                "A17 Pro chip",                "Pro camera system with telephoto",                "Pro motion 120Hz",                "Titanium design"
              ]
            },
            {
              id: "3",              price: "$1,199",              name: "iPhone 15 Pro Max",              buttons: [
                { text: "Buy Now", href: "contact" },
                { text: "Learn More", href: "features" }
              ],
              features: [
                "6.7-inch Super Retina XDR display",                "A17 Pro chip",                "Pro Max camera system",                "Extended battery life",                "Premium titanium construction"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Trusted by Millions"
          description="See the impact of iPhone innovation across the globe and in the lives of our users."
          metrics={[
            {
              id: "1",              value: "2B+",              title: "Active Devices",              description: "Devices in active use worldwide",              imageSrc: "https://img.b2bpic.net/free-vector/smartphone-home-screen_23-2148738357.jpg"
            },
            {
              id: "2",              value: "98%",              title: "Satisfaction Rate",              description: "Customer satisfaction score",              imageSrc: "https://img.b2bpic.net/free-vector/camera-interfeace-smartphone-template_1361-2224.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Users Love"
          description="Hear from people who have experienced the innovation and excellence that iPhone delivers."
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Photographer",              company: "Creative Studios",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Software Developer",              company: "TechCorp",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg"
            },
            {
              id: "3",              name: "Emily Rodriguez",              role: "Content Creator",              company: "Digital Media",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"
            },
            {
              id: "4",              name: "David Kim",              role: "Business Executive",              company: "Innovation Labs",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg"
            }
          ]}
          kpiItems={[
            { value: "4.9/5", label: "Average Rating" },
            { value: "50K+", label: "Happy Customers" },
            { value: "10+", label: "Years Excellence" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about our products? We're here to help. Reach out to our team and discover the perfect iPhone for you."
          inputs={[
            { name: "fullName", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "How can we help? Ask about features, pricing, or availability.",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/happy-african-american-businesswoman-drinking-coffee-conference-call-laptop_637285-12927.jpg"
          imageAlt="Contact support"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Shop",              items: [
                { label: "iPhone 15 Pro", href: "products" },
                { label: "iPhone 15", href: "products" },
                { label: "Pricing", href: "pricing" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Features", href: "features" },
                { label: "FAQ", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 iPhone Store. All rights reserved."
          bottomRightText="Crafted with precision and innovation"
        />
      </div>
    </ThemeProvider>
  );
}