"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sun, Sparkles, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Ben & Esther's"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Visit", id: "visit" },
            { name: "Order Now", id: "https://www.benandesthersvegandelideli.com/order" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Classic Deli Comfort Food—100% Plant-Based"
          description="Bagels, Reubens, lox & bagel sandwiches, matzo ball soup, and baked treats—served with a friendly San Diego vibe. Fresh, delicious, and entirely vegan."
          background={{ variant: "circleGradient" }}
          tag="Summer Fresh"
          tagIcon={Sun}
          buttons={[
            { text: "Order Now", href: "https://www.benandesthersvegandelideli.com/order" },
            { text: "View Menu", href: "menu" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/top-view-buns-with-fresh-salad-table_23-2148291175.jpg"
          imageAlt="Fresh vegan bagel sandwich - plant-based deli favorite"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Popular Right Now"
          description="Our customer favorites—crafted with love and the freshest plant-based ingredients"
          products={[
            {
              id: "1",              name: "Lox & Bagel Sandwich",              price: "$14.99",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hot-dog-fig-slices-almonds-cherry-tomato-chequered-napkin_23-2147956757.jpg",              imageAlt: "Plant-based lox and cream cheese bagel sandwich"
            },
            {
              id: "2",              name: "Vegan Reuben",              price: "$15.99",              imageSrc: "https://img.b2bpic.net/free-photo/hamburgers-white-plate_181624-8125.jpg",              imageAlt: "Stacked vegan Reuben with plant-based corned beef and sauerkraut"
            },
            {
              id: "3",              name: "Matzo Ball Soup",              price: "$9.99",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-delicious-burger-menu-assortment_23-2148868214.jpg",              imageAlt: "Warm and comforting vegan matzo ball soup"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="spotlight" data-section="spotlight">
        <TestimonialAboutCard
          tag="Bakery Spotlight"
          tagIcon={Sparkles}
          title="Our Vegan Sticky Bun is basically a cinnamon roll's cooler cousin—soft, gooey layers of cinnamon-swirled dough topped with a rich pecan glaze."
          description="100% Vegan. 100% Delicious."
          subdescription="Try it fresh daily—warm, gooey, and absolutely irresistible"
          icon={Heart}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-cherry-tomato-almonds-fig-slices-near-tasty-cheesy-hot-dog-kitchen-cloth_23-2147956762.jpg"
          imageAlt="Delicious vegan sticky bun with pecan glaze"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyTwo
          title="Why Locals Love Us"
          description="More than just great food—we're your neighborhood vegan deli experience"
          features={[
            {
              id: "1",              category: ["Plant-Based", "Classic Flavors"],
              title: "Plant-Based Deli Classics",              imageSrc: "https://img.b2bpic.net/free-photo/tasty-hot-dogs-chopping-board-with-fig-almonds-white-marble-counter_23-2147956748.jpg",              imageAlt: "Variety of fresh vegan bagels and deli favorites"
            },
            {
              id: "2",              category: ["Friendly Service", "Great Vibe"],
              title: "Friendly Service & Great Vibe",              imageSrc: "https://img.b2bpic.net/free-photo/delicious-donut-shop-ai-generated_23-2150694732.jpg",              imageAlt: "Welcoming deli interior with friendly staff"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTen
          title="Loved by Our Community"
          description="See what our customers have to say about Ben & Esther's"
          testimonials={[
            {
              id: "1",              title: "Awesome Vibe & Beautiful Interior",              quote: "Awesome vibe—super friendly staff, beautiful interior, great food! This place is now our go-to spot for weekend brunch.",              name: "Sarah M.",              role: "Local Customer",              imageSrc: "https://img.b2bpic.net/free-photo/arm-close-up-woman-with-shopping-bags_1098-2428.jpg",              imageAlt: "Customer portrait"
            },
            {
              id: "2",              title: "Finally Found Our Place",              quote: "So thankful to find a place that offers both vegan and gluten-free bagels! My family can eat together without compromises. Love it!",              name: "Jessica L.",              role: "Satisfied Customer",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-happy-after-shopping_23-2148660676.jpg",              imageAlt: "Family enjoying meal together"
            },
            {
              id: "3",              title: "Something for Everyone",              quote: "My family enjoyed the Turkey bacon club, latke bagel, and Veggie bagel! Ben & Esther's truly has options for everyone.",              name: "David K.",              role: "Happy Family",              imageSrc: "https://img.b2bpic.net/free-photo/arm-close-up-woman-with-shopping-bags_1098-2428.jpg",              imageAlt: "Customer enjoying their meal"
            },
            {
              id: "4",              title: "Best Vegan Comfort Food",              quote: "The Reuben is unbelievable—I didn't think vegan deli could taste this good. Already came back twice this week!",              name: "Maria T.",              role: "Regular Guest",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-happy-after-shopping_23-2148660676.jpg",              imageAlt: "Guest enjoying food"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="visit" data-section="visit">
        <ContactSplitForm
          title="Visit Us Today"
          description="Stop by for fresh bagels, friendly service, and great vibes. We're open daily with dine-in, takeout, and delivery options."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true }
          ]}
          textarea={{ name: "message", placeholder: "Any special requests or questions?", rows: 4, required: false }}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273243.jpg"
          imageAlt="Ben & Esther's welcoming deli counter and friendly staff"
          mediaPosition="right"
          buttonText="Get in Touch"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Ben & Esther's Vegan Delicatessen"
          copyrightText="© 2025 Ben & Esther's Vegan Delicatessen • San Diego, CA"
          columns={[
            {
              title: "Menu",              items: [
                { label: "Bagels & Breakfast", href: "menu" },
                { label: "Sandwiches", href: "menu" },
                { label: "Soups & Sides", href: "menu" },
                { label: "Bakery", href: "menu" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: (619) 467-7825", href: "tel:+16194677825" },
                { label: "6663 El Cajon Blvd Suite Q", href: "https://maps.google.com/?q=6663+El+Cajon+Blvd+Suite+Q+San+Diego+CA+92115" },
                { label: "Get Directions", href: "https://maps.google.com/?q=6663+El+Cajon+Blvd+Suite+Q+San+Diego+CA+92115" }
              ]
            },
            {
              title: "Hours",              items: [
                { label: "Mon-Fri: 7am - 3pm", href: "#" },
                { label: "Sat-Sun: 8am - 3pm", href: "#" },
                { label: "Dine-in • Takeout • Delivery", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}