"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';

export default function MenuPage() {
  return (
    <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="reveal-blur" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Speisekarte", id: "/menu"}, {name: "Bestellung", id: "/order"}, {name: "Kontakt", id: "/contact"}]} brandName="Wacker GmbH" />
        </div>
        <div id="products" data-section="products">
          <ProductCardTwo animationType="slide-up" textboxLayout="default" gridVariant="four-items-2x2-equal-grid" useInvertedBackground={false} products={[{id: "p1", brand: "Wacker Bio", name: "Gekeimte Bandnudeln", price: "6,50€", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/natural-pigments-composition-made-with-raw-elements_23-2148734444.jpg"}, {id: "p2", brand: "Wacker Bio", name: "Gemüsebrühe", price: "8,90€", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-fresh-vegetables-with-spoons-wooden-background_23-2147944316.jpg"}, {id: "p3", brand: "Wacker Bio", name: "Kakao Müsli", price: "7,20€", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spoon-with-organic-yogurt-table_23-2148529481.jpg"}, {id: "p4", brand: "Wacker Bio", name: "Tomatensauce", price: "5,80€", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-delicious-tomato-soup-circled-with-fresh-red-tomatoes-dark-space_140725-95033.jpg"}]} title="Unsere Spezialitäten" description="Bio-Produkte aus eigener Herstellung für Ihren Genuss." />
        </div>
        <div id="feature" data-section="feature">
          <FeatureCardTwelve animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Unsere Philosophie" description="Nachhaltig, regional und direkt vom Erzeuger." features={[{id: "f1", label: "Bio-Qualität", title: "Zertifiziert", items: ["100% Biologische Zutaten", "Ohne künstliche Zusätze"]}, {id: "f2", label: "Regional", title: "Kurze Wege", items: ["Anbau im Odenwald", "Unterstützt lokale Betriebe"]}]} />
        </div>
        <div id="footer" data-section="footer">
          <FooterSimple columns={[{title: "Service", items: [{label: "Online Bestellung", href: "/order"}, {label: "Speisekarte", href: "/menu"}]}, {title: "Rechtliches", items: [{label: "Impressum", href: "#"}, {label: "Datenschutz", href: "#"}]}]} bottomLeftText="© 2024 Wacker GmbH Lebensmittel" bottomRightText="Handgemacht aus Lampertheim" />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}