"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="blurBottom"
        cardStyle="inset"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Menu",          id: "/menu"},
        {
          name: "Offers",          id: "/offers"},
        {
          name: "Branches",          id: "/branches"},
        {
          name: "About Us",          id: "/about"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/set-hand-drawn-hen-logos_23-2147626216.jpg"
      logoAlt="Fried Chicken Logo"
      brandName="Fried Chicken"
      button={{
        text: "Order Now",        href: "/menu"}}
    />
  </div>

  <div id="contact-form" data-section="contact-form">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "downward-rays-static"}}
      tag="Get in Touch"
      title="We'd Love to Hear From You"
      description="Have a question, feedback, or a catering inquiry? Reach out to us through the form below or connect on social media. We're here to help!\n\nWhatsApp: +964 7XX XXX XXXX\nFacebook: FriedChickenIQ\nInstagram: @FriedChickenIQ"
      inputPlaceholder="Enter your email"
      buttonText="Send Message"
      termsText="By submitting, you agree to our privacy policy and terms of service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Menu",          items: [
            {
              label: "Buckets",              href: "/menu"},
            {
              label: "Sandwiches",              href: "/menu"},
            {
              label: "Broasted Chicken",              href: "/menu"},
            {
              label: "Sides & Drinks",              href: "/menu"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "/about"},
            {
              label: "Our Branches",              href: "/branches"},
            {
              label: "Offers",              href: "/offers"},
            {
              label: "Contact Us",              href: "/contact"},
          ],
        },
        {
          title: "Follow Us",          items: [
            {
              label: "Facebook",              href: "https://facebook.com/FriedChickenIQ"},
            {
              label: "Instagram",              href: "https://instagram.com/FriedChickenIQ"},
            {
              label: "WhatsApp",              href: "https://wa.me/9647xxxxxxxx"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Fried Chicken. All rights reserved."
      bottomRightText="Privacy Policy | Terms of Service"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
