"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBase from '@/components/sections/footer/FooterBase';
import { MessageCircle, Smartphone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="medium"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="iPhone Store"
          navItems={[
            {name: "Products", id: "products"},
            {name: "Features", id: "features"},
            {name: "Pricing", id: "pricing"},
            {name: "Reviews", id: "testimonials"},
            {name: "Contact", id: "contact"}
          ]}
          button={{text: "Buy Now", href: "products"}}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard 
          logoText="Apple iPhone"
          description="Discover the latest in mobile technology. Premium performance, stunning display, and advanced camera systems in one device."
          buttons={[
            {text: "Shop Now", href: "products"},
            {text: "Learn More", href: "features"}
          ]}
          background={{variant: "radial-gradient"}}
          imageSrc="https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg"
          imageAlt="Latest iPhone model"
          frameStyle="card"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour 
          title="Featured iPhone Models"
          description="Choose from our premium selection of Apple iPhones featuring the latest technology and design."
          tag="Latest Collection"
          tagIcon={Smartphone}
          products={[
            {
              id: "iphone-pro-max",              name: "iPhone Pro Max",              price: "$1,199",              variant: "256GB · Titanium · 5 Options",              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-man-using-smartphone-outdoors_23-2150747684.jpg",              imageAlt: "iPhone Pro Max",              isFavorited: false
            },
            {
              id: "iphone-pro",              name: "iPhone Pro",              price: "$999",              variant: "128GB · Stainless Steel · 4 Options",              imageSrc: "https://img.b2bpic.net/free-photo/people-holding-colorful-smartphones_23-2151969201.jpg",              imageAlt: "iPhone Pro",              isFavorited: false
            },
            {
              id: "iphone-standard",              name: "iPhone 15",              price: "$799",              variant: "128GB · Multiple Colors · 6 Options",              imageSrc: "https://img.b2bpic.net/free-photo/modern-workspace-featuring-cellphone-setup_58702-17222.jpg",              imageAlt: "iPhone 15",              isFavorited: false
            },
            {
              id: "iphone-se",              name: "iPhone SE",              price: "$429",              variant: "64GB · Compact Design · 3 Options",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722663.jpg",              imageAlt: "iPhone SE",              isFavorited: false
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour 
          title="Why Choose iPhone"
          description="Industry-leading performance and innovation in every device"
          features={[
            {
              id: "1",              title: "Advanced Camera System",              author: "Photography Excellence",              description: "Capture stunning photos and videos with our advanced computational photography and pro-grade camera system.",              tags: ["Camera", "Pro", "Innovation"],
              imageSrc: "https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722663.jpg"
            },
            {
              id: "2",              title: "All-Day Battery Life",              author: "Power Performance",              description: "Extended battery life keeps you connected throughout the day with intelligent power management and optimization.",              tags: ["Battery", "Efficiency", "Performance"],
              imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg"
            },
            {
              id: "3",              title: "Secure & Private",              author: "Privacy First",              description: "Your data is protected with industry-leading security features and privacy controls that put you in control.",              tags: ["Security", "Privacy", "Trust"],
              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-man-using-smartphone-outdoors_23-2150747684.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine 
          title="Flexible Pricing Options"
          description="Find the perfect iPhone model and payment plan for your needs"
          plans={[
            {
              id: "pro-max",              title: "Pro Max",              price: "$1,199",              period: "Starting Price",              features: [
                "6.7-inch Super Retina display",                "Advanced dual camera system",                "All-day battery life",                "Fast wireless charging",                "Water resistant design"
              ],
              button: {text: "Buy Pro Max", href: "#contact"},
              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-man-using-smartphone-outdoors_23-2150747684.jpg"
            },
            {
              id: "pro",              title: "Pro",              price: "$999",              period: "Starting Price",              features: [
                "6.1-inch Super Retina display",                "Pro camera system",                "All-day battery life",                "Wireless charging",                "Premium design"
              ],
              button: {text: "Buy Pro", href: "#contact"},
              imageSrc: "https://img.b2bpic.net/free-photo/people-holding-colorful-smartphones_23-2151969201.jpg"
            },
            {
              id: "standard",              title: "iPhone 15",              price: "$799",              period: "Starting Price",              features: [
                "6.1-inch display",                "Dual camera system",                "Full-day battery",                "Fast charging",                "Great performance"
              ],
              button: {text: "Buy iPhone 15", href: "#contact"},
              imageSrc: "https://img.b2bpic.net/free-photo/modern-workspace-featuring-cellphone-setup_58702-17222.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive 
          title="What Customers Say"
          description="Real feedback from satisfied iPhone users around the world"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson, Tech Entrepreneur",              date: "Date: January 2025",              title: "Exceptional Quality and Performance",              quote: "The iPhone Pro has transformed my productivity. The camera quality is outstanding and the performance handles everything I throw at it. Highly recommend to anyone looking for a premium device.",              tag: "Pro User",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-man-using-smartphone-outdoors_23-2150747684.jpg"
            },
            {
              id: "2",              name: "Michael Chen, Creative Director",              date: "Date: December 2024",              title: "Best Camera Phone Ever",              quote: "As a photographer, I'm impressed by the computational photography capabilities. The Night mode and Portrait mode deliver professional-quality results. It's my favorite feature.",              tag: "Photography",              avatarSrc: "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",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722663.jpg"
            },
            {
              id: "3",              name: "Emma Rodriguez, Business Executive",              date: "Date: January 2025",              title: "Reliable and Secure",              quote: "Security and privacy are crucial for my work. iPhone delivers on both fronts with top-notch protection and seamless integration with my other Apple devices.",              tag: "Security Focus",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg"
            },
            {
              id: "4",              name: "David Kim, Software Developer",              date: "Date: January 2025",              title: "Perfect for Developers",              quote: "The A-series chip is incredibly powerful for development work. Performance is consistent, and the build quality is exceptional. Worth every penny.",              tag: "Developer",              avatarSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/people-holding-colorful-smartphones_23-2151969201.jpg"
            },
            {
              id: "5",              name: "Lisa Thompson, Student",              date: "Date: December 2024",              title: "Great Value Proposition",              quote: "I was worried about the cost, but the iPhone 15 offers incredible value. Battery life gets me through the day, performance is smooth, and it looks amazing.",              tag: "Student",              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/modern-workspace-featuring-cellphone-setup_58702-17222.jpg"
            },
            {
              id: "6",              name: "James Wilson, Family Entertainer",              date: "Date: January 2025",              title: "Perfect for Entertainment",              quote: "The display is stunning for watching videos and playing games. Battery life is excellent, and the overall experience is smooth and enjoyable for the whole family.",              tag: "Entertainment",              avatarSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-man-using-smartphone-outdoors_23-2150747684.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase 
          title="Frequently Asked Questions"
          description="Find answers to common questions about iPhone models and features"
          faqs={[
            {
              id: "1",              title: "What is the difference between iPhone Pro and standard iPhone?",              content: "The iPhone Pro features a more advanced camera system with additional pro-level controls, a brighter display, faster processor, and enhanced battery life. It's designed for professionals and power users who need maximum performance."
            },
            {
              id: "2",              title: "How long does the battery last?",              content: "Battery life varies by model. iPhone Pro Max offers up to 29 hours, iPhone Pro up to 26 hours, and iPhone 15 up to 20 hours of video playback. Real-world usage depends on your activities and settings."
            },
            {
              id: "3",              title: "Are iPhones waterproof?",              content: "iPhones are water-resistant, not waterproof. Most recent models have IP68 rating, meaning they can withstand submersion in up to 6 meters of water for 30 minutes. However, salt water and chlorine can damage the device."
            },
            {
              id: "4",              title: "Do you offer trade-in programs?",              content: "Yes, we offer competitive trade-in values for your old iPhone when upgrading to a new model. Contact our sales team to get a quote on your current device."
            },
            {
              id: "5",              title: "What payment options are available?",              content: "We accept all major credit cards, PayPal, Apple Pay, and offer financing options through various partners. We also provide trade-in and upgrade programs to make purchasing more affordable."
            },
            {
              id: "6",              title: "Is technical support included?",              content: "All purchases include access to Apple's customer support. We also offer extended warranty and AppleCare+ plans that provide additional coverage and technical assistance."
            }
          ]}
          animationType="smooth"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq 
          ctaTitle="Ready to upgrade?"
          ctaDescription="Contact our sales team to find the perfect iPhone for your needs and take advantage of exclusive offers."
          ctaButton={{text: "Get in Touch", href: "mailto:sales@iphonestore.com"}}
          ctaIcon={MessageCircle}
          faqs={[
            {
              id: "1",              title: "How can I place an order?",              content: "You can purchase directly from our website using the shop now button, or contact our sales team for personalized assistance and custom configurations."
            },
            {
              id: "2",              title: "What is your return policy?",              content: "We offer a 30-day return policy for unopened devices and 15 days for opened devices in original condition. Accessories have different terms - contact us for specifics."
            },
            {
              id: "3",              title: "Do you ship internationally?",              content: "Yes, we ship to most countries worldwide. Shipping costs and delivery times vary by location. International orders may be subject to customs duties and taxes."
            },
            {
              id: "4",              title: "How long does shipping take?",              content: "Standard shipping takes 5-7 business days domestically. Express shipping is available for 2-3 day delivery. International shipping typically takes 10-21 business days."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase 
          logoText="iPhone Store"
          copyrightText="© 2025 iPhone Store. All rights reserved."
          columns={[
            {
              title: "Products",              items: [
                {label: "iPhone Pro Max", href: "products"},
                {label: "iPhone Pro", href: "products"},
                {label: "iPhone 15", href: "products"},
                {label: "iPhone SE", href: "products"}
              ]
            },
            {
              title: "Support",              items: [
                {label: "Contact Us", href: "contact"},
                {label: "FAQ", href: "faq"},
                {label: "Shipping Info", href: "#"},
                {label: "Returns", href: "#"}
              ]
            },
            {
              title: "Company",              items: [
                {label: "About Us", href: "#"},
                {label: "Privacy Policy", href: "#"},
                {label: "Terms of Service", href: "#"},
                {label: "Careers", href: "#"}
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}