"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 FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Heart, ShieldCheck, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="medium"
        background="blurBottom"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Collection",          id: "#collection"},
        {
          name: "Team",          id: "#team"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Être Concept Store"
      button={{
        text: "Shop Now",        href: "#collection"}}
      animateOnLoad={true}
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="Discover Your Unique Style"
      description="Être Concept Store offers a meticulously curated collection of high-quality apparel and accessories, hand-picked for the discerning individual. Experience personalized service and find pieces that truly resonate with your essence."
      tagAnimation="none"
      buttons={[
        {
          text: "Explore Collection",          href: "#collection"},
        {
          text: "Visit Us",          href: "#contact"},
      ]}
      buttonAnimation="none"
      imageSrc="http://img.b2bpic.net/free-photo/middle-eastern-customer-explores-latest-fashion-collection-mall-store_482257-118183.jpg"
      imageAlt="Elegant boutique interior with curated fashion"
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/people-enjoy-shopping_53876-20708.jpg",          alt: "People enjoy shopping"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-shopping_23-2149241334.jpg",          alt: "Medium shot smiley women at shopping"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-with-big-smile-her-face-after-big-shopping_329181-18748.jpg",          alt: "Woman with big smile on her face after big shopping"},
        {
          src: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623394.jpg",          alt: "Women shopping and buying consumer products for customer day celebration"},
        {
          src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-shopping-bags-with-copy-space_23-2148647647.jpg",          alt: "Smiley woman holding shopping bags with copy space"},
      ]}
      avatarText="Join our community of style enthusiasts"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="About Être Concept Store"
      metrics={[
        {
          icon: ShieldCheck,
          label: "Years of Curation",          value: "7+"},
        {
          icon: Users,
          label: "Satisfied Clients",          value: "1000+"},
        {
          icon: Heart,
          label: "Hand-Picked Brands",          value: "50+"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Expert Styling Consultations",          description: "Our highly qualified team provides personalized advice to help you discover styles that enhance your unique personality.",          bentoComponent: "media-stack",          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-cloths-paying-with-cash-shop_1303-19855.jpg",              imageAlt: "Woman trying on a dress in a boutique with a stylist"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-second-hand-market_23-2149353671.jpg",              imageAlt: "Curated fashion accessories display"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-thread-face-mask_23-2148614631.jpg",              imageAlt: "Detail of quality fabric texture"},
          ]
        },
      ]}
      title="Our Approach to Fashion & Service"
      description="At Être, we believe in a holistic shopping experience. From expert styling advice to exclusive collections, we ensure every visit is inspiring and rewarding."
    />
  </div>

  <div id="collection" data-section="collection">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "The Modern Silk Dress",          price: "€450",          imageSrc: "http://img.b2bpic.net/free-photo/two-business-woman-with-computer_1303-13889.jpg",          imageAlt: "Elegant modern silk dress"},
        {
          id: "p2",          name: "Boho Chic Midi Skirt",          price: "€280",          imageSrc: "http://img.b2bpic.net/free-photo/girl-stands-holding-her-red-skirt_1157-917.jpg",          imageAlt: "Flowy boho chic midi skirt"},
        {
          id: "p3",          name: "Tailored Wool Trousers",          price: "€320",          imageSrc: "http://img.b2bpic.net/free-photo/collection-beige-tone-colored-pants_23-2150773428.jpg",          imageAlt: "High-quality tailored wool trousers"},
        {
          id: "p4",          name: "Artisanal Knit Sweater",          price: "€190",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-stylish-outfit-walking-city-street-fashion-spring-summer-trend-smiling-happy-mood-wearing-pink-jacket-blouse-spinning-around-exited-fashionista-shopping_285396-4452.jpg",          imageAlt: "Soft artisanal knit sweater"},
        {
          id: "p5",          name: "Structured Linen Blazer",          price: "€380",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-thrift-shop-front-view_23-2149726869.jpg",          imageAlt: "Stylish structured linen blazer"},
        {
          id: "p6",          name: "Statement A-Line Skirt",          price: "€250",          imageSrc: "http://img.b2bpic.net/free-photo/girl-stands-holding-her-red-skirt_1157-916.jpg",          imageAlt: "Elegant A-line skirt"},
      ]}
      title="Our Curated Collection"
      description="Explore our latest arrivals and timeless pieces, selected for their exceptional quality, unique design, and lasting style."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "t1",          name: "Silvia Rossi",          role: "Founder & Head Stylist",          imageSrc: "http://img.b2bpic.net/free-photo/browneyed-shorthaired-young-lady-stylish-floral-summer-dress-looks-into-camera-smiles-gently-poses-cozy-room_197531-29853.jpg",          imageAlt: "Silvia Rossi, Founder and Head Stylist"},
        {
          id: "t2",          name: "Giulia Bianchi",          role: "Senior Fashion Consultant",          imageSrc: "http://img.b2bpic.net/free-photo/happy-darkskinned-curly-brunette-woman-oversized-white-stylish-jacket-leans-table-with-clothing-samples-patterns-it-smiles_197531-27834.jpg",          imageAlt: "Giulia Bianchi, Senior Fashion Consultant"},
        {
          id: "t3",          name: "Elena Verdi",          role: "Boutique Assistant",          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-by-cafe-using-phone_1303-29691.jpg",          imageAlt: "Elena Verdi, Boutique Assistant"},
      ]}
      title="Meet Our Dedicated Team"
      description="Our passionate team is dedicated to providing an unparalleled shopping experience. We are here to guide you with expertise and a genuine love for fashion."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Our clients consistently praise our personalized service and the unique quality of our selections. We're proud to be a trusted destination for style."
      rating={5}
      author="From Our Valued Customers"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-showing-something-shop-window_329181-18696.jpg",          alt: "Maria Volante"},
        {
          src: "http://img.b2bpic.net/free-photo/attractive-young-business-girl-with-makeup-brushes-posing-plain-background-concept-makeup-cosmetics_78826-3391.jpg",          alt: "Giulia Rosin"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-woman-happy-after-shopping_23-2148660676.jpg",          alt: "Tiziana Santin"},
        {
          src: "http://img.b2bpic.net/free-photo/stylish-young-parisienne-with-brunette-wavy-hair-black-sunglasses-white-top-polka-dot-skirt-red-shirt-standing-city-stairs-looking-straight-early-warm-autumn-background_197531-28081.jpg",          alt: "Satisfied Customer"},
        {
          src: "http://img.b2bpic.net/free-photo/business-owners-preparing-their-store_23-2149300867.jpg",          alt: "Another Happy Client"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Luxury Couture",        "Artisan Wear",        "Urban Chic",        "Timeless Designs",        "Sustainable Fashion",        "Modern Classics",        "Global Trendsetters"]}
      title="Curated Brands & Partnerships"
      description="We proudly partner with esteemed fashion brands and designers, bringing you an exclusive selection of quality and style."
      tagAnimation="none"
      buttonAnimation="none"
      speed={40}
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      text="Visit Us In-Store or Get in Touch\n\nCorso Garibaldi, 40, 33170 Pordenone PN\nPhone: 0434 522793\n\nOpen · Closes at 13:00 · Reopens at 15:30"
      buttons={[
        {
          text: "Get Directions",          href: "https://www.google.com/maps/search/Être+Concept+Store+Corso+Garibaldi,+40,+33170+Pordenone+PN"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/fashionable-young-woman-grey-coat-hat-walking-street-city-centre-smiling-true-emotions-stylish-lifestyle-luxury-clothes-elegant-look_197531-1885.jpg"
      imageAlt="Exterior of Être Concept Store boutique"
      logoText="Être Concept Store"
      columns={[
        {
          title: "Shop",          items: [
            {
              label: "New Arrivals",              href: "#collection"},
            {
              label: "Collections",              href: "#collection"},
            {
              label: "Sale",              href: "#"},
          ],
        },
        {
          title: "About",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Our Team",              href: "#team"},
            {
              label: "Testimonials",              href: "#testimonials"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "FAQs",              href: "#"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Être Concept Store. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
