"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function Page() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "About", id: "/about" },
    { name: "Menu", id: "/menu" },
    { name: "Visit Us", id: "/visit" },
    { name: "Order", id: "/order" }
  ];

  return (
    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline navItems={navItems} brandName="Gusto Gastronomia Italiana" button={{ text: "Order Online", href: "https://gustonewberg.com" }} />
      </div>
      <div id="hero" data-section="hero">
        <HeroSplitKpi 
          title="Authentic Italian Flavors in the Heart of Newberg."
          description="Experience the spirit of Florence with our curated selection of fresh pasta, homemade sauces, and artisan paninis."
          background={{ variant: "gradient-bars" }}
          kpis={[{ value: "4.9★", label: "Google Rating" }, { value: "140+", label: "Reviews" }, { value: "Fresh", label: "Handmade" }]}
          enableKpiAnimation={true}
          imageSrc="http://img.b2bpic.net/free-photo/cheese-appetizer_23-2148145222.jpg"
          buttons={[{ text: "View Our Menu", href: "/menu" }, { text: "Order Online", href: "/order" }]}
          mediaAnimation="slide-up"
        />
      </div>
      <div id="about" data-section="about">
        <TextSplitAbout 
          title="A Slice of Italy in Oregon"
          description={[
            "Gusto Gastronomia Italiana is a cozy deli and specialty grocery tucked into the Springbrook Oaks Office Building. We believe in bringing the genuine, artisanal spirit of Italy to Newberg.",            "Our counters are filled with fresh pasta, homemade sauces, crusty focaccia, and delicate arancini. We also curate the finest imported cheeses, charcuterie, and regional Italian wines."
          ]}
          useInvertedBackground={false}
        />
      </div>
      <div id="products" data-section="products">
        <ProductCardTwo 
          title="Signature Deli Menu"
          description="Explore our curated favorites, from freshly prepared paninis to authentic Italian pantry essentials."
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="split"
          products={[
            { id: "p1", brand: "Signature", name: "Prosciutto Panini with Truffle Cheese", price: "$14.00", rating: 5, reviewCount: "58", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ham-cheese-wooden-cutting-board_188544-20998.jpg" },
            { id: "p2", brand: "Fresh", name: "Housemade Tagliatelle", price: "$12.00", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/eggs-oil-amidst-pasta-flour_23-2147849711.jpg" },
            { id: "p3", brand: "Special", name: "Classic Arancini", price: "$6.00", rating: 5, reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-food-croquette_23-2149202624.jpg" }
          ]}
          useInvertedBackground={true}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix 
          title="Community Favorites"
          description="Hear what our neighbors in Newberg have to say about their experience at Gusto."
          animationType="slide-up"
          textboxLayout="split"
          testimonials={[
            { id: "1", name: "Maria S.", handle: "@mariainoregon", testimonial: "The Prosciutto Panini with Truffle Cheese is life-changing!" },
            { id: "2", name: "David L.", handle: "@davefoodie", testimonial: "It feels like stepping into a deli in Florence. Absolutely authentic." },
            { id: "3", name: "Sarah P.", handle: "@sarahcooks", testimonial: "My go-to spot for fresh pasta and high-quality Italian ingredients." }
          ]}
          useInvertedBackground={false}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplit 
          title="Visit Gusto Gastronomia"
          description="901-B Brutscher St, Newberg OR 97132. Come enjoy authentic Italian groceries and prepared meals."
          tag="Visit Us"
          background={{ variant: "plain" }}
          useInvertedBackground={true}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard 
          logoText="Gusto Gastronomia Italiana"
          columns={[
            { title: "Menu", items: [{ label: "Deli Sandwiches", href: "/menu" }, { label: "Prepared Meals", href: "/menu" }] },
            { title: "Visit", items: [{ label: "Location", href: "/visit" }, { label: "Hours", href: "/visit" }] },
            { title: "Order", items: [{ label: "Takeout/Delivery", href: "/order" }] }
          ]}
          copyrightText="© 2025 Gusto Gastronomia Italiana | Newberg, OR"
        />
      </div>
    </ThemeProvider>
  );
}