"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { CheckCircle, Heart, Instagram, Sparkles, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLarge"
        background="grid"
        cardStyle="gradient-radial"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Products",
          id: "products",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Memorix"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Turn Memories into Magnets"
      description="Custom fridge magnets for your favorite moments. High-quality prints, durable materials, and perfect for any occasion."
      testimonials={[
        {
          name: "Sarah J.",
          handle: "@sarahj",
          testimonial: "The quality of the prints is amazing!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
        },
        {
          name: "Mike R.",
          handle: "@miker",
          testimonial: "Fast shipping and great service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
        },
        {
          name: "Linda T.",
          handle: "@lindat",
          testimonial: "Exactly what I wanted, absolutely perfect.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
        },
        {
          name: "David L.",
          handle: "@davidl",
          testimonial: "Super durable, stays on my fridge perfectly.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
        },
        {
          name: "Emily B.",
          handle: "@emilyb",
          testimonial: "Beautiful colors and crisp image resolution.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
        },
      ]}
      buttons={[
        {
          text: "Shop Now",
          href: "#products",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-assortment-with-white-balloons_23-2148309277.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
          alt: "Front view of cute girl looking away",
        },
        {
          src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
          alt: "Older woman with thumb up",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
          alt: "Happy business woman in white shirt",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
          alt: "Close-up smiley man talking on the phone",
        },
        {
          src: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
          alt: "aged middle expression calling business",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Crafting Memories"
      metrics={[
        {
          icon: Sparkles,
          label: "Magnets Made",
          value: "10k+",
        },
        {
          icon: Heart,
          label: "Happy Clients",
          value: "5k+",
        },
        {
          icon: CheckCircle,
          label: "Verified Designs",
          value: "99%",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Polaroid Magnet",
          price: "$9.99",
          imageSrc: "http://img.b2bpic.net/free-photo/metallic-pieces-with-colorful-painting_23-2148742357.jpg",
        },
        {
          id: "2",
          name: "Minimalist Square",
          price: "$8.99",
          imageSrc: "http://img.b2bpic.net/free-photo/person-setting-their-new-year-goals_23-2149181730.jpg",
        },
        {
          id: "3",
          name: "Circle Memories",
          price: "$7.99",
          imageSrc: "http://img.b2bpic.net/free-photo/sewing-clothes-elements-arrangement_23-2148742330.jpg",
        },
        {
          id: "4",
          name: "Hexagon Art",
          price: "$10.99",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-patriotic-gingerbread-support-ukraine_169016-20155.jpg",
        },
        {
          id: "5",
          name: "Landscape View",
          price: "$12.99",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-business-office-desk-concept-wood-house-also-car-clock-wooden-shelf-beautiful-pink-flower-wood-background-with-copy-space_1921-37.jpg",
        },
        {
          id: "6",
          name: "Photo Frame",
          price: "$11.99",
          imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-with-flower-petals-table_23-2148069173.jpg",
        },
      ]}
      title="Our Collection"
      description="Browse our popular magnet styles and shapes."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "24h",
          title: "Production Time",
          items: [
            "Lightning fast",
            "Quality checked",
            "Ready to ship",
          ],
        },
        {
          id: "m2",
          value: "100%",
          title: "Satisfaction",
          items: [
            "Premium materials",
            "Color accuracy",
            "Durable finish",
          ],
        },
        {
          id: "m3",
          value: "Global",
          title: "Shipping",
          items: [
            "Worldwide delivery",
            "Safe packaging",
            "Tracking provided",
          ],
        },
      ]}
      title="Why Choose Memorix?"
      description="Leading the industry in custom magnetic printing."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Anna K.",
          role: "Traveler",
          company: "GlobeTrotter",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-colleague_1098-14876.jpg",
        },
        {
          id: "t2",
          name: "Mark D.",
          role: "Artist",
          company: "CreativeLab",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-table_23-2148095754.jpg",
        },
        {
          id: "t3",
          name: "Jane P.",
          role: "Collector",
          company: "MagnetLovers",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
        },
        {
          id: "t4",
          name: "Bob W.",
          role: "Photographer",
          company: "SnapWorks",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg",
        },
        {
          id: "t5",
          name: "Eve M.",
          role: "Student",
          company: "University",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-corporate-woman-young-intern-walks-street-office-holds-mobile-phone-texts_1258-194216.jpg",
        },
      ]}
      title="Customer Stories"
      description="What people say about their custom magnets."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "How long until I get them?",
          content: "Orders are processed within 24 hours and shipped the next business day.",
        },
        {
          id: "q2",
          title: "Are they durable?",
          content: "Yes, we use professional grade UV-resistant inks.",
        },
        {
          id: "q3",
          title: "Do you ship internationally?",
          content: "Absolutely, we ship globally to over 50 countries.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Need to know how it works? Read below."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="proof" data-section="proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Microsoft",
        "Google",
        "Airbnb",
        "Spotify",
        "Netflix",
        "Amazon",
        "Tesla",
      ]}
      title="Trusted By Industry Leaders"
      description="Join thousands of satisfied corporate partners."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "animated-grid",
      }}
      text="Ready to bring your memories to life?"
      buttons={[
        {
          text: "Contact Support",
          href: "mailto:hello@memorix.com",
        },
      ]}
    />
  </div>

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