"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { HelpCircle, Phone, Shield, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="noise"
        cardStyle="layered-gradient"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Performance",          id: "#performance"},
        {
          name: "Models",          id: "#products"},
        {
          name: "Reviews",          id: "#reviews"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4hb2fm"
      logoAlt="Samsung Galaxy S26 Logo"
      brandName="Samsung Galaxy S26"
      bottomLeftText="Innovation Redefined"
      bottomRightText="experience@samsung.com"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Samsung Galaxy S26: The Future in Your Hand"
      description="Experience unparalleled innovation, breathtaking design, and revolutionary performance with the all-new Galaxy S26. Redefine what's possible."
      tag="Unveiling Tomorrow"
      tagIcon={Sparkles}
      tagAnimation="blur-reveal"
      buttons={[
        {
          text: "Discover More",          href: "#features"},
        {
          text: "Pre-order Now",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4948.jpg"
      imageAlt="Samsung Galaxy S26 floating in a futuristic setting"
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/three-office-workers-focused-smartphones_1262-16433.jpg",          alt: "Customer testimonial avatar 1"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-businessman-wearing-eyeglasses-using-mobile-phone_23-2148176094.jpg",          alt: "Customer testimonial avatar 2"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-bearded-male-dressed-blue-fleece-shirt-drinks-hot-coffee-near-window-rest-room-with-loft-interior_613910-12210.jpg",          alt: "Customer testimonial avatar 3"},
        {
          src: "http://img.b2bpic.net/free-photo/young-caucasian-man-working-from-home-christmas-season_181624-23548.jpg",          alt: "Customer testimonial avatar 4"},
        {
          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2624.jpg",          alt: "Customer testimonial avatar 5"},
      ]}
      avatarText="Join over 1M satisfied users"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Designed for What's Next"
      description={[
        "The Galaxy S26 sets a new standard for smartphone excellence. Crafted with precision and an eye for detail, its seamless form factor and premium materials offer an unmatched tactile experience. Every curve, every finish, speaks volumes about its superior engineering.",        "Beyond aesthetics, the S26 integrates groundbreaking advancements to empower your daily life. From its robust, eco-conscious construction to its intuitive interface, it's a device built to evolve with you, pushing the boundaries of technology and user experience."]}
      buttons={[
        {
          text: "Explore Design",          href: "#products"},
      ]}
      buttonAnimation="slide-up"
      showBorder={true}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Unleash Unrivaled Capabilities"
      description="The Galaxy S26 is packed with cutting-edge features designed to elevate every aspect of your mobile experience."
      tag="Innovation at Core"
      tagIcon={Shield}
      tagAnimation="blur-reveal"
      accordionItems={[
        {
          id: "camera",          title: "Pro-Grade Camera System",          content: "Capture life's moments in stunning detail with the S26's revolutionary quad-camera setup. Featuring an enhanced 200MP main sensor, advanced AI image processing, and 100x Space Zoom, your photos and videos will be cinematic masterpieces."},
        {
          id: "display",          title: "Dynamic AMOLED 2X Display",          content: "Immerse yourself in vibrant colors and incredible clarity on the S26's expansive Dynamic AMOLED 2X display. With adaptive refresh rates up to 120Hz and peak brightness, every visual comes to life with breathtaking realism."},
        {
          id: "performance",          title: "Next-Gen Performance",          content: "Powered by the latest Exynos/Snapdragon chipset, the Galaxy S26 delivers blistering speeds for gaming, multitasking, and AI-driven tasks. Experience seamless performance that keeps up with your demanding lifestyle."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4924.jpg"
      imageAlt="Close-up of Samsung Galaxy S26 camera module"
      mediaAnimation="slide-up"
      mediaPosition="right"
    />
  </div>

  <div id="performance" data-section="performance">
      <MetricCardEleven
      textboxLayout="default"
      useInvertedBackground={true}
      animationType="slide-up"
      metrics={[
        {
          id: "chipset",          value: "3.5GHz+",          title: "Octa-Core Chipset",          description: "Experience lightning-fast processing and unparalleled efficiency with our custom-engineered processor.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-illustration-blue-screen-smart-phone-with-ai-chip-isolated-white-background_181624-56646.jpg",          imageAlt: "Futuristic processor chip"},
        {
          id: "ram",          value: "16GB",          title: "Dynamic RAM",          description: "Seamless multitasking and ultra-smooth performance for all your demanding applications.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-technological-background_23-2148882666.jpg",          imageAlt: "Abstract RAM module"},
        {
          id: "battery",          value: "5000mAh",          title: "All-Day Battery",          description: "Power through your day with an intelligent battery designed for extended usage.",          imageSrc: "http://img.b2bpic.net/free-vector/realistic-microchip-processor-background_52683-58931.jpg",          imageAlt: "Stylized battery icon"},
      ]}
      title="Power Beyond Limits"
      description="Explore the core advancements that make the Galaxy S26 an undeniable powerhouse."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "model-black",          brand: "Samsung",          name: "Galaxy S26 Cosmic Black",          price: "$1199",          rating: 5,
          reviewCount: "1200 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/black-smartphone-dark-shadow_187299-46935.jpg",          imageAlt: "Samsung Galaxy S26 in Cosmic Black"},
        {
          id: "model-silver",          brand: "Samsung",          name: "Galaxy S26 Lunar Silver",          price: "$1199",          rating: 4.9,
          reviewCount: "980 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4954.jpg",          imageAlt: "Samsung Galaxy S26 in Lunar Silver"},
        {
          id: "model-blue",          brand: "Samsung",          name: "Galaxy S26 Galactic Blue",          price: "$1249",          rating: 5,
          reviewCount: "1150 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-4805.jpg",          imageAlt: "Samsung Galaxy S26 in Galactic Blue"},
        {
          id: "model-green",          brand: "Samsung",          name: "Galaxy S26 Emerald Green",          price: "$1249",          rating: 4.8,
          reviewCount: "890 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-4839.jpg",          imageAlt: "Samsung Galaxy S26 in Emerald Green"},
        {
          id: "model-red",          brand: "Samsung",          name: "Galaxy S26 Crimson Red",          price: "$1299",          rating: 4.9,
          reviewCount: "720 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-photo-mobile-phone-red-t-shirt-looking-cheerful_176474-17970.jpg",          imageAlt: "Samsung Galaxy S26 in Crimson Red"},
        {
          id: "model-gold",          brand: "Samsung",          name: "Galaxy S26 Stellar Gold",          price: "$1349",          rating: 5,
          reviewCount: "650 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/ramadan-mobile-crescent-perspective-side-white-background_187299-37679.jpg",          imageAlt: "Samsung Galaxy S26 in Stellar Gold"},
      ]}
      title="Discover Your Perfect Galaxy S26"
      description="Choose from a range of stunning finishes and models, each crafted to perfection."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          role: "Tech Reviewer",          company: "Digital Pulse",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/successful-business-man-signing-documents-modern-office_158595-5381.jpg"},
        {
          id: "2",          name: "Michael Chen",          role: "Professional Photographer",          company: "Visionary Studios",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg"},
        {
          id: "3",          name: "Emily Rodriguez",          role: "Creative Director",          company: "Innovate Labs",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-lawyer-looking-his-laptop_23-2148230748.jpg"},
        {
          id: "4",          name: "David Kim",          role: "Mobile Gamer",          company: "Esports Enthusiast",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-smartphone_23-2148406334.jpg"},
        {
          id: "5",          name: "Jessica Lee",          role: "Productivity Consultant",          company: "Efficiency Solutions",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-pensive-businessman_1098-701.jpg"},
      ]}
      title="What Our Users Are Saying"
      description="Hear from those who have already experienced the Galaxy S26 difference."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "What's new in the Galaxy S26 compared to S25?",          content: "The Galaxy S26 features an upgraded processor for superior performance, a more advanced camera system with enhanced AI capabilities, a brighter and more dynamic display, and a refined design with new color options."},
        {
          id: "faq2",          title: "Is the Galaxy S26 waterproof?",          content: "Yes, the Samsung Galaxy S26 comes with an IP68 rating, meaning it is dust-tight and can withstand submersion in up to 1.5 meters of fresh water for up to 30 minutes. However, it is not recommended for beach or pool use."},
        {
          id: "faq3",          title: "What are the storage options available?",          content: "The Galaxy S26 is available in 256GB, 512GB, and 1TB internal storage configurations. There is no expandable storage via microSD card, so choose wisely!"},
        {
          id: "faq4",          title: "Does it support 5G connectivity?",          content: "Absolutely. The Galaxy S26 is fully equipped with the latest 5G modem, offering blazing-fast download and upload speeds, ensuring you're always connected at the highest possible speeds."},
        {
          id: "faq5",          title: "What is the battery life like?",          content: "The S26 boasts an optimized 5000mAh battery coupled with intelligent power management, providing exceptional all-day battery life for most users. Fast charging and wireless charging are also supported."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033597.jpg"
      imageAlt="Hands holding Galaxy S26 displaying FAQ"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Frequently Asked Questions"
      description="Find quick answers to the most common questions about the Samsung Galaxy S26."
      tag="Your Queries Answered"
      tagIcon={HelpCircle}
      tagAnimation="blur-reveal"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Join the Future"
      tagIcon={Phone}
      tagAnimation="blur-reveal"
      title="Pre-order Your Galaxy S26 Today"
      description="Be among the first to experience the next generation of mobile technology. Secure your Samsung Galaxy S26 now and elevate your digital lifestyle."
      buttons={[
        {
          text: "Pre-order Now",          href: "https://www.samsung.com/global/galaxy/s26/buy"},
        {
          text: "Contact Sales",          href: "mailto:sales@samsung.com"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4hb2fm"
      logoAlt="Samsung Galaxy S26 Logo"
      columns={[
        {
          items: [
            {
              label: "Galaxy S26",              href: "#hero"},
            {
              label: "Accessories",              href: "#products"},
            {
              label: "Specifications",              href: "#performance"},
          ],
        },
        {
          items: [
            {
              label: "About Samsung",              href: "#about"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Press Center",              href: "#"},
          ],
        },
        {
          items: [
            {
              label: "Support Center",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Warranty Info",              href: "#"},
          ],
        },
      ]}
      logoText="Samsung Galaxy S26"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
