"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLarge"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "About",
          id: "about",
        },
        {
          name: "Products",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="La Morenita"
      button={{
        text: "Shop Now",
        href: "#products",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      title="Luxury Craftsmanship, Refined for You."
      description="Experience the timeless quality of La Morenita, where artisanal tradition meets modern elegance."
      testimonials={[
        {
          name: "Elena R.",
          handle: "@elena.design",
          testimonial: "The attention to detail in La Morenita pieces is truly unparalleled. A work of art.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148765432.jpg?_wi=1",
          imageAlt: "elegant lifestyle photography premium",
        },
        {
          name: "Marcus V.",
          handle: "@m.v.architect",
          testimonial: "I've purchased multiple items; the warmth and quality bring such character to my space.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/water-droplets-surface-grey-textured-background_23-2148114556.jpg?_wi=1",
          imageAlt: "elegant lifestyle photography premium",
        },
        {
          name: "Sarah J.",
          handle: "@sarah.curated",
          testimonial: "A brand that values genuine craftsmanship in a mass-produced world. Truly special.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-oil-dropper_23-2149016644.jpg?_wi=1",
          imageAlt: "elegant lifestyle photography premium",
        },
        {
          name: "Julian D.",
          handle: "@juliand.official",
          testimonial: "Everything I received exceeded my expectations in both beauty and durability.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080523.jpg?_wi=1",
          imageAlt: "elegant lifestyle photography premium",
        },
        {
          name: "Chloe B.",
          handle: "@chloeb.style",
          testimonial: "La Morenita defines modern luxury. Exquisite designs that feel both classic and fresh.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cute-gift-boxes-held-hand_23-2148347430.jpg?_wi=1",
          imageAlt: "elegant lifestyle photography premium",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148765432.jpg?_wi=2"
      imageAlt="La Morenita Premium Showcase"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/tired-exhausted-woman-sitting-black-couch-putting-magazine-head-slender-model-wearing-black-elegant-overall-concept-vogue-fashion-industry_132075-12029.jpg",
          alt: "Tired and exhausted woman sitting on black couch and putting magazine on head Slender model wearing in black elegant overall Concept of vogue fashion industry",
        },
        {
          src: "http://img.b2bpic.net/free-photo/crop-woman-sitting-chair_23-2147781146.jpg",
          alt: "Crop woman sitting on chair",
        },
        {
          src: "http://img.b2bpic.net/free-photo/elegant-woman-posing-near-piano-stylish-light-room_273443-4278.jpg",
          alt: "Elegant woman posing near piano in stylish light room.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/picture-beautiful-young-caucasian-female-with-long-fair-hair-nice-face-bright-makeup-bright-earrings-long-black-dress_132075-9592.jpg",
          alt: "Picture of beautiful young caucasian female with long fair hair, nice face, bright makeup bright earrings in long black dress",
        },
        {
          src: "http://img.b2bpic.net/free-photo/elegant-stylish-lady-with-collected-hair-dressed-gold-tshirt-neck-jewelry-is-smiling-camera-posing-beige-background_291650-2401.jpg",
          alt: "Elegant stylish lady with collected hair dressed gold tshirt and neck jewelry is smiling at camera and posing over beige background",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Sustainable Craftsmanship",
        },
        {
          type: "text",
          text: "Timeless Elegance",
        },
        {
          type: "text",
          text: "Artisanal Heritage",
        },
        {
          type: "text",
          text: "Modern Luxury",
        },
        {
          type: "text",
          text: "Premium Materials",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="A Legacy of Artisanal Excellence"
      description="Born from a passion for traditional craftsmanship and an eye for contemporary elegance, La Morenita creates premium goods that tell a story. We believe every detail matters."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Heirloom Vase",
          price: "$125",
          imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-oil-dropper_23-2149016644.jpg?_wi=2",
        },
        {
          id: "p2",
          name: "Signature Tray",
          price: "$85",
          imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080523.jpg?_wi=2",
        },
        {
          id: "p3",
          name: "Artisan Candle Holder",
          price: "$60",
          imageSrc: "http://img.b2bpic.net/free-photo/cute-gift-boxes-held-hand_23-2148347430.jpg?_wi=2",
        },
        {
          id: "p4",
          name: "Minimalist Bowl",
          price: "$95",
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-podium-sale-with-shadow-tropical-sunlight-pedestal-product-display-nature-platform-product-presentation-mockup-3d-background_56104-2327.jpg",
        },
        {
          id: "p5",
          name: "Classic Serving Board",
          price: "$110",
          imageSrc: "http://img.b2bpic.net/free-photo/halloween-decor-white-table-black-wall_176420-9127.jpg",
        },
        {
          id: "p6",
          name: "Curated Decor Set",
          price: "$240",
          imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230633.jpg",
        },
      ]}
      title="The Collection"
      description="Discover our meticulously curated selection of premium handcrafted items."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Isabel M.",
          date: "Oct 2024",
          title: "Stunning quality",
          quote: "The texture and finish of these pieces are simply exquisite.",
          tag: "Verified",
          avatarSrc: "http://img.b2bpic.net/free-photo/sales-man-jewelry-store-using-magnifier-tool-see-quality-stone_1303-30686.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148765432.jpg?_wi=3",
          imageAlt: "smiling elegant woman professional headshot",
        },
        {
          id: "2",
          name: "Liam T.",
          date: "Sept 2024",
          title: "Absolute luxury",
          quote: "I am in awe of the beauty each piece brings to my living room.",
          tag: "Verified",
          avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/water-droplets-surface-grey-textured-background_23-2148114556.jpg?_wi=2",
          imageAlt: "smiling elegant woman professional headshot",
        },
        {
          id: "3",
          name: "Nina P.",
          date: "Aug 2024",
          title: "Perfect gift",
          quote: "Found the perfect gift and it arrived beautifully packaged. Loved it.",
          tag: "Verified",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-serious-woman_23-2149022639.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-oil-dropper_23-2149016644.jpg?_wi=3",
          imageAlt: "smiling elegant woman professional headshot",
        },
        {
          id: "4",
          name: "Oscar K.",
          date: "July 2024",
          title: "Top-notch craft",
          quote: "You can feel the dedication in every single product.",
          tag: "Verified",
          avatarSrc: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-listening-music-room-with-loft-interior_613910-4423.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080523.jpg?_wi=3",
          imageAlt: "smiling elegant woman professional headshot",
        },
        {
          id: "5",
          name: "Fiona L.",
          date: "June 2024",
          title: "Elegant design",
          quote: "Everything I've bought from La Morenita has been a conversation piece.",
          tag: "Verified",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/cute-gift-boxes-held-hand_23-2148347430.jpg?_wi=3",
          imageAlt: "smiling elegant woman professional headshot",
        },
      ]}
      title="Voices of Appreciation"
      description="What our clients are saying about the La Morenita experience."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get In Touch"
      description="We are available for private inquiries, custom orders, and brand collaborations. Contact us today."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Tell us how we can help",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Products",
              href: "#products",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Shipping Info",
              href: "#",
            },
          ],
        },
      ]}
      logoText="La Morenita"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
