"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Flame } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmall"
        background="noise"
        cardStyle="gradient-radial"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Our Burgers",
          id: "#menu",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Grill'd Burgers"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Flame-Grilled Burgers in Onehunga"
      description="Premium beef, fresh ingredients, and signature loaded fries. The best burger destination in Auckland."
      testimonials={[
        {
          name: "Sarah Miller",
          handle: "@sarah_nz",
          testimonial: "Hands down the best burger in Onehunga. Fresh and juicy!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-burger_23-2149160038.jpg",
          imageAlt: "delicious flame grilled burger closeup",
        },
        {
          name: "James Cook",
          handle: "@chefjames",
          testimonial: "Perfect flame-grilled flavor. Don't skip the loaded fries.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-with-vegetable-salad_1203-9262.jpg",
          imageAlt: "delicious flame grilled burger closeup",
        },
        {
          name: "Emma W.",
          handle: "@emma_eats",
          testimonial: "Fast service and incredible quality. Highly recommended.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/japanese-mixed-vegetable-tempura_84443-81940.jpg",
          imageAlt: "delicious flame grilled burger closeup",
        },
        {
          name: "Liam T.",
          handle: "@liam_eats",
          testimonial: "The atmosphere is always welcoming and the burgers are consistently great.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163360.jpg",
          imageAlt: "delicious flame grilled burger closeup",
        },
        {
          name: "Sophie H.",
          handle: "@sophie_burgers",
          testimonial: "My go-to spot for a quick bite after work. Never disappoints!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-knife-delicious-meat-sandwich-green-pepper-black-tray-sauce-ketchup-tomatoes-with-stem-gray-surface_179666-34363.jpg",
          imageAlt: "delicious flame grilled burger closeup",
        },
      ]}
      buttons={[
        {
          text: "Order Online",
          href: "#menu",
        },
        {
          text: "Reserve Table",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-holding-burger_23-2149160038.jpg"
      imageAlt="Juicy flame grilled burger"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-stylish-young-korean-woman-sits-cafe-holds-smartphone-smiles-enjoys-coffee-outdoors_1258-123350.jpg",
          alt: "Portrait of stylish young korean woman sits in cafe holds smartphone smiles enjoys coffee outdoors",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-mother-with-little-girl-eating-hamburger-take-selfie-street-cafe_231208-11646.jpg",
          alt: "Young mother with little girl eating a hamburger take selfie on the street cafe",
        },
        {
          src: "http://img.b2bpic.net/free-photo/group-friends-fast-food-restaurant-eating-burgers_23-2148718870.jpg",
          alt: "Group of friends at fast food restaurant eating burgers",
        },
        {
          src: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-508.jpg",
          alt: "Attractive hipster dressed in leather jacket eating a vegan burger.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-man-woman-outdoors-with-takeaway-food_23-2149025873.jpg",
          alt: "Front view of man and woman outdoors with takeaway food",
        },
      ]}
      avatarText="Join our local food community"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Premium Beef",
          description: "100% grass-fed beef flame-grilled to perfection.",
          imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-with-vegetable-salad_1203-9262.jpg",
          imageAlt: "Premium beef",
        },
        {
          title: "Loaded Fries",
          description: "Our signature fries, topped with secret house seasoning.",
          imageSrc: "http://img.b2bpic.net/free-photo/japanese-mixed-vegetable-tempura_84443-81940.jpg",
          imageAlt: "Loaded fries",
        },
        {
          title: "Great Atmosphere",
          description: "Relaxed, modern dining perfect for any occasion.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163360.jpg",
          imageAlt: "Shop interior",
        },
      ]}
      title="Why We're Auckland's Favorite"
      description="Our commitment to quality means every burger is crafted with passion and the freshest locally sourced ingredients."
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Story"
      title="Crafted with Passion in Auckland"
      description="Born from a love for great food and community, Grill'd Burgers brings authentic, flame-grilled goodness to the heart of Onehunga."
      subdescription="Whether you're stopping by for a quick lunch or bringing the family for dinner, we take pride in serving every customer with a smile."
      icon={Flame}
      imageSrc="http://img.b2bpic.net/free-photo/vertical-view-knife-delicious-meat-sandwich-green-pepper-black-tray-sauce-ketchup-tomatoes-with-stem-gray-surface_179666-34363.jpg"
      imageAlt="Grilling delicious burgers"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Grill'd Beef",
          price: "$14.50",
          variant: "Classic",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-vegetarian-burger-cutting-board-with-sauces_23-2148784532.jpg",
        },
        {
          id: "2",
          name: "Signature Grill'd",
          price: "$16.50",
          variant: "Premium",
          imageSrc: "http://img.b2bpic.net/free-photo/high-protein-meal-burgers-close-up-detail_23-2149098871.jpg",
        },
        {
          id: "3",
          name: "Chilli Addict",
          price: "$15.50",
          variant: "Spicy",
          imageSrc: "http://img.b2bpic.net/free-photo/burgers-grilling-barbecue_23-2151985476.jpg",
        },
        {
          id: "4",
          name: "Mighty Kiwis",
          price: "$18.00",
          variant: "Large",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-some-street-food_23-2149009618.jpg",
        },
        {
          id: "5",
          name: "BBQ Classic",
          price: "$15.00",
          variant: "Standard",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-american-hamburger_23-2149637303.jpg",
        },
        {
          id: "6",
          name: "Loaded Veggie",
          price: "$14.00",
          variant: "Vegetarian",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-cheeseburger-with-fresh-ingredients-attached-with-skewers-stick_181624-41067.jpg",
        },
      ]}
      title="Our Signature Burger Menu"
      description="Discover our handcrafted burger selection, made fresh to order."
    />
  </div>

  <div id="proof" data-section="proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Uber Eats",
        "DoorDash",
        "Menulog",
        "Delivereasy",
        "Auckland Local Business",
        "Google Top Rated",
        "Zomato Partner",
      ]}
      title="Trusted by Local Foodies"
      description="Order via your favorite platforms."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "John D.",
          date: "Jan 2025",
          title: "Great flavor",
          quote: "The signature burger is exactly what I needed after work.",
          tag: "Beef Burger",
          avatarSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-burger_23-2149160038.jpg",
          imageAlt: "happy customer eating burger restaurant",
        },
        {
          id: "2",
          name: "Linda S.",
          date: "Dec 2024",
          title: "Excellent fries",
          quote: "Best loaded fries in the whole area!",
          tag: "Fries",
          avatarSrc: "http://img.b2bpic.net/free-photo/group-young-people-having-dinner-together_23-2148454084.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-with-vegetable-salad_1203-9262.jpg",
          imageAlt: "happy customer eating burger restaurant",
        },
        {
          id: "3",
          name: "Mike T.",
          date: "Dec 2024",
          title: "Fast service",
          quote: "Ordered online and it arrived still hot and delicious.",
          tag: "Takeaway",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-girl-taking-selfie-together-with-happy-friends_651396-1068.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/japanese-mixed-vegetable-tempura_84443-81940.jpg",
          imageAlt: "happy customer eating burger restaurant",
        },
        {
          id: "4",
          name: "Anna P.",
          date: "Nov 2024",
          title: "Family friendly",
          quote: "Lovely atmosphere for the whole family on Saturday.",
          tag: "Dining",
          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717871.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163360.jpg",
          imageAlt: "happy customer eating burger restaurant",
        },
        {
          id: "5",
          name: "David W.",
          date: "Oct 2024",
          title: "Always consistent",
          quote: "Consistently great quality whenever I visit Grill'd.",
          tag: "Regular",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-street-cafe-close-up_169016-43231.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-knife-delicious-meat-sandwich-green-pepper-black-tray-sauce-ketchup-tomatoes-with-stem-gray-surface_179666-34363.jpg",
          imageAlt: "happy customer eating burger restaurant",
        },
      ]}
      title="What Our Locals Say"
      description="Read reviews from our happy Auckland customers."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Do you offer vegetarian options?",
          content: "Yes, we have a delicious Loaded Veggie burger available daily.",
        },
        {
          id: "f2",
          title: "Can I order online?",
          content: "Yes, we are listed on Uber Eats, DoorDash, Menulog, and Delivereasy.",
        },
        {
          id: "f3",
          title: "Where is your store located?",
          content: "We are at 262 Onehunga Mall Road, Auckland.",
        },
      ]}
      sideTitle="Common Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Visit or Order Today"
      description="Find us in the heart of Onehunga or place an order via our delivery partners."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Have a large order or special request?",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/3d-cartoon-pin-location_23-2151642236.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Grill'd Burgers"
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "Our Menu",
              href: "#menu",
            },
            {
              label: "About Us",
              href: "#about",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Privacy",
              href: "#",
            },
          ],
        },
        {
          title: "Social",
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Facebook",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
