"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Facebook, Instagram, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="large"
        background="aurora"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Specials",
          id: "#specials",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/stationery-ice-cream-concept_23-2147803264.jpg"
      logoAlt="Say Cheese Fast Food Logo"
      brandName="Say Cheese"
      bottomLeftText="Delicious Food, Fast!"
      bottomRightText="order@saycheese.com"
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogo
      logoText="Say Cheese"
      description="Your ultimate destination for gourmet burgers, crispy fries, and delicious shakes, made with a smile!"
      buttons={[
        {
          text: "View Our Menu",
          href: "#menu",
        },
        {
          text: "Order Now",
          href: "#contact",
        },
      ]}
      buttonAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/serving-burger-background_1321-4523.jpg"
      imageAlt="Delicious gourmet burger and fries"
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="About Our Restaurant"
      description={[
        "At Say Cheese, we believe in crafting more than just meals; we create experiences. Since our inception, we've been dedicated to serving up the freshest ingredients, from sizzling patties to crisp vegetables and our signature melted cheese.",
        "Our passion for flavor and commitment to quality shine through in every bite. We're a family-friendly spot where you can enjoy classic fast food favorites with a gourmet twist, ensuring a delightful visit every time.",
      ]}
      buttons={[
        {
          text: "Learn More",
          href: "#",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "burgers",
          label: "Burgers",
          title: "Gourmet Burgers",
          items: [
            "Juicy beef patties",
            "Fresh buns and veggies",
            "Signature Say Cheese sauce",
          ],
          buttons: [
            {
              text: "See Burgers",
              href: "#specials",
            },
          ],
        },
        {
          id: "fries",
          label: "Fries & Sides",
          title: "Crispy Perfection",
          items: [
            "Golden french fries",
            "Delicious onion rings",
            "Loaded cheese fries",
          ],
          buttons: [
            {
              text: "Explore Sides",
              href: "#specials",
            },
          ],
        },
        {
          id: "shakes",
          label: "Shakes & Drinks",
          title: "Sweet Indulgences",
          items: [
            "Thick creamy milkshakes",
            "Refreshing beverages",
            "Freshly brewed iced tea",
          ],
          buttons: [
            {
              text: "Choose Drink",
              href: "#specials",
            },
          ],
        },
      ]}
      title="Our Menu Highlights"
      description="Explore the delicious categories that make Say Cheese your favorite fast food spot."
    />
  </div>

  <div id="specials" data-section="specials">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "p1",
          brand: "Say Cheese",
          name: "Double Cheese Burger",
          price: "$12.99",
          rating: 5,
          reviewCount: "245 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-double-cheeseburger-with-grilled-beef-patties-cheese-lettuce-leaf-burger-buns_141793-4883.jpg",
          imageAlt: "Double Cheese Burger",
        },
        {
          id: "p2",
          brand: "Say Cheese",
          name: "Spicy Chicken Sandwich",
          price: "$10.49",
          rating: 4,
          reviewCount: "180 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-frame-with-onion-rings-copy-space_23-2148308827.jpg",
          imageAlt: "Spicy Chicken Sandwich",
        },
        {
          id: "p3",
          brand: "Say Cheese",
          name: "Crispy Onion Rings",
          price: "$5.99",
          rating: 5,
          reviewCount: "150 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/crispy-onion-rings-stacked-with-seasoning_84443-81912.jpg",
          imageAlt: "Crispy Onion Rings",
        },
        {
          id: "p4",
          brand: "Say Cheese",
          name: "Chocolate Milkshake",
          price: "$6.99",
          rating: 5,
          reviewCount: "210 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-4415.jpg",
          imageAlt: "Chocolate Milkshake",
        },
        {
          id: "p5",
          brand: "Say Cheese",
          name: "Signature Veggie Burger",
          price: "$11.99",
          rating: 4,
          reviewCount: "90 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/burger_1339-1567.jpg",
          imageAlt: "Signature Veggie Burger",
        },
        {
          id: "p6",
          brand: "Say Cheese",
          name: "Fries & Drink Combo",
          price: "$8.49",
          rating: 5,
          reviewCount: "300 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-american-food-with-copy-space_23-2148454909.jpg",
          imageAlt: "Fries & Drink Combo",
        },
      ]}
      title="Popular Dishes"
      description="Our most loved items, hand-picked by our loyal customers."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          role: "Local Foodie",
          testimonial: "Say Cheese has the best burgers in town! The patties are juicy, the cheese is perfectly melted, and their secret sauce is divine. A must-try!",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-make-salad-sporty-blonde-kitchen-woman-chooses-burger-peper_1157-41848.jpg",
          imageAlt: "Smiling customer Sarah J.",
        },
        {
          id: "t2",
          name: "Mark D.",
          role: "Happy Customer",
          testimonial: "I always come here for the fries. They're consistently crispy and seasoned just right. Paired with a shake, it's the perfect treat!",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-delivery-man-holding-pizza-boxes-hands-having-conversation-via-mobile-phone-wearing-casually-looking-smiling-camera-posing-isolated-yellow_176532-8513.jpg",
          imageAlt: "Happy customer Mark D.",
        },
        {
          id: "t3",
          name: "Emily R.",
          role: "Regular Visitor",
          testimonial: "The atmosphere is great for families, and the service is always friendly and fast. My kids love the chicken nuggets, and I can't get enough of their veggie burger.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-little-girl-having-fun-with-her-parents-meal-dining-table_637285-3227.jpg",
          imageAlt: "Family enjoying fast food",
        },
        {
          id: "t4",
          name: "Chris B.",
          role: "Student",
          testimonial: "My go-to spot for a quick and satisfying meal between classes. The prices are fair, and the food never disappoints. Highly recommend!",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-holding-paper-wrapped-sandwich_23-2151311153.jpg",
          imageAlt: "Teenager eating a burger",
        },
        {
          id: "t5",
          name: "Chef Antoine",
          role: "Culinary Critic",
          testimonial: "As a chef, I appreciate the quality and care put into each dish. Say Cheese delivers on flavor and freshness, a true gem in the fast-food scene.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-arrangement_23-2148510936.jpg",
          imageAlt: "Chef Antoine smiling",
        },
      ]}
      title="What Our Customers Say"
      description="Hear from those who love the Say Cheese experience!"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={true}
      title="Why Choose Say Cheese?"
      tag="Our Commitment"
      metrics={[
        {
          id: "m1",
          value: "100%",
          description: "Fresh, locally sourced ingredients daily.",
        },
        {
          id: "m2",
          value: "5 Min",
          description: "Average wait time for your order.",
        },
        {
          id: "m3",
          value: "20+",
          description: "Years serving delicious food to our community.",
        },
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "Do you offer vegetarian options?",
          content: "Yes, we have a delicious Signature Veggie Burger and various side dishes that are suitable for vegetarians.",
        },
        {
          id: "faq2",
          title: "Can I customize my order?",
          content: "Absolutely! We're happy to customize your burger or sandwich to your liking. Just let our staff know your preferences.",
        },
        {
          id: "faq3",
          title: "Do you provide catering services?",
          content: "Yes, we offer catering for events of all sizes. Please contact us directly to discuss your needs and get a custom quote.",
        },
        {
          id: "faq4",
          title: "What are your opening hours?",
          content: "We are open Monday to Saturday from 11 AM to 10 PM, and Sunday from 12 PM to 9 PM.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-chef-sprinkled-flour-raw-fish-slices-cutting-board-vegetables-wood-serving-board-knife-kitchen-table_179666-44301.jpg"
      imageAlt="Busy kitchen in a fast food restaurant"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find answers to common questions about our menu, ordering, and services."
      faqsAnimation="opacity"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Get in Touch"
      description="Have a question or feedback? We'd love to hear from you!"
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892957.jpg"
      imageAlt="Exterior of Say Cheese fast food restaurant"
      mediaAnimation="opacity"
      mediaPosition="left"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-photo/stationery-ice-cream-concept_23-2147803264.jpg"
      logoAlt="Say Cheese Fast Food Logo"
      logoText="Say Cheese"
      copyrightText="© 2024 Say Cheese Fast Food Restaurant. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://facebook.com/saycheese",
          ariaLabel: "Facebook page",
        },
        {
          icon: Instagram,
          href: "https://instagram.com/saycheese",
          ariaLabel: "Instagram page",
        },
        {
          icon: Twitter,
          href: "https://twitter.com/saycheese",
          ariaLabel: "Twitter page",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
