"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';

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="gallery-photos" data-section="gallery-photos">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "gallery-1",          title: "Signature Cocktail",          tags: [
            "Drinks"],
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-appetizing-soup-with-spoon_1220-350.jpg",          imageAlt: "Artfully plated dessert with chocolate"},
        {
          id: "gallery-2",          title: "Chef's Special Pasta",          tags: [
            "Main Course"],
          imageSrc: "http://img.b2bpic.net/free-photo/pate-decorated-with-cucumbers-carrots-jug-with-compote-top-view_140725-9922.jpg",          imageAlt: "Colorful cocktail at a bar"},
        {
          id: "gallery-3",          title: "Freshly Baked Bread",          tags: [
            "Appetizer"],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-snacks-salad-table_23-2148454128.jpg",          imageAlt: "Freshly baked bread in a basket"},
        {
          id: "gallery-4",          title: "Elegant Dining Setup",          tags: [
            "Ambiance"],
          imageSrc: "http://img.b2bpic.net/free-photo/salad-with-mozarella-tomato-slices-with-basilic-herbal-dressing_114579-3682.jpg",          imageAlt: "Appetizer spread with elegant serving"},
        {
          id: "gallery-5",          title: "Decadent Dessert",          tags: [
            "Dessert"],
          imageSrc: "http://img.b2bpic.net/free-photo/little-delicious-brownies-with-chocolate-chips-inside-brown-plate-wood_140725-30041.jpg",          imageAlt: "Delicious soup bowl with garnishing"},
        {
          id: "gallery-6",          title: "Kitchen Creativity",          tags: [
            "Behind The Scenes"],
          imageSrc: "http://img.b2bpic.net/free-photo/chef-with-plate-with-rolls_23-2148482439.jpg",          imageAlt: "A chef preparing food in the kitchen"},
      ]}
      title="Moments & Flavors"
      description="Explore the vibrant atmosphere and artfully presented dishes from our kitchen and dining area. A visual feast showcasing our passion for food and aesthetics."
    />
  </div>

  <div id="gallery-about" data-section="gallery-about">
      <MediaAbout
      useInvertedBackground={false}
      title="The Perfect Setting"
      description="Experience the elegant and cozy ambiance that makes Flavor Fusion Bistro ideal for any occasion, from intimate dinners to celebratory gatherings. Our design harmonizes modern aesthetics with comforting warmth."
      imageSrc="http://img.b2bpic.net/free-photo/empty-table-chair_1339-2392.jpg"
      imageAlt="Restaurant interior with elegant modern design"
    />
  </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>
  );
}