"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { AlertTriangle, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumSizeLargeTitles"
        background="floatingGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Insights",
          id: "#metrics",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/detailed-click-collect-sign_23-2148779344.jpg"
      logoAlt="HighVelocity Logo"
      brandName="HighVelocity"
      bottomLeftText="Global Trends"
      bottomRightText="support@highvelocity.com"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-animated",
      }}
      title="Trending Now—Grab It Before It's Gone"
      description="Flash deals on the hottest products everyone's buying right now. Limited stock, real-time inventory updates—don't miss out."
      testimonials={[
        {
          name: "Alex P.",
          handle: "@TechSavvyAlex",
          testimonial: "HighVelocity is my secret weapon for finding viral products. The urgency makes buying exciting!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-with-smartphone-laughing-using-mobile-phone-app-isolated-white-background_1258-197264.jpg",
          imageAlt: "Alex P. Testimonial",
        },
        {
          name: "Jordan L.",
          handle: "@TrendHunterJ",
          testimonial: "Never miss out on a hot deal again! The real-time updates are a game-changer for resellers.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/glad-wet-guy-with-shining-perfect-smile-has-walk-rainy-weather-enjoys-favourite-track-earphones_273609-8617.jpg",
          imageAlt: "Jordan L. Testimonial",
        },
        {
          name: "Sarah K.",
          handle: "@GadgetQueen",
          testimonial: "I love the thrill of discovering new tech and fashion trends here first. It's addictive!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/inclusivity-workspace_52683-90479.jpg",
          imageAlt: "Inclusivity in workspace",
        },
        {
          name: "Chris B.",
          handle: "@DailyDeals",
          testimonial: "HighVelocity's notifications mean I never miss a flash sale. My product sourcing has never been easier.",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-girl-holds-cup-coffee-bites-lips-looks-happily-camera-has-pleasant-talk-with-interlocutor-wears-striped-jumper-earrings-isolated-green-wall_273609-47970.jpg",
          imageAlt: "Positive girl holds cup of coffee",
        },
        {
          name: "Emily S.",
          handle: "@StyleSpotter",
          testimonial: "The platform is so intuitive and fast. I always find unique items before they go mainstream!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-connects-with-shareholders-via-video-call-discuss-budget-planning_482257-123829.jpg",
          imageAlt: "Businessman connects with shareholders",
        },
      ]}
      testimonialRotationInterval={5000}
      buttons={[
        {
          text: "Shop Trending Today",
          href: "#products",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
          alt: "Customer Avatar 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg",
          alt: "Customer Avatar 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/horizontal-image-cool-stylish-young-caucasian-male-with-black-curls-relaxing-indoors-sitting-white-desk-keeping-arms-folded-his-look-posture-expressing-confidence-smiling-camera_343059-2016.jpg",
          alt: "Customer Avatar 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-reluctant-displeased-man-having-hesitating-unwilling-go-somewhere-dont-have_1258-109442.jpg",
          alt: "Customer Avatar 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5345.jpg",
          alt: "Customer Avatar 5",
        },
      ]}
      avatarText="Join 100K+ savvy shoppers and resellers!"
      imageSrc="http://img.b2bpic.net/free-photo/happy-adult-women-taking-selfie_23-2148385691.jpg"
      imageAlt="People excitedly shopping for trending products on mobile phones"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",
          text: "Fast Shipping",
        },
        {
          type: "text-icon",
          text: "Limited Stock",
          icon: AlertTriangle,
        },
        {
          type: "text",
          text: "Verified Deals",
        },
        {
          type: "text-icon",
          text: "Flash Sales",
          icon: Zap,
        },
        {
          type: "text",
          text: "Secure Checkout",
        },
        {
          type: "text-icon",
          text: "Top Rated",
          icon: Star,
        },
        {
          type: "text",
          text: "Fast Shipping",
        },
        {
          type: "text-icon",
          text: "Limited Stock",
          icon: AlertTriangle,
        },
        {
          type: "text",
          text: "Verified Deals",
        },
        {
          type: "text-icon",
          text: "Flash Sales",
          icon: Zap,
        },
      ]}
      showMarqueeCard={true}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Flash Deals & Exclusives",
          description: "Access limited-time offers and exclusive product drops before anyone else. The best deals go fast!",
          buttonIcon: "Zap",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=otvtbv",
          imageAlt: "Flash deal icon with discount tag",
        },
        {
          title: "Real-time Trend Spotting",
          description: "Our platform constantly monitors for viral products, ensuring you're always ahead of the curve.",
          buttonIcon: "TrendingUp",
          imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-wood-blocks-top-view_23-2148950360.jpg",
          imageAlt: "Trending up chart with magnifying glass",
        },
        {
          title: "Scarcity & FOMO Alerts",
          description: "Get instant notifications on low stock and expiring deals to capitalize on urgency-driven purchasing.",
          buttonIcon: "Clock",
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-dark-haired-girl-uses-smartphone-surfing-social-networks-drinks-takeaway-coffee-looks-away-dressed-knitted-sweater-poses-against-desktop-with-decorated-christmas-tree_273609-34066.jpg",
          imageAlt: "Countdown timer with limited stock warning",
        },
        {
          title: "Lightning-Fast Checkout",
          description: "Optimized for speed, our checkout process gets you from cart to confirmation in seconds. No more missed opportunities.",
          buttonIcon: "CreditCard",
          imageSrc: "http://img.b2bpic.net/free-photo/shopping-trolley-with-alarm-clock_23-2147961756.jpg",
          imageAlt: "Secure checkout with credit card and padlock",
        },
      ]}
      title="Why HighVelocity?"
      description="Unlock immediate access to viral trends, unbeatable deals, and a purchasing experience designed for speed and exclusivity."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "prod1",
          brand: "TechTrendz",
          name: "Wireless Noise-Canceling Earbuds",
          price: "$89.99",
          rating: 5,
          reviewCount: "1.2K reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/vr-headset-by-computer-gaming-technology_53876-97101.jpg",
          imageAlt: "Wireless Noise-Canceling Earbuds",
        },
        {
          id: "prod2",
          brand: "WearableFuture",
          name: "Smart Fitness Tracker 2.0",
          price: "$129.00",
          rating: 4,
          reviewCount: "870 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-smart-watch-close-up_23-2148628967.jpg",
          imageAlt: "Smart Fitness Tracker",
        },
        {
          id: "prod3",
          brand: "AudioBoom",
          name: "Portable Bluetooth Party Speaker",
          price: "$149.50",
          rating: 5,
          reviewCount: "950 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/digital-assistant-speaker-composition_23-2149107998.jpg",
          imageAlt: "Portable Bluetooth Speaker",
        },
        {
          id: "prod4",
          brand: "HomeEssentials",
          name: "Smart LED Desk Lamp with Wireless Charging",
          price: "$75.00",
          rating: 4,
          reviewCount: "620 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/minimal-home-desk-design_23-2148991423.jpg",
          imageAlt: "Smart LED Desk Lamp",
        },
        {
          id: "prod5",
          brand: "UrbanGear",
          name: "Anti-Theft Commuter Backpack",
          price: "$65.99",
          rating: 5,
          reviewCount: "1.1K reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg",
          imageAlt: "Anti-Theft Commuter Backpack",
        },
        {
          id: "prod6",
          brand: "EcoLiving",
          name: "Insulated Stainless Steel Water Bottle",
          price: "$29.99",
          rating: 4,
          reviewCount: "1.5K reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/composition-spa-treatment-lavender-oils_23-2148645554.jpg",
          imageAlt: "Insulated Water Bottle",
        },
      ]}
      title="Hottest Products Right Now"
      description="These are the items flying off the shelves. Don't wait, stock is constantly changing!"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "15,000+",
          title: "Products Sold Today",
          description: "Our community is actively snapping up the hottest items.",
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-interacting-with-futuristic-graphics_23-2151003694.jpg",
          imageAlt: "Graph showing sales growth",
        },
        {
          id: "m2",
          value: "Avg. 3 mins",
          title: "Time to Sell Out",
          description: "Some of our top trending products are gone in minutes.",
          imageSrc: "http://img.b2bpic.net/free-photo/black-friday-light-box-near-alarm-clock_23-2148285063.jpg",
          imageAlt: "Fast clock representing speed",
        },
        {
          id: "m3",
          value: "98%",
          title: "Customer Satisfaction",
          description: "Buyers love the thrill of the hunt and the quality of their finds.",
          imageSrc: "http://img.b2bpic.net/free-photo/group-five-african-american-woman-with-shopping-carts-having-fun-together-outdoor_627829-470.jpg",
          imageAlt: "Shopping cart with happy customers",
        },
      ]}
      title="Real-time Sales Velocity"
      description="See the pulse of the marketplace with our live metrics. Products are moving fast, don't miss your chance!"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sophia R.",
          handle: "@SophiaBuys",
          testimonial: "I've snagged so many amazing deals on HighVelocity that I wouldn't have found anywhere else. The real-time alerts are a lifesaver!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
          imageAlt: "Sophia R. profile picture",
        },
        {
          id: "t2",
          name: "Mark D.",
          handle: "@DealHunterMark",
          testimonial: "As a reseller, speed is everything. HighVelocity gives me the edge I need to grab trending stock before the competition.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-arrangement-with-different-feelings_23-2148860244.jpg",
          imageAlt: "Mark D. profile picture",
        },
        {
          id: "t3",
          name: "Chloe B.",
          handle: "@ChloeFinds",
          testimonial: "The FOMO is real, but HighVelocity makes it fun! Every purchase feels like a victory. Highly recommend!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-black-white-polka-dot-dress-holding-white-like-sign-yellow_140725-24141.jpg",
          imageAlt: "Chloe B. profile picture",
        },
        {
          id: "t4",
          name: "Liam P.",
          handle: "@LiamGadgets",
          testimonial: "From gadgets to fashion, HighVelocity has the pulse on what's hot. The product selection is always fresh and exciting.",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg",
          imageAlt: "Liam P. profile picture",
        },
        {
          id: "t5",
          name: "Maya S.",
          handle: "@TrendSetterMaya",
          testimonial: "I love the thrill of grabbing a viral product before it sells out. HighVelocity is my go-to for staying ahead of trends.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-upbeat-relaxed-young-hipster-guy-with-dreads-assuring-all-good-everything-be-oka_1258-109518.jpg",
          imageAlt: "Maya S. profile picture",
        },
      ]}
      showRating={true}
      title="What Our Shoppers Say"
      description="Hear directly from our community about their HighVelocity experience and incredible finds."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Global Tech Review",
        "E-commerce Daily",
        "Trend Forecast Magazine",
        "Retail Innovation Hub",
        "The Viral Report",
        "Market Pulse Analytics",
        "Consumer Insights Weekly",
      ]}
      title="Featured On & Trusted By"
      description="Our platform and trending products have been recognized by leading industry voices and media."
      speed={40}
      showCard={true}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "How do I find trending products?",
          content: "Our 'Trending Now' section is updated in real-time. Keep an eye on it, as products can sell out fast!",
        },
        {
          id: "faq2",
          title: "What does 'limited stock' mean?",
          content: "Limited stock indicates that only a few units of a popular product are left. These items tend to sell out very quickly.",
        },
        {
          id: "faq3",
          title: "Can I return a flash deal item?",
          content: "Return policies vary by product and vendor for flash deals. Please check the specific product page for details before purchasing.",
        },
        {
          id: "faq4",
          title: "How fast is shipping?",
          content: "Shipping times are optimized for speed, often taking 2-5 business days depending on your location and the vendor. Express options may be available.",
        },
        {
          id: "faq5",
          title: "Is my payment information secure?",
          content: "Yes, we use advanced encryption and security protocols to ensure all your payment information is protected during checkout.",
        },
        {
          id: "faq6",
          title: "How do I get notified about new deals?",
          content: "Sign up for our email alerts and enable push notifications in your account settings to get instant updates on new trends and deals.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Quick answers to common questions about shopping, deals, and our platform."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static-grid",
      }}
      text="Don't Miss Out. Stay Ahead."
      buttons={[
        {
          text: "Join Our Community",
          href: "#",
        },
        {
          text: "Contact Support",
          href: "mailto:support@highvelocity.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="http://img.b2bpic.net/free-vector/detailed-click-collect-sign_23-2148779344.jpg"
      logoAlt="HighVelocity Logo"
      logoText="HighVelocity"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Press",
              href: "#",
            },
          ],
        },
        {
          title: "Products",
          items: [
            {
              label: "Trending Now",
              href: "#products",
            },
            {
              label: "Flash Deals",
              href: "#features",
            },
            {
              label: "Best Sellers",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Shipping",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 HighVelocity. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
