"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="floatingGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Offerings",          id: "#features"},
        {
          name: "Collections",          id: "#products"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Get a Quote",        href: "#contact"}}
      brandName="Escobar"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Escobar"
      description="Experience unparalleled quality and craftsmanship in every detail. Discover a world where luxury meets legacy."
      buttons={[
        {
          text: "Discover Our Legacy",          href: "#about"},
        {
          text: "Explore Collections",          href: "#products"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/green-fluid-art-art-background-diy-abstract-flowing-texture_53876-124090.jpg",          imageAlt: "Abstract luxury background with emerald green and gold"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109772.jpg",          imageAlt: "Luxury product display on an elegant minimal podium"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150084008.jpg",          imageAlt: "Upscale fashion accessories in a modern studio setting"},
        {
          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-art-deco-motif_23-2149145809.jpg",          imageAlt: "Abstract luxury texture with deep colors and gradient"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cool-things-men-sign-wood-barbershop_627829-6260.jpg",          imageAlt: "Luxury interior design of a modern elegant lounge"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103234.jpg",          imageAlt: "Abstract luxury gradient with green and gold tones"},
      ]}
      autoplayDelay={4000}
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "About "},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/charming-caucasian-lady-poses-camera-plays-golf-picture-isolated-dark-blur-background_132075-9599.jpg",          alt: "Elegant man in a luxury setting"},
        {
          type: "text",          content: " Escobar"},
      ]}
      buttons={[
        {
          text: "Our Heritage",          href: "#"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Craftsmanship",          title: "Unrivaled Detail",          subtitle: "Precision in every stitch and finish.",          description: "Our master artisans employ time-honored techniques combined with modern innovation to create pieces of lasting beauty and supreme quality.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-male-tailor-with-measuring-tape-around-his-neck-showing-button-his-customer_23-2148180291.jpg",          imageAlt: "Close-up of intricate craftsmanship on a luxury product"},
        {
          tag: "Exclusivity",          title: "Limited Editions",          subtitle: "Curated collections for the discerning few.",          description: "Each item from Escobar is part of a carefully considered collection, ensuring rarity and a unique place in your personal curation.",          imageSrc: "http://img.b2bpic.net/free-photo/windows-building-textures_1203-7134.jpg",          imageAlt: "Abstract representation of an exclusive design concept"},
        {
          tag: "Service",          title: "Personalized Concierge",          subtitle: "Dedicated support beyond expectation.",          description: "From bespoke requests to white-glove delivery, our team provides an unparalleled level of service tailored to your individual needs.",          imageSrc: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167810.jpg",          imageAlt: "Concept of personalized luxury concierge service"},
      ]}
      title="Our Signature Offerings"
      description="A curated selection designed for discerning tastes, embodying the essence of luxury."
      tag="Excellence Defined"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "1",          brand: "Escobar Heritage",          name: "Classic Chronograph",          price: "$12,500",          rating: 5,
          reviewCount: "120 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hand-watch-with-bstrap-reflective-surface_181624-58668.jpg",          imageAlt: "Luxury watch with a classic chronograph design"},
        {
          id: "2",          brand: "Escobar Leather",          name: "Signature Handbag",          price: "$8,200",          rating: 5,
          reviewCount: "85 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-accessories-stylish-woman-sitting-cafe-sunglasses-handbag-pink-blue-colors-spring-summer-fashion-trend-elegant-style-drinking-coffee_285396-4396.jpg",          imageAlt: "Designer leather handbag with elegant details"},
        {
          id: "3",          brand: "Escobar Couture",          name: "Bespoke Evening Suit",          price: "$15,000",          rating: 5,
          reviewCount: "60 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-diary-standing-office-terrace_107420-64817.jpg",          imageAlt: "Tailored evening suit made from premium fabric"},
        {
          id: "4",          brand: "Escobar Jewels",          name: "Diamond Solitaire Necklace",          price: "$25,000",          rating: 5,
          reviewCount: "45 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-posing-with-checkered-plaid-near-christmas-balls_114579-66828.jpg",          imageAlt: "Elegant diamond solitaire necklace"},
        {
          id: "5",          brand: "Escobar Atelier",          name: "Executive Fountain Pen",          price: "$3,800",          rating: 5,
          reviewCount: "75 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-art-supplies-arrangement_23-2148577660.jpg",          imageAlt: "Luxury executive fountain pen"},
        {
          id: "6",          brand: "Escobar Spirits",          name: "Aged Reserve Whiskey",          price: "$5,000",          rating: 5,
          reviewCount: "90 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/old-fashioned-cocktail-with-whiskey-lemon-peel_123827-37432.jpg",          imageAlt: "Bottle of aged reserve whiskey in a luxury setting"},
      ]}
      title="Exquisite Collections"
      description="Handpicked items embodying luxury, elegance, and timeless appeal. Each piece tells a story."
      tag="Curated Selection"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Isabella V.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-that-works-home_329181-14524.jpg",          imageAlt: "Portrait of Isabella V."},
        {
          id: "2",          name: "Julian T.",          imageSrc: "http://img.b2bpic.net/free-photo/skeptical-senior-businesswoman-looking-camera_1262-5592.jpg",          imageAlt: "Portrait of Julian T."},
        {
          id: "3",          name: "Sophia R.",          imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6622.jpg",          imageAlt: "Portrait of Sophia R."},
        {
          id: "4",          name: "Marcus L.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-outdoor_624325-1457.jpg",          imageAlt: "Portrait of Marcus L."},
        {
          id: "5",          name: "Olivia M.",          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg",          imageAlt: "Portrait of Olivia M."},
      ]}
      cardTitle="Escobar's attention to detail is truly unmatched. Every purchase is an experience."
      cardTag="Trusted Voices"
      buttons={[
        {
          text: "Read More Stories"},
      ]}
      cardAnimation="slide-up"
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Luxury Hotels Group",        "Haute Couture Guild",        "Global Wealth Management",        "Prestige Culinary Arts",        "Elite Automotive",        "Architectural Digest",        "Opulent Events"]}
      title="Partners in Excellence"
      description="Collaborating with leading brands and creators who share our commitment to luxury and unparalleled service."
      tag="Our Network"
      showCard={false}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="We would be delighted to hear from you. Our flagship store is located at 123 Luxury Lane, Metropolis, NY 10001. Visit us to experience Escobar in person, or reach out for bespoke requests, inquiries, and personalized assistance."
      buttons={[
        {
          text: "View on Map",          href: "https://www.google.com/maps/search/?api=1&query=Escobar+Luxury+Store+New+York"},
      ]}
      ariaLabel="Contact section with location information and map link"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Escobar"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Story",              href: "#"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          title: "Services",          items: [
            {
              label: "Bespoke Creations",              href: "#features"},
            {
              label: "Collections",              href: "#products"},
            {
              label: "Concierge",              href: "#"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Instagram",              href: "https://instagram.com"},
            {
              label: "LinkedIn",              href: "https://linkedin.com"},
          ],
        },
      ]}
      copyrightText="© 2024 Escobar. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
