"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSignup from '@/components/sections/hero/HeroSignup';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, Shield } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Apple iPhone"
          navItems={[
            { name: "Products", id: "products" },
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSignup
          background={{ variant: "radial-gradient" }}
          tag="Latest Technology"
          tagIcon={Sparkles}
          title="Experience the Future of iPhone Innovation"
          description="Discover cutting-edge performance, stunning cameras, and all-day battery life. Get your premium iPhone today with exclusive offers and fast shipping."
          inputPlaceholder="Enter your email for updates"
          buttonText="Start Shopping"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured iPhone Models"
          description="Explore our complete lineup of Apple iPhones with the latest technology and features."
          tag="Premium Selection"
          tagIcon={Shield}
          products={[
            {
              id: "1",              name: "iPhone 15 Pro Max",              price: "$1,199",              imageSrc: "https://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309699.jpg",              imageAlt: "iphone 15 pro premium device"
            },
            {
              id: "2",              name: "iPhone 15 Pro",              price: "$999",              imageSrc: "https://img.b2bpic.net/free-photo/mobile-phone-laptop-table-street-cafe_23-2148068434.jpg",              imageAlt: "iphone 15 smartphone blue display"
            },
            {
              id: "3",              name: "iPhone 15",              price: "$799",              imageSrc: "https://img.b2bpic.net/free-photo/mobile-phone-laptop-table-street-cafe_23-2148068434.jpg",              imageAlt: "iphone 15 smartphone blue display"
            },
            {
              id: "4",              name: "iPhone SE",              price: "$429",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-smartphone-composition_23-2149437082.jpg",              imageAlt: "iphone se compact device affordable"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="Advanced Features"
          description="Every iPhone is engineered with cutting-edge technology to deliver exceptional experiences."
          tag="Innovation"
          features={[
            {
              id: "1",              title: "Pro Camera System",              tags: ["Photography", "Professional"],
              imageSrc: "https://img.b2bpic.net/free-photo/young-couple-taking-photos-with-mobile_1301-5146.jpg",              imageAlt: "camera smartphone photography professional lens"
            },
            {
              id: "2",              title: "All-Day Battery",              tags: ["Efficiency", "Power"],
              imageSrc: "https://img.b2bpic.net/free-photo/senior-woman-traveling-areound-world_23-2149172097.jpg",              imageAlt: "battery charging power fast efficiency"
            },
            {
              id: "3",              title: "Lightning-Fast Performance",              tags: ["A17 Pro Chip", "Speed"],
              imageSrc: "https://img.b2bpic.net/free-photo/two-friends-taking-selfie-smartphone_23-2147828216.jpg",              imageAlt: "processor performance speed computing chip"
            },
            {
              id: "4",              title: "Stunning Display",              tags: ["Retina", "Vivid"],
              imageSrc: "https://img.b2bpic.net/free-photo/man-hands-taking-picture-with-mobile-phone-sunset_657883-728.jpg",              imageAlt: "display screen retina color resolution"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Flexible Pricing Plans"
          description="Choose the perfect plan to fit your needs and budget."
          tag="Special Offers"
          plans={[
            {
              id: "budget",              tag: "iPhone SE",              price: "$429",              period: "/one-time",              description: "Perfect for everyday use with powerful performance.",              button: {
                text: "Buy Now",                href: "contact"
              },
              featuresTitle: "What You Get:",              features: [
                "A15 Bionic chip",                "5G connectivity",                "Wireless charging",                "IP67 water resistance",                "1-year warranty"
              ]
            },
            {
              id: "standard",              tag: "iPhone 15",              price: "$799",              period: "/one-time",              description: "Enhanced features for creative professionals.",              button: {
                text: "Buy Now",                href: "contact"
              },
              featuresTitle: "What You Get:",              features: [
                "A17 chip",                "Advanced dual camera",                "Dynamic Island",                "Titanium design",                "2-year warranty"
              ]
            },
            {
              id: "premium",              tag: "iPhone 15 Pro Max",              price: "$1,199",              period: "/one-time",              description: "Ultimate flagship device for power users.",              button: {
                text: "Buy Now",                href: "contact"
              },
              featuresTitle: "What You Get:",              features: [
                "A17 Pro chip",                "Pro camera system",                "Larger display",                "Titanium premium",                "3-year warranty"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Why Choose Our iPhones"
          description="Leading market trust and customer satisfaction."
          metrics={[
            {
              id: "1",              value: "2B+",              description: "Devices Worldwide"
            },
            {
              id: "2",              value: "98%",              description: "Customer Satisfaction"
            },
            {
              id: "3",              value: "24/7",              description: "Customer Support"
            },
            {
              id: "4",              value: "50K+",              description: "App Ecosystem"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Customers Say"
          description="Real reviews from satisfied iPhone users worldwide."
          tag="Customer Reviews"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Photographer",              company: "Creative Studios",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",              imageAlt: "portrait professional woman business avatar"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Business Owner",              company: "Tech Solutions",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "portrait man professional business avatar"
            },
            {
              id: "3",              name: "Emily Rodriguez",              role: "Content Creator",              company: "Digital Media",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "portrait woman smiling business avatar"
            }
          ]}
          kpiItems={[
            {
              value: "4.9/5",              label: "Average Rating"
            },
            {
              value: "50K+",              label: "Happy Customers"
            },
            {
              value: "95%",              label: "Recommend to Friends"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our iPhone products and services."
          tag="Support"
          faqs={[
            {
              id: "1",              title: "What's the warranty period?",              content: "All iPhones come with a standard 1-year limited warranty covering manufacturing defects. Extended AppleCare+ protection plans are available for up to 3 years of coverage."
            },
            {
              id: "2",              title: "Do you offer trade-in programs?",              content: "Yes! We offer competitive trade-in values for your old devices. Get instant credit toward your new iPhone purchase. The trade-in value depends on the model, condition, and carrier status."
            },
            {
              id: "3",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, debit cards, Apple Pay, Google Pay, PayPal, and financing options through Affirm and Apple Card Monthly Installments (ACMI)."
            },
            {
              id: "4",              title: "How long does shipping take?",              content: "Standard shipping takes 3-5 business days. Express shipping (1-2 business days) and overnight shipping are available. All orders come with free shipping on purchases over $500."
            },
            {
              id: "5",              title: "Can I return or exchange my iPhone?",              content: "We offer a 30-day return policy for all products in original condition. Exchanges for different models are available within 14 days. Restocking fees may apply to opened devices."
            },
            {
              id: "6",              title: "Are there any compatibility issues?",              content: "All our iPhones are compatible with the latest iOS version and work seamlessly with Apple products. They also support most third-party accessories available in the market."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288189.jpg"
          imageAlt="customer support help service assistance"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="left"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to upgrade to the latest iPhone? Get in touch with our team today for exclusive deals, technical support, and personalized recommendations."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          useInvertedBackground="invertDefault"
          buttons={[
            {
              text: "Shop Now",              href: "products"
            },
            {
              text: "Get Support",              href: "faq"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Apple iPhone Store"
          columns={[
            {
              items: [
                {
                  label: "Shop",                  href: "products"
                },
                {
                  label: "Features",                  href: "features"
                },
                {
                  label: "Pricing",                  href: "pricing"
                }
              ]
            },
            {
              items: [
                {
                  label: "Reviews",                  href: "testimonials"
                },
                {
                  label: "FAQ",                  href: "faq"
                },
                {
                  label: "Support",                  href: "contact"
                }
              ]
            },
            {
              items: [
                {
                  label: "About Us",                  href: "about"
                },
                {
                  label: "Contact",                  href: "contact"
                },
                {
                  label: "Privacy Policy",                  href: "privacy"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}