"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, Smile, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeLargeTitles"
        background="blurBottom"
        cardStyle="layered-gradient"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="BDR Cafe"
    />
  </div>

  <div id="home" data-section="home">
      <HeroCentered
      background={{
        variant: "downward-rays-static",
      }}
      title="BDR Cafe: Crafted Perfection"
      description="Indulge in our exquisite selection of artisanal sweets and premium coffee. Experience the perfect blend of luxury and comfort in every bite."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/woman-cafe-having-coffee-talking-phone_1303-10750.jpg",
          alt: "Patron",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg",
          alt: "Patron",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg",
          alt: "Patron",
        },
        {
          src: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10388.jpg",
          alt: "Patron",
        },
        {
          src: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-652.jpg",
          alt: "Patron",
        },
      ]}
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Where Flavor Meets Art"
      buttons={[
        {
          text: "Our Story",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",
          title: "Artisanal Craft",
          subtitle: "Handcrafted daily",
          category: "Quality",
          value: "100%",
        },
        {
          id: "f2",
          title: "Premium Ingredients",
          subtitle: "Sourced globally",
          category: "Standards",
          value: "Top",
        },
        {
          id: "f3",
          title: "Cozy Atmosphere",
          subtitle: "Perfect for relaxing",
          category: "Vibe",
          value: "Elite",
        },
      ]}
      title="Our Signature Experience"
      description="Discover why BDR Cafe is the premier destination for dessert lovers."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          brand: "BDR",
          name: "Dark Chocolate Lava",
          price: "$18.00",
          rating: 5,
          reviewCount: "120",
          imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-chocolate-cookies-oven-tray_181624-2674.jpg",
        },
        {
          id: "p2",
          brand: "BDR",
          name: "French Macarons",
          price: "$12.00",
          rating: 5,
          reviewCount: "85",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-colored-french-macarons-delicious-little-cakes-light-white-surface_140725-61526.jpg",
        },
        {
          id: "p3",
          brand: "BDR",
          name: "Classic Cheesecake",
          price: "$16.00",
          rating: 4,
          reviewCount: "92",
          imageSrc: "http://img.b2bpic.net/free-photo/homemade-new-york-cheesecake-with-frozen-berries-mint_114579-10306.jpg",
        },
        {
          id: "p4",
          brand: "BDR",
          name: "Butter Croissant",
          price: "$10.00",
          rating: 5,
          reviewCount: "60",
          imageSrc: "http://img.b2bpic.net/free-photo/person-seasoning-pastries-with-sugar_23-2148361924.jpg",
        },
        {
          id: "p5",
          brand: "BDR",
          name: "Berry Fruit Tart",
          price: "$14.00",
          rating: 5,
          reviewCount: "45",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cakes-with-fruits_23-2148536857.jpg",
        },
        {
          id: "p6",
          brand: "BDR",
          name: "Ganache Tart",
          price: "$20.00",
          rating: 5,
          reviewCount: "110",
          imageSrc: "http://img.b2bpic.net/free-photo/cheesecake-topped-with-chocolate-chips-syrup_141793-630.jpg",
        },
      ]}
      title="Our Delectable Menu"
      description="Double the sweetness, double the delight. Explore our curated selection."
    />
  </div>

  <div id="stats" data-section="stats">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "5K+",
          title: "Sweets Served",
          description: "Handcrafted every month",
          icon: Star,
        },
        {
          id: "m2",
          value: "100%",
          title: "Happiness Rate",
          description: "Guaranteed in every bite",
          icon: Smile,
        },
        {
          id: "m3",
          value: "15+",
          title: "Varieties",
          description: "Of artisan desserts",
          icon: Award,
        },
      ]}
      title="Milestones of Sweetness"
      description="Our journey through flavor."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          role: "Foodie",
          company: "Reviewer",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg",
        },
        {
          id: "2",
          name: "Michael C.",
          role: "Coffee Enthusiast",
          company: "Reviewer",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-goodlooking-young-man-with-cup-coffee-sitting-chair-cafe-smiling-relaxing_1258-245406.jpg",
        },
        {
          id: "3",
          name: "Emily R.",
          role: "Dessert Lover",
          company: "Reviewer",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-best-friends-spending-time-together-outside_23-2148979086.jpg",
        },
        {
          id: "4",
          name: "David K.",
          role: "Local",
          company: "Reviewer",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe_23-2148422400.jpg",
        },
        {
          id: "5",
          name: "Linda M.",
          role: "Regular",
          company: "Reviewer",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-652.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "4.9",
          label: "Avg Rating",
        },
        {
          value: "500+",
          label: "Happy Fans",
        },
        {
          value: "12",
          label: "Years Active",
        },
      ]}
      title="Loved by Our Patrons"
      description="Read what our customers are saying about BDR Cafe."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Get in touch"
      title="Visit Us Today"
      description="Sign up for updates on our seasonal dessert specials."
      mediaAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/vintage-lamps-cafe_23-2147785789.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "BDR Cafe",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Menu",
              href: "#menu",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 BDR Cafe"
      bottomRightText="All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
