"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
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="contact-main" data-section="contact-main">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Visit Us"
      title="Reach Out & Reserve"
      description="Have questions or want to book a table for an unforgettable dining experience? Our team is ready to assist you. Find us easily using the map below for directions."
      imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-using-tablet-outdoors_23-2150747705.jpg"
      imageAlt="Location map of Flavor Fusion Bistro"
      mediaAnimation="none"
      mediaPosition="right"
      inputPlaceholder="Your Email"
      buttonText="Send Message"
      termsText="By submitting this form, you agree to our privacy policy."
    />
  </div>

  <div id="contact-location-hours" data-section="contact-location-hours">
      <MediaAbout
      useInvertedBackground={false}
      title="Find Your Way Here"
      description="Flavor Fusion Bistro is conveniently located in the heart of the city at 123 Gourmet Lane, Downtown. We are open for dinner Tuesday through Sunday, 5:00 PM - 10:00 PM, and for lunch on weekends, 12:00 PM - 3:00 PM. We look forward to welcoming you soon!"
      imageSrc="http://img.b2bpic.net/free-photo/businesswoman-walking_23-2148006230.jpg"
      imageAlt="Exterior of Flavor Fusion Bistro restaurant"
    />
  </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>
  );
}