"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="medium"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="La Bella Italia"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Table",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="La Bella Italia"
          description="Authentic Italian cuisine in the heart of Madrid. Experience traditional flavors, warm hospitality, and unforgettable dining moments."
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg"
          imageAlt="Elegant Italian restaurant dining room with warm lighting"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Bringing" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/view-table-arrangement-by-wedding-planner_23-2150167204.jpg", alt: "Professional Italian kitchen" },
            { type: "text", content: "Italy to Madrid" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Our Story", href: "#about" },
            { text: "Visit Us", href: "#contact" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Signature Dishes"
          description="Savor our carefully crafted menu featuring traditional Italian recipes and seasonal specialties"
          tag="Culinary Excellence"
          features={[
            {
              id: "01",              title: "Handmade Pasta",              description: "Fresh pasta made daily using traditional Italian techniques and premium imported ingredients",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-large-tube-pasta-with-chicken-cherry-tomato-with-chopped-parsley_141793-1840.jpg",              imageAlt: "Handmade pasta dish"
            },
            {
              id: "02",              title: "Risotto Creations",              description: "Creamy, luxurious risotto dishes prepared with precision and the finest seasonal ingredients",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-delicious-pasta-white-plate_181624-42231.jpg",              imageAlt: "Elegant risotto plate"
            },
            {
              id: "03",              title: "Seafood Specialties",              description: "Fresh daily catch prepared with Mediterranean herbs and authentic Italian cooking methods",              imageSrc: "https://img.b2bpic.net/free-photo/pasta-with-chicken-tomatoes-greens-grated-cheese-served-with-juice_140725-7992.jpg",              imageAlt: "Fresh seafood pasta"
            },
            {
              id: "04",              title: "Wood-Fired Pizza",              description: "Authentic Neapolitan pizza baked in our traditional wood-fired oven with San Marzano tomatoes",              imageSrc: "https://img.b2bpic.net/free-photo/man-eating-bolognese-penne-pasta-garnished-with-herbs_140725-8738.jpg",              imageAlt: "Traditional Italian pizza"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="two-columns-alternating-heights"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Our Guests"
          description="Discover what makes La Bella Italia a favorite dining destination in Madrid"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              title: "An Unforgettable Evening",              quote: "The food was exquisite, the service impeccable, and the atmosphere transported us straight to Italy. We've already made our next reservation!",              name: "Sofia Martinez",              role: "Restaurant Enthusiast",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Sofia Martinez"
            },
            {
              id: "2",              title: "Authentic Italian Excellence",              quote: "Every dish felt like a celebration. The pasta was handmade perfection, and the staff's passion for Italian cuisine is truly inspiring. Highly recommended!",              name: "Carlos González",              role: "Food Critic",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Carlos González"
            },
            {
              id: "3",              title: "Best Italian in Madrid",              quote: "Finally found authentic Italian food prepared with genuine passion and quality ingredients. The risotto alone is worth the visit!",              name: "Elena Rodríguez",              role: "Regular Customer",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",              imageAlt: "Elena Rodríguez"
            },
            {
              id: "4",              title: "A Culinary Journey",              quote: "From the first bite to the last, every moment was special. The chef's attention to detail and the warm Italian hospitality made our celebration perfect.",              name: "David López",              role: "Event Planner",              imageSrc: "https://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg",              imageAlt: "David López"
            }
          ]}
        />
      </div>

      <div id="ambiance" data-section="ambiance">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Experience Authentic Italian" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/restaurant-interior_1127-3392.jpg", alt: "Restaurant ambiance and lighting" },
            { type: "text", content: "Warmth in Madrid" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "See Our Location", href: "#contact" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Reserve Your Table"
          description="Join us for an unforgettable Italian dining experience. Book your reservation and let us create a memorable evening for you."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "date", type: "date", placeholder: "Preferred Date", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Special requests or dietary preferences...",            rows: 4,
            required: false
          }}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/view-pamplona-with-arga-river_1398-3269.jpg"
          imageAlt="Madrid city location"
          mediaPosition="right"
          buttonText="Confirm Reservation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="La Bella Italia"
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "About Us", href: "#about" },
                { label: "Menu", href: "#features" },
                { label: "Reservations", href: "#contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: +34 91 123 4567", href: "tel:+34911234567" },
                { label: "Email: info@labellaitalia.es", href: "mailto:info@labellaitalia.es" },
                { label: "Madrid, Spain", href: "#contact" }
              ]
            },
            {
              title: "Hours",              items: [
                { label: "Lunch: 12:00 - 16:00", href: "#" },
                { label: "Dinner: 19:00 - 23:00", href: "#" },
                { label: "Closed Mondays", href: "#" }
              ]
            },
            {
              title: "Follow Us",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "TripAdvisor", href: "https://tripadvisor.com" }
              ]
            }
          ]}
          copyrightText="© 2025 La Bella Italia. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}