"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';
import { Facebook, Instagram, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumSizeLargeTitles"
        background="circleGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Benefits",
          id: "#benefits",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Buy Now",
          id: "#buy",
        },
      ]}
      brandName="Icebreeze Pro"
      button={{
        text: "Order Now",
        href: "#buy",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroCentered
      background={{
        variant: "sparkles-gradient",
      }}
      title="Stay Cool Anywhere with Icebreeze Pro"
      description="Experience ultimate personal cooling with the revolutionary Icebreeze Pro. This high-speed handheld fan features an integrated ice pack, adjustable speeds, and a foldable design for maximum portability and comfort. Perfect for any adventure!"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/modern-round-desk-fan-with-simple-background_23-2150808048.jpg",
          alt: "Icebreeze Pro Handheld Fan",
        },
        {
          src: "http://img.b2bpic.net/free-photo/urban-stylish-young-girl-walking-with-skateboard-outdoors-portrait-active-sport-woman-model-healthy-lifestyle-extreme-sports-fashion-look-outdoor-hipster-portrait-close-up-portrait-prett_1321-3625.jpg",
          alt: "Icebreeze Pro hanging around neck",
        },
        {
          src: "http://img.b2bpic.net/free-photo/businessman-typing-with-neck-brace_482257-119421.jpg",
          alt: "Icebreeze Pro on desk",
        },
        {
          src: "http://img.b2bpic.net/free-photo/whirlwind-wallpaper-ai-generated-image_268835-11560.jpg",
          alt: "Icebreeze Pro in motion",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-couple-lying-blanket-looking-each-other-park_23-2147901747.jpg",
          alt: "Icebreeze Pro at a picnic",
        },
      ]}
      avatarText="Join thousands staying cool!"
      buttons={[
        {
          text: "Discover More",
          href: "#features",
        },
        {
          text: "Buy Now",
          href: "#buy",
        },
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/modern-round-desk-fan-with-simple-background_23-2150808048.jpg",
          alt: "portable handheld fan ice pack cooling",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/urban-stylish-young-girl-walking-with-skateboard-outdoors-portrait-active-sport-woman-model-healthy-lifestyle-extreme-sports-fashion-look-outdoor-hipster-portrait-close-up-portrait-prett_1321-3625.jpg",
          alt: "Icebreeze Pro hanging neck fan hiking",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/businessman-typing-with-neck-brace_482257-119421.jpg",
          alt: "Icebreeze Pro desktop fan office use",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/whirlwind-wallpaper-ai-generated-image_268835-11560.jpg",
          alt: "high speed fan blades motion blur",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/young-couple-lying-blanket-looking-each-other-park_23-2147901747.jpg",
          alt: "Icebreeze Pro fan family picnic",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="About Icebreeze Pro"
      title="Your Ultimate Portable Cooling Companion"
      buttons={[
        {
          text: "See All Features",
          href: "#features",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Unmatched Features for Unbeatable Comfort"
      description="The Icebreeze Pro combines cutting-edge technology with thoughtful design to deliver a personal cooling experience like no other."
      accordionItems={[
        {
          id: "1",
          title: "Integrated Ice Pack Cooling",
          content: "Our patented ice pack technology provides a refreshing burst of chilled air, significantly lowering ambient temperature for instant relief. Simply freeze the removable gel pack for an enhanced cooling effect.",
        },
        {
          id: "2",
          title: "High-Speed Adjustable Fan",
          content: "Equipped with a powerful motor, Icebreeze Pro offers multiple speed settings, from a gentle breeze to a high-velocity gust, ensuring optimal airflow for any situation. Control is at your fingertips.",
        },
        {
          id: "3",
          title: "Foldable & Ultra-Portable Design",
          content: "Designed for life on the go, this mini fan easily folds into a compact size, fitting into your bag or pocket. Its lightweight construction makes it the perfect travel companion without adding bulk.",
        },
        {
          id: "4",
          title: "Versatile Hanging Neck Function",
          content: "Go hands-free! The integrated neck strap allows you to wear Icebreeze Pro comfortably around your neck, providing continuous personal cooling while you hike, commute, or relax outdoors.",
        },
        {
          id: "5",
          title: "Long-Lasting Battery Life",
          content: "Powered by a high-capacity rechargeable battery, the Icebreeze Pro delivers hours of cooling on a single charge. Stay refreshed throughout your day without constantly searching for an outlet.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722689.jpg"
      imageAlt="Ice pack cooling technology in fan"
      mediaAnimation="slide-up"
      mediaPosition="right"
    />
  </div>

  <div id="benefits" data-section="benefits">
      <MetricCardFourteen
      useInvertedBackground={true}
      title="Cooling Performance You Can Trust"
      tag="Benefits at a Glance"
      metrics={[
        {
          id: "1",
          value: "20°F",
          description: "Drop in ambient temperature with ice pack",
        },
        {
          id: "2",
          value: "15 Hrs",
          description: "Max battery life on a single charge",
        },
        {
          id: "3",
          value: "3 Modes",
          description: "Adjustable speed settings for custom comfort",
        },
        {
          id: "4",
          value: "4.5 oz",
          description: "Ultra-lightweight for effortless portability",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Ergonomic Handheld Grip",
          price: "$29.99",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-round-desk-fan-with-simple-background_23-2150808050.jpg",
          imageAlt: "Icebreeze Pro handheld",
        },
        {
          id: "p2",
          name: "Hands-Free Neck Cooling",
          price: "$29.99",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-walking-seashore-sea-sand-ocean-girl-headphones-listening-music_169016-67556.jpg",
          imageAlt: "Icebreeze Pro hanging neck",
        },
        {
          id: "p3",
          name: "Compact Desktop Mode",
          price: "$29.99",
          imageSrc: "http://img.b2bpic.net/free-photo/slim-black-girl-headphones-looking-computer-s-screen-with-attention_197531-4877.jpg",
          imageAlt: "Icebreeze Pro on a desk",
        },
        {
          id: "p4",
          name: "Powerful Airflow",
          price: "$29.99",
          imageSrc: "http://img.b2bpic.net/free-photo/master-is-ready-disassemble-personal-computer-upgrade-clean-it_346278-1210.jpg",
          imageAlt: "Icebreeze Pro in motion",
        },
        {
          id: "p5",
          name: "Family Outdoor Essential",
          price: "$29.99",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-playing-tennis-beach_23-2147870503.jpg",
          imageAlt: "Icebreeze Pro at a picnic",
        },
        {
          id: "p6",
          name: "Intuitive Controls",
          price: "$29.99",
          imageSrc: "http://img.b2bpic.net/free-photo/technology-electronic-computer-motherboard_1387-676.jpg",
          imageAlt: "Icebreeze Pro control panel",
        },
      ]}
      title="See Icebreeze Pro in Action"
      description="Explore the versatility and sleek design of our innovative portable fan through a series of product highlights."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          role: "Festival Enthusiast",
          company: "EventGoer",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-young-surfer-sunglasses-holding-surfboard-his-head-looking-blue-sea-with-confident-determined-expression_273609-1540.jpg",
        },
        {
          id: "t2",
          name: "Mark D.",
          role: "Avid Hiker",
          company: "TrailBlazer",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-modern-stylish-man-casual-cloth-hat-glasses-sitting-park-green-grass_158538-14093.jpg",
        },
        {
          id: "t3",
          name: "Emily C.",
          role: "Remote Worker",
          company: "Coffee & Code",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/concept-business-business-man-serious-talking-with-his-project-his-mobile-phone_1258-295.jpg",
        },
        {
          id: "t4",
          name: "David L.",
          role: "Busy Parent",
          company: "Family Fun Inc.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/funny-young-woman-fooling-around-with-daughter-lying-white-blanket-making-faces-outdoor-portrait-pretty-girl-sitting-mom-s-back-embracing-her_197531-25170.jpg",
        },
        {
          id: "t5",
          name: "Jessica M.",
          role: "Cycling Coach",
          company: "BikeMasters",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-putting-helmet_23-2148696800.jpg",
        },
      ]}
      title="What Our Happy Customers Say"
      description="Don't just take our word for it – hear from people who are already enjoying the refreshing power of Icebreeze Pro."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "How long does the ice pack stay cold?",
          content: "The integrated ice pack, when frozen for at least 2 hours, can provide enhanced cooling for up to 1-2 hours depending on ambient temperature.",
        },
        {
          id: "q2",
          title: "What is the battery life?",
          content: "The Icebreeze Pro offers up to 15 hours of cooling on the lowest speed setting, and 3-5 hours on the highest speed setting, with a full charge.",
        },
        {
          id: "q3",
          title: "Is it waterproof?",
          content: "The Icebreeze Pro is splash-resistant, making it suitable for light outdoor use. However, it is not fully waterproof and should not be submerged in water.",
        },
        {
          id: "q4",
          title: "How do I clean the fan?",
          content: "Simply wipe the fan blades and exterior with a soft, damp cloth. For the ice pack, rinse with water and ensure it's dry before refreezing.",
        },
        {
          id: "q5",
          title: "Can I use it while charging?",
          content: "Yes, the Icebreeze Pro can be used while it is connected to a power source and charging.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to common questions about the Icebreeze Pro."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="buy" data-section="buy">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      tag="Limited Time Offer"
      title="Ready to Experience Instant Cool?"
      description="Don't let the heat slow you down. Get your Icebreeze Pro today and enjoy refreshing cool air wherever you go. Click below to secure yours!"
      buttons={[
        {
          text: "Order Your Icebreeze Pro Now!",
          href: "#",
        },
        {
          text: "View All Products",
          href: "#products",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Icebreeze Pro"
      copyrightText="© 2024 Icebreeze Pro. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
        {
          icon: Twitter,
          href: "#",
          ariaLabel: "Twitter",
        },
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Instagram",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
