"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { Award } from "lucide-react";

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="rewards-details" data-section="rewards-details">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Earn Points",
          description: "Collect points with every purchase at any of our locations or through the app.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-models-make-shopping-online-use-smart-phone-credit-card-sit-together-cafe-interior-with-aromatic-coffee-have-positive-looks-best-friends-recreat-together-uses-technologies_273609-3275.jpg",
          imageAlt: "Hand holding loyalty card",
        },
        {
          title: "Redeem Rewards",
          description: "Exchange your points for free menu items, special discounts, and more.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-smartphone-front-gift-boxes_23-2147950545.jpg",
          imageAlt: "Mobile app showing redeemed rewards",
        },
        {
          title: "Bonus Offers",
          description: "Enjoy member-exclusive bonus points, birthday treats, and seasonal promotions.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-licks-lips-holds-delicious-cake-with-burning-candles-celebrates-26th-birthday-receieves-message-congratulations-mobile-phone-stands_273609-48985.jpg",
          imageAlt: "Mobile phone with bonus offer",
        },
      ]}
      title="Your Delicious Bites Rewards Program"
      description="Join our loyalty program today and start earning points towards free food and exclusive offers!"
      tag="Loyalty Program"
      tagIcon={Award}
    />
  </div>

  <div id="rewards-faq" data-section="rewards-faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "How do I join the rewards program?",
          content: "You can sign up for free through our mobile app or at any participating restaurant location during your next visit.",
        },
        {
          id: "faq2",
          title: "How do I earn points?",
          content: "Simply provide your member ID when ordering in-store or ensure you're logged into your account when ordering via the app.",
        },
        {
          id: "faq3",
          title: "What can I redeem my points for?",
          content: "Points can be redeemed for a variety of menu items, exclusive discounts, and special offers. Check the app for current redemption options.",
        },
        {
          id: "faq4",
          title: "Do my points expire?",
          content: "Points typically expire after 12 months of inactivity. Make sure to use your points regularly to keep your account active.",
        },
        {
          id: "faq5",
          title: "Can I transfer points to another account?",
          content: "Points are non-transferable and can only be used by the account holder. This ensures the security of your rewards.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Have questions about our rewards program? Find answers here."
      tag="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>
  );
}
