"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Coffee } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="medium"
        background="none"
        cardStyle="glass-depth"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Meniu",
          id: "/menu",
        },
        {
          name: "Despre Noi",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Velvet Brew"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Arta cafelei, rafinament moldovenesc."
      description="Descoperiți experiența Velvet Brew Café, unde designul minimalist întâlnește gustul suprem al cafelei de specialitate."
      testimonials={[
        {
          name: "Elena M.",
          handle: "@elena",
          testimonial: "Cea mai elegantă locație din Chișinău.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
        },
        {
          name: "Ion V.",
          handle: "@ion_v",
          testimonial: "Atmosferă incredibilă, cafea perfectă.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12324.jpg",
        },
        {
          name: "Maria S.",
          handle: "@marias",
          testimonial: "Locul ideal pentru întâlniri business.",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/male-ballroom-performer-posing-stage_23-2149454023.jpg",
        },
        {
          name: "Andrei P.",
          handle: "@andrei_p",
          testimonial: "Design interior de 5 stele.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-posing_23-2148452676.jpg",
        },
        {
          name: "Cristina D.",
          handle: "@cristinad",
          testimonial: "Cea mai bună cafea de specialitate.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer_171337-15575.jpg",
        },
      ]}
      buttons={[
        {
          text: "Rezervă o masă",
          href: "/contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/lovely-couple-sitting-coffeeshop_23-2148422418.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg",
          alt: "Client 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/sandwich-cup-coffee-table_53876-63270.jpg",
          alt: "Client 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg",
          alt: "Client 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-sitting-table-with-cocktail-burning-candle-side-view_140725-12766.jpg",
          alt: "Client 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/lovely-couple-sitting-coffeeshop_23-2148422418.jpg",
          alt: "Client 5",
        },
      ]}
    />
  </div>

  <div id="about-home" data-section="about-home">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Povestea Noastră"
      title="Esența Luxului Urban"
      description="Velvet Brew Café a luat naștere din dorința de a aduce un suflu nou în inima Chișinăului prin detalii rafinate și cafea de neuitat."
      subdescription="Fiecare ceașcă este o operă de artă, pregătită pentru cei care apreciază calitatea."
      icon={Coffee}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629583.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="menu-home" data-section="menu-home">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Signature Velvet Latte",
          price: "65 MDL",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-caipirinha-cocktail_23-2149407449.jpg",
        },
        {
          id: "2",
          name: "Cold Brew Artisan",
          price: "75 MDL",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-muesli-dessert_23-2148243586.jpg",
        },
        {
          id: "3",
          name: "Desert Belgian",
          price: "90 MDL",
          imageSrc: "http://img.b2bpic.net/free-photo/tea-with-lemon-set-top-view_23-2148340047.jpg",
        },
      ]}
      title="Cele mai apreciate sortimente"
      description="Explorați colecția noastră exclusivă de arome atent selecționate."
    />
  </div>

  <div id="metric" data-section="metric">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Performanța Noastră"
      tag="Cifre cheie"
      metrics={[
        {
          id: "m1",
          value: "1.2k",
          description: "Cești servite lunar",
        },
        {
          id: "m2",
          value: "450",
          description: "Clienți fideli",
        },
        {
          id: "m3",
          value: "15",
          description: "Sortimente unice",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Articole Recente"
      description="Descoperiți secretele cafelei perfecte în blogul nostru."
      blogs={[
        {
          id: "b1",
          category: "Cafea",
          title: "Originea cafelei Velvet",
          excerpt: "Cum alegem boabele perfecte pentru gustul tău.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157428.jpg",
          authorName: "Echipa Velvet",
          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12324.jpg",
          date: "12 Mai 2024",
        },
        {
          id: "b2",
          category: "Evenimente",
          title: "Seri de Jazz",
          excerpt: "Alătură-te nouă pentru seri muzicale de neuitat.",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-italian-cocktail-with-realistic-background_23-2150063018.jpg",
          authorName: "Echipa Velvet",
          authorAvatar: "http://img.b2bpic.net/free-photo/male-ballroom-performer-posing-stage_23-2149454023.jpg",
          date: "15 Mai 2024",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Velvet Brew Café"
      leftLink={{
        text: "Program: L-V 08:00-22:00",
        href: "#",
      }}
      rightLink={{
        text: "+373 600 12 345",
        href: "tel:+37360012345",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
