"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
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="general-contact" data-section="general-contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static",
      }}
      text="Get In Touch With Us"
      buttons={[
        {
          text: "Send a Message",
          href: "mailto:info@deliciousbites.com",
        },
        {
          text: "Call Us: (123) 456-7890",
          href: "tel:1234567890",
        },
      ]}
    />
  </div>

  <div id="support-faq" data-section="support-faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq_ordering",
          title: "How do I place an online order?",
          content: "You can place an order directly through our website by visiting the Menu page, or by downloading our mobile app for a faster experience.",
        },
        {
          id: "faq_delivery",
          title: "Do you offer delivery?",
          content: "Yes, we partner with major delivery services. You can select delivery as an option when placing your order online or through our app.",
        },
        {
          id: "faq_allergens",
          title: "Where can I find allergen information?",
          content: "Detailed allergen and nutritional information for all our menu items is available on each product page and also in our mobile app.",
        },
        {
          id: "faq_payment",
          title: "What payment methods do you accept?",
          content: "We accept all major credit cards, debit cards, and popular mobile payment options through our app and website.",
        },
        {
          id: "faq_catering",
          title: "Do you offer catering services?",
          content: "Currently, we do not offer formal catering services, but you can place large orders for pickup or delivery through our online system.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our food, services, and online ordering."
      tag="Customer Support"
      faqsAnimation="slide-up"
    />
  </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>
  );
}
