"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="circleGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Menu",
          id: "/menu",
        },
        {
          name: "Rewards",
          id: "/rewards",
        },
        {
          name: "Locations",
          id: "/locations",
        },
        {
          name: "App",
          id: "/app",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/retro-logo-collection-different-restaurants_23-2148386010.jpg"
      logoAlt="Restaurant logo"
      brandName="Delicious Bites"
      button={{
        text: "Order Now",
        href: "/menu",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="locator" data-section="locator">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static",
      }}
      text="Find Your Nearest Delicious Bites"
      buttons={[
        {
          text: "Search Locations",
          href: "#map",
        },
        {
          text: "Order Online",
          href: "/menu",
        },
      ]}
    />
  </div>

  <div id="franchise-inquiry" data-section="franchise-inquiry">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "rotated-rays-static",
      }}
      text="Interested in Franchising?"
      buttons={[
        {
          text: "Learn More",
          href: "/franchise",
        },
        {
          text: "Inquire Now",
          href: "/contact#franchise-form",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="http://img.b2bpic.net/free-vector/retro-logo-collection-different-restaurants_23-2148386010.jpg"
      logoAlt="Restaurant logo"
      logoText="Delicious Bites"
      columns={[
        {
          title: "Menu",
          items: [
            {
              label: "Burgers",
              href: "/menu#burgers",
            },
            {
              label: "Chicken",
              href: "/menu#chicken",
            },
            {
              label: "Fries & Sides",
              href: "/menu#sides",
            },
            {
              label: "Breakfast",
              href: "/menu#breakfast",
            },
            {
              label: "Desserts",
              href: "/menu#desserts",
            },
            {
              label: "Drinks",
              href: "/menu#drinks",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Careers",
              href: "/careers",
            },
            {
              label: "Locations",
              href: "/locations",
            },
            {
              label: "Franchise",
              href: "/locations#franchise",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact Us",
              href: "/contact",
            },
            {
              label: "FAQs",
              href: "/contact#faqs",
            },
            {
              label: "Privacy Policy",
              href: "/privacy",
            },
            {
              label: "Terms of Service",
              href: "/terms",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Rewards",
              href: "/rewards",
            },
            {
              label: "Mobile App",
              href: "/app",
            },
            {
              label: "Instagram",
              href: "https://instagram.com",
            },
            {
              label: "Twitter",
              href: "https://twitter.com",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Delicious Bites. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
