"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { CheckCircle, Smartphone } 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="app-benefits-deep-dive" data-section="app-benefits-deep-dive">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Track Your Rewards",
          description: "See your points balance and progress towards your next free meal in real-time.",
          imageSrc: "http://img.b2bpic.net/free-photo/person-holding-smartphone-front-gift-boxes_23-2147950543.jpg",
          imageAlt: "Mobile phone showing rewards tracker",
        },
        {
          title: "Personalized Offers",
          description: "Receive deals and promotions tailored just for you, based on your favorites.",
          imageSrc: "http://img.b2bpic.net/free-photo/client-wearing-fashion-clothes-holding-mobile-phone-front-view_23-2148674250.jpg",
          imageAlt: "Mobile phone with personalized offers",
        },
        {
          title: "Quick Reorder",
          description: "Save your favorite orders for lightning-fast reordering with just a few taps.",
          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-gift-box-with-golden-balloon_187299-48036.jpg",
          imageAlt: "App showing quick reorder options",
        },
      ]}
      title="Unlock More with the Delicious Bites App"
      description="Experience unparalleled convenience and exclusive benefits by downloading our mobile app today."
      tag="App Features"
      tagIcon={Smartphone}
    />
  </div>

  <div id="app-testimonials" data-section="app-testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "at1",
          title: "So Easy to Order!",
          quote: "The app makes ordering incredibly simple and fast. I love customizing my burger and picking it up without any fuss.",
          name: "Chloe Wong",
          role: "App User",
          imageSrc: "http://img.b2bpic.net/free-photo/image-smiling-beautiful-woman-sits-kitchen-holds-smartphone-tomato-looks-happy-orders_1258-198254.jpg",
          imageAlt: "Chloe Wong",
        },
        {
          id: "at2",
          title: "Best Deals on the App",
          quote: "I always find the best exclusive offers and discounts through the app. It's saved me so much money!",
          name: "Ben Carter",
          role: "Deal Seeker",
          imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-girl-holding-black-phone-taking-picture-herself-charming-dark-haired-woman-with-wineglass-using-smartphone-selfie-with-christmas-tree-wall_197531-8162.jpg",
          imageAlt: "Ben Carter",
        },
        {
          id: "at3",
          title: "Locator is Spot On",
          quote: "The restaurant locator feature is incredibly accurate. I always find the closest Delicious Bites with drive-thru access easily.",
          name: "Laura Green",
          role: "Traveler",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-taking-photos-with-smartphone_23-2149930189.jpg",
          imageAlt: "Laura Green",
        },
        {
          id: "at4",
          title: "Rewards Just Keep Coming",
          quote: "Earning points is effortless, and redeeming them for free items is the best part! The loyalty program is fantastic.",
          name: "Samira Khan",
          role: "Loyalty Member",
          imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077680.jpg",
          imageAlt: "Samira Khan",
        },
        {
          id: "at5",
          title: "Seamless Delivery",
          quote: "I've ordered delivery multiple times through the app, and it's always been smooth, fast, and accurate. Highly recommend!",
          name: "Daniel Evans",
          role: "Delivery Fan",
          imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-takeaway-food-using-smartphone_23-2149025825.jpg",
          imageAlt: "Daniel Evans",
        },
      ]}
      title="App Users Love It!"
      description="See why our customers rate the Delicious Bites app as a must-have for food lovers."
      tag="User Reviews"
      tagIcon={CheckCircle}
    />
  </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>
  );
}
