"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import { Award, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="glass-depth"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Menu",          id: "/menu"},
        {
          name: "Gallery",          id: "/gallery"},
        {
          name: "Reviews",          id: "/reviews"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/top-view-lemon-tart-plate_23-2148519057.jpg"
      logoAlt="Flavor Fusion Bistro Logo"
      brandName="Flavor Fusion Bistro"
    />
  </div>

  <div id="menu-product" data-section="menu-product">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Seared Scallops with Saffron Risotto",          price: "$32.00",          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cooked-turkey-close-up_23-2148314866.jpg",          imageAlt: "Seared Scallops with Saffron Risotto"},
        {
          id: "p2",          name: "Duck Confit with Cherry Reduction",          price: "$28.00",          imageSrc: "http://img.b2bpic.net/free-photo/tender-juicy-veal-steak-medium-rare-with-french-fries_2829-19634.jpg",          imageAlt: "Duck Confit with Cherry Reduction"},
        {
          id: "p3",          name: "Wild Mushroom Truffle Pasta",          price: "$26.00",          imageSrc: "http://img.b2bpic.net/free-photo/multicolored-flowers-leafs-bright-colorful-dark-floor_179666-126.jpg",          imageAlt: "Wild Mushroom Truffle Pasta"},
        {
          id: "p4",          name: "Grilled Halibut with Asparagus",          price: "$30.00",          imageSrc: "http://img.b2bpic.net/free-photo/pasta-dish-restaurant-table_7939-3216.jpg",          imageAlt: "Grilled Halibut with Asparagus"},
        {
          id: "p5",          name: "Beef Tenderloin with Red Wine Jus",          price: "$35.00",          imageSrc: "http://img.b2bpic.net/free-photo/pasta-dish-restaurant-table_7939-3218.jpg",          imageAlt: "Beef Tenderloin with Red Wine Jus"},
        {
          id: "p6",          name: "Chocolate Lava Cake with Raspberry Coulis",          price: "$12.00",          imageSrc: "http://img.b2bpic.net/free-photo/pasta-dish-restaurant-table_7939-3217.jpg",          imageAlt: "Chocolate Lava Cake"},
      ]}
      title="Our Exquisite Menu"
      description="A culinary journey through diverse flavors and fresh ingredients, crafted to perfection. Explore our selection of appetizers, main courses, and delightful desserts."
    />
  </div>

  <div id="menu-pricing" data-section="menu-pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "lunch",          tag: "Daily",          tagIcon: Award,
          price: "$35",          period: "per person",          description: "A delightful 2-course meal for a midday escape.",          button: {
            text: "View Details",            href: "/menu#lunch"},
          featuresTitle: "Includes:",          features: [
            "Appetizer or Dessert",            "Main Course of Choice",            "Complimentary Drink"],
        },
        {
          id: "tasting",          tag: "Chef's Recommendation",          tagIcon: Star,
          price: "$75",          period: "per person",          description: "Experience the best of our kitchen with a multi-course tasting menu.",          button: {
            text: "Book Now",            href: "/contact"},
          featuresTitle: "Includes:",          features: [
            "5-Course Tasting Menu",            "Wine Pairing Option",            "Amuse-bouche"],
        },
        {
          id: "premium",          tag: "Exclusive",          tagIcon: Sparkles,
          price: "$120",          period: "per person",          description: "An exquisite gastronomic journey, crafted for the true connoisseur.",          button: {
            text: "Inquire",            href: "/contact"},
          featuresTitle: "Includes:",          features: [
            "7-Course Degustation",            "Premium Wine Pairings",            "Private Dining Available"],
        },
      ]}
      title="Seasonal Specials"
      description="Indulge in our limited-time special menus and curated tasting experiences, perfect for a unique culinary adventure."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Flavor Fusion Bistro"
      columns={[
        {
          title: "Explore",          items: [
            {
              label: "Home",              href: "/"},
            {
              label: "Menu",              href: "/menu"},
            {
              label: "Gallery",              href: "/gallery"},
          ],
        },
        {
          title: "About Us",          items: [
            {
              label: "Our Story",              href: "/#about"},
            {
              label: "Reviews",              href: "/reviews"},
            {
              label: "Contact",              href: "/contact"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Facebook",              href: "#"},
            {
              label: "Instagram",              href: "#"},
            {
              label: "Reservations",              href: "/contact"},
          ],
        },
      ]}
      copyrightText="© 2024 Flavor Fusion Bistro. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}