"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Lock, MessageCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="circleGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Chat on WhatsApp",        href: "https://wa.me/"}}
      brandName="iPhone Central"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitKpi
      background={{
        variant: "plain"}}
      imagePosition="right"
      title="Explore Every iPhone — In Stunning 3D"
      description="From iPhone 11 to iPhone 17 Pro Max. Rotate, zoom, and compare every model before you buy. Direct contact via WhatsApp for personalized support."
      kpis={[
        {
          value: "100K+",          label: "Satisfied Customers"},
        {
          value: "100%",          label: "Genuine Products"},
        {
          value: "24/7",          label: "WhatsApp Support"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "View in 3D & Chat on WhatsApp",          href: "https://wa.me/"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/smartphone-mockup-with-white-screen-white-background_187299-46904.jpg"
      imageAlt="Interactive 3D model of an an iPhone"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",          alt: "Attractive blond business woman"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-coffee-cup_23-2148095745.jpg",          alt: "Happy business woman"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-3354.jpg",          alt: "Successful businesswoman smiling"},
        {
          src: "http://img.b2bpic.net/free-photo/friendly-corporate-businesswoman_23-2147702112.jpg",          alt: "Friendly corporate businesswoman"},
        {
          src: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2983.jpg",          alt: "Young man funny expression"},
      ]}
      avatarText="Join our growing community!"
      marqueeItems={[
        {
          type: "text",          text: "Free Express Shipping"},
        {
          type: "text-icon",          text: "Secure Payments",          icon: Lock,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/clean-phone-16-pro-max_187299-46133.jpg",          alt: "Clean Phone 16 Pro Max"},
        {
          type: "text",          text: "1-Year Apple Warranty"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/smartphones-balancing-geometric-shapes-modern-technology-concept_187299-46721.jpg",          alt: "Smartphones Balancing on Geometric Shapes - Modern Technology Concept"},
        {
          type: "text-icon",          text: "Expert Live Support",          icon: MessageCircle,
        },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "iphone-17-pro-max",          name: "iPhone 17 Pro Max",          price: "From $1199",          imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4947.jpg",          imageAlt: "iPhone 17 Pro Max"},
        {
          id: "iphone-16-pro",          name: "iPhone 16 Pro",          price: "From $1099",          imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-from-side-view-dark-background_187299-35320.jpg",          imageAlt: "iPhone 16 Pro"},
        {
          id: "iphone-15-pro",          name: "iPhone 15 Pro",          price: "From $999",          imageSrc: "http://img.b2bpic.net/free-photo/phone-mobile-connect-battery-power-bank_93675-128465.jpg",          imageAlt: "iPhone 15 Pro"},
        {
          id: "iphone-14",          name: "iPhone 14",          price: "From $799",          imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-4777.jpg",          imageAlt: "iPhone 14"},
        {
          id: "iphone-13",          name: "iPhone 13",          price: "From $699",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-stack-blue-conserves_23-2148785250.jpg",          imageAlt: "iPhone 13"},
        {
          id: "iphone-12",          name: "iPhone 12",          price: "From $599",          imageSrc: "http://img.b2bpic.net/free-photo/submerged-smartphone_23-2148109743.jpg",          imageAlt: "iPhone 12"},
        {
          id: "iphone-11",          name: "iPhone 11",          price: "From $499",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2149480230.jpg",          imageAlt: "iPhone 11"},
      ]}
      title="Discover the Latest iPhones"
      description="Compare models from iPhone 11 to 17 Pro Max with interactive 3D views and detailed specifications to find your perfect match."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Pro-Grade Camera Systems",          description: "Capture stunning photos and cinematic videos with advanced computational photography, from wide landscapes to macro details.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-smartphone_23-2149005019.jpg",          imageAlt: "iPhone camera system"},
        {
          title: "Vibrant Retina Displays",          description: "Experience breathtaking clarity, true-to-life colors, and incredible brightness on every Super Retina XDR or Liquid Retina display.",          imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-abstract-wallpaper-coming-out-screen_23-2151033668.jpg",          imageAlt: "iPhone vibrant display"},
        {
          title: "Blazing-Fast Performance",          description: "Powered by the latest A-series Bionic chips, iPhones deliver unparalleled speed and efficiency for gaming, productivity, and multitasking.",          imageSrc: "http://img.b2bpic.net/free-photo/finger-touching-mobile-screen_1134-245.jpg",          imageAlt: "iPhone chip performance"},
        {
          title: "Exceptional Durability",          description: "Built with Ceramic Shield and industry-leading water resistance, iPhones are designed to withstand the rigors of everyday life.",          imageSrc: "http://img.b2bpic.net/free-photo/password-lock-phone-screen_1387-186.jpg",          imageAlt: "iPhone durability"},
      ]}
      title="Unrivaled Innovation at Your Fingertips"
      description="Explore the groundbreaking features that make every iPhone a masterpiece, designed for seamless performance and user experience."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      animationType="slide-up"
      metrics={[
        {
          id: "m1",          value: "99.8%",          description: "Customer Satisfaction Rate"},
        {
          id: "m2",          value: "5M+",          description: "iPhones Sold Worldwide"},
        {
          id: "m3",          value: "10+",          description: "Years of Industry Experience"},
      ]}
      title="Our Impact, Your Trust"
      description="Reliability and customer satisfaction drive our commitment to excellence in every iPhone we deliver."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg",          imageAlt: "tech savvy woman portrait confident"},
        {
          id: "2",          name: "Michael Chen",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-pointing-laptop-display_23-2147787584.jpg",          imageAlt: "male reseller professional headshot"},
        {
          id: "3",          name: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiled-young-man-with-xmas-gift-standing-yellow_179666-10956.jpg",          imageAlt: "young adult excited iPhone gift"},
        {
          id: "4",          name: "David Kim",          imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119792.jpg",          imageAlt: "business professional focused tech"},
        {
          id: "5",          name: "Jessica Lee",          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-smartphone-having-video-call-showing-scissors-front-smiling-standing-orange-wall_141793-96894.jpg",          imageAlt: "creative designer portrait thoughtful"},
      ]}
      cardTitle="What Our Customers Say"
      cardTag="Trusted Voices"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "How do 3D product visualizations work?",          content: "Our interactive 3D models allow you to rotate, zoom, and explore every angle of the iPhone models, providing a near hands-on experience directly from your browser."},
        {
          id: "q2",          title: "What's the process for purchasing an iPhone?",          content: "Instead of a traditional checkout, we facilitate sales directly through WhatsApp. Simply click the 'Chat on WhatsApp' button, and our team will guide you through the process, personalized to your needs."},
        {
          id: "q3",          title: "Are the iPhones new and genuine?",          content: "Absolutely. We guarantee that all iPhones sold on our platform are brand new, genuine, and come with the standard manufacturer's warranty."},
        {
          id: "q4",          title: "How can I compare specifications across models?",          content: "Our product pages include detailed specification tables for each model, making it easy to compare features like camera, processor, and display across different iPhone generations."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201872.jpg"
      imageAlt="Person browsing FAQ on an iPhone"
      mediaAnimation="opacity"
      mediaPosition="left"
      title="Your Questions, Answered"
      description="Find quick answers to common questions about our iPhone models, purchasing process, and support options."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Reach Out"
      title="Connect Instantly via WhatsApp"
      description="Have questions or need personalized assistance? Our team is ready to chat and provide tailored support for your iPhone inquiry."
      imageSrc="http://img.b2bpic.net/free-photo/close-up-happy-woman-talking-phone_23-2148877757.jpg"
      imageAlt="iPhone screen showing WhatsApp chat for sales inquiries"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Your name (optional)"
      buttonText="Chat on WhatsApp"
      termsText="By chatting on WhatsApp, you agree to our communication policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Blog",              href: "#"},
          ],
        },
        {
          title: "Products",          items: [
            {
              label: "All iPhones",              href: "#products"},
            {
              label: "iPhone 17 Pro Max",              href: "#products"},
            {
              label: "Older Models",              href: "#products"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Warranty",              href: "#"},
          ],
        },
      ]}
      logoText="iPhone Central"
      copyrightText="© 2024 iPhone Central. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
