"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="medium"
        background="blurBottom"
        cardStyle="gradient-mesh"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "Home", id: "hero" },
              { name: "Menu", id: "pricing" },
              { name: "Story", id: "about" },
              { name: "Order", id: "contact" },
            ]}
            brandName="Katz's Deli"
            button={{ text: "Order Now", href: "#pricing" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroSplitTestimonial
            useInvertedBackground={false}
            background={{ variant: "gradient-bars" }}
            title="The Most Legendary Sandwich in New York Since 1888"
            description="Experience the culinary heritage of New York City. From our hand-carved pastrami to our secret curing process, taste why we've been the deli of choice for generations."
            testimonials={[
              { name: "New York Times", handle: "@nytimes", testimonial: "The quintessential NYC experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-bacon-sandwiches_23-2148454735.jpg?_wi=1", imageAlt: "NYC pastrami sandwich close up" },
              { name: "Eater NYC", handle: "@eater", testimonial: "Unmatched in tradition and flavor.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-food-frame-with-copy-space_23-2148234243.jpg?_wi=1", imageAlt: "NYC pastrami sandwich close up" },
              { name: "Bon Appétit", handle: "@bonappetit", testimonial: "A pilgrimage for any serious food lover.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/meat-slices-bread-with-cucumber-tomato_140725-1166.jpg?_wi=1", imageAlt: "NYC pastrami sandwich close up" },
              { name: "Food Network", handle: "@foodnetwork", testimonial: "The gold standard for Jewish delis.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-topped-with-cheese_140725-1242.jpg?_wi=1", imageAlt: "NYC pastrami sandwich close up" },
              { name: "GQ Magazine", handle: "@gq", testimonial: "Still the best pastrami in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-prepared-jewish-hanukkah-celebration_23-2151112314.jpg?_wi=1", imageAlt: "NYC pastrami sandwich close up" },
            ]}
            buttons={[{ text: "Order Online", href: "#pricing" }, { text: "Visit Us", href: "#contact" }]}
            imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-bacon-sandwiches_23-2148454735.jpg?_wi=2"
            imageAlt="NYC pastrami sandwich close up"
            mediaAnimation="blur-reveal"
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/handsome-smiling-blond-man-close-eyes-daydreaming-imaging-something-having-happy-memory-standing-gray-tshirt-white-background_176420-47883.jpg", alt: "Handsome smiling blond man" },
              { src: "http://img.b2bpic.net/free-photo/waist-up-handsome-smiling-african-american-man-white-casual-t-shirt-looking-happy_176420-25210.jpg", alt: "Handsome smiling african american man" },
              { src: "http://img.b2bpic.net/free-photo/handsome-happy-smiling-man-with-beard-laughing_176420-18699.jpg", alt: "Handsome happy smiling man with beard" },
              { src: "http://img.b2bpic.net/free-photo/happy-confident-man-turn-head-camera-winking-smiling-standing-blue-background_1258-170892.jpg", alt: "Happy and confident man" },
              { src: "http://img.b2bpic.net/free-photo/happy-woman-shirt-looks-with-smile-into-camera_197531-18053.jpg", alt: "Happy woman in shirt" },
            ]}
            avatarText="Join 10k+ happy foodies"
            marqueeItems={[
              { type: "text", text: "Since 1888" },
              { type: "text", text: "NYC Tradition" },
              { type: "text", text: "Hand-Carved" },
              { type: "text", text: "World Famous" },
              { type: "text", text: "Authentic Deli" },
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <SplitAbout
            textboxLayout="split"
            useInvertedBackground={true}
            title="Tradition You Can Taste"
            description="Since 1888, we've stayed true to our roots. Our pastrami isn't just a sandwich; it's a piece of New York history, cured for weeks and carved by hand for the perfect bite every single time."
            bulletPoints={[
              { title: "Cured to Perfection", description: "Our pastrami is cured slowly for weeks for an unmatched flavor profile." },
              { title: "Carved by Hand", description: "Each slice is carved to order by our expert deli team." },
              { title: "A Cultural Icon", description: "From movie scenes to global fame, a NYC must-visit." },
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/flat-lay-food-frame-with-copy-space_23-2148234243.jpg?_wi=2"
            mediaAnimation="slide-up"
          />
        </div>

        <div id="featured" data-section="featured">
          <FeatureCardMedia
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            features={[
              { id: "f1", title: "Signature Pastrami", description: "The legend that started it all.", tag: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/meat-slices-bread-with-cucumber-tomato_140725-1166.jpg?_wi=2" },
              { id: "f2", title: "Matzo Ball Soup", description: "Comfort in every bowl.", tag: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-topped-with-cheese_140725-1242.jpg?_wi=2" },
              { id: "f3", title: "Crispy Latkes", description: "Hand-grated, fried golden brown.", tag: "Side", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-prepared-jewish-hanukkah-celebration_23-2151112314.jpg?_wi=2" },
            ]}
            title="The Deli Experience"
            description="Discover why our classics have remained undefeated for over 130 years."
          />
        </div>

        <div id="socialProof" data-section="socialProof">
          <SocialProofOne
            textboxLayout="default"
            useInvertedBackground={true}
            names={["The New York Times", "Eater", "Bon Appétit", "Food Network", "Travel Channel", "GQ", "Village Voice"]}
            title="Featured By"
            description="The world's most trusted food authorities agree."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardFive
            textboxLayout="default"
            useInvertedBackground={false}
            testimonials={[
              { id: "1", name: "Sarah J.", date: "Oct 2023", title: "Foodie", quote: "Best pastrami I've ever had in my life. Worth the line!", tag: "Top Pick", avatarSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-sitting-kitchen-with-smartphone-cooking-salad-has-chopping-board-olive_1258-203794.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-bacon-sandwiches_23-2148454735.jpg?_wi=3", imageAlt: "happy food reviewer" },
              { id: "2", name: "Mike R.", date: "Sept 2023", title: "Visitor", quote: "An iconic experience. The atmosphere is like no other.", tag: "Must-Visit", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-food-blogger-taking-picture-smoothie_1098-19883.jpg", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-food-frame-with-copy-space_23-2148234243.jpg?_wi=3", imageAlt: "happy food reviewer" },
              { id: "3", name: "Elena C.", date: "Aug 2023", title: "Local", quote: "My weekly ritual. Never gets old.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/goodlooking-stylish-modern-hispanic-guy-with-stylish-haircut-beard-wear-grey-sweater-tshirt-hold-hands-pockets-smiling-joyfully-laughing-chatting-with-friends-white-background_176420-51726.jpg", imageSrc: "http://img.b2bpic.net/free-photo/meat-slices-bread-with-cucumber-tomato_140725-1166.jpg?_wi=3", imageAlt: "happy food reviewer" },
              { id: "4", name: "Robert B.", date: "July 2023", title: "Chef", quote: "The craft behind this meat is legendary.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/woman-signed-great-deal-rubbing-hands-relish-something-interesting-come-ahead-senior-lady-smiling-pleased-anticipating-good-things-happen-have-everything-control-feeling-lucky-upbeat_176420-55615.jpg", imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-topped-with-cheese_140725-1242.jpg?_wi=3", imageAlt: "happy food reviewer" },
              { id: "5", name: "Linda M.", date: "June 2023", title: "Tour Guide", quote: "I send every tour here for the authentic experience.", tag: "Recommendation", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-women-eating-together_23-2149061571.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-prepared-jewish-hanukkah-celebration_23-2151112314.jpg?_wi=3", imageAlt: "happy food reviewer" },
            ]}
            title="Words from Our Guests"
            description="Join thousands of visitors who made us a part of their NYC story."
          />
        </div>

        <div id="pricing" data-section="pricing">
          <PricingCardThree
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={true}
            plans={[
              { id: "p1", name: "Signature Sandwich", price: "$28.95", features: ["Pastrami or Corned Beef", "Feeds 1-2 people", "Famous Rye Bread", "Hand-carved"], buttons: [{ text: "Add to Cart" }] },
              { id: "p2", name: "Matzo Ball Soup", price: "$9.95", features: ["Classic broth", "Giant Matzo Ball", "Family recipe", "Comfort food"], buttons: [{ text: "Add to Cart" }] },
              { id: "p3", name: "3-Meat Platter", price: "$34.95", features: ["Pastrami, Brisket, Turkey", "Includes sides", "Feeds 2 people", "Perfect for sharing"], buttons: [{ text: "Add to Cart" }] },
            ]}
            title="Our Menu Classics"
            description="Authentic NYC Deli fare, priced for every appetite. Feeding the city since 1888."
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqDouble
            textboxLayout="split"
            useInvertedBackground={false}
            faqs={[
              { id: "q1", title: "Is the meat gluten free?", content: "Our pastrami and corned beef are generally gluten free, but we always recommend asking your server." },
              { id: "q2", title: "Do you ship nationwide?", content: "Yes! We ship our famous bundles anywhere in the USA through our online store." },
              { id: "q3", title: "How long is the wait?", content: "Wait times vary, but our line moves fast. It's part of the NYC experience!" },
            ]}
            title="Common Questions"
            description="Have questions about our history, our menu, or shipping?"
            faqsAnimation="blur-reveal"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplitForm
            useInvertedBackground={true}
            title="Visit Us in NYC"
            description="205 E Houston St, New York, NY. Open Daily 10AM-10PM."
            inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
            textarea={{ name: "message", placeholder: "Ask about catering or group reservations" }}
            imageSrc="http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571778.jpg"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseReveal
            logoText="KATZ'S DELI"
            columns={[
              { title: "Menu", items: [{ label: "Sandwiches", href: "#pricing" }, { label: "Soups", href: "#pricing" }, { label: "Platters", href: "#pricing" }] },
              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Shipping", href: "#" }] },
              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
            ]}
            copyrightText="© 1888-2024 Katz's Delicatessen."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
