"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterSimple from '@/components/sections/footer/FooterSimple';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import { Award, Users } from "lucide-react";

export default function OrderPage() {
  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="product" data-section="product">
          <ProductCardOne animationType="slide-up" textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={false} title="Beliebte Bestseller" description="Unsere Kundenlieblinge in der praktischen Vorratspackung." products={[{id: "b1", name: "Großes Nudelpaket", price: "18,90€", imageSrc: "http://img.b2bpic.net/free-photo/pasta-beans-grains-uncooked-cereals-glass-canister-with-labels-wooden-rack_181624-59320.jpg"}, {id: "b2", name: "Brühen-Set", price: "24,00€", imageSrc: "http://img.b2bpic.net/free-photo/natural-pigments-composition-made-with-raw-elements-close-up_23-2148734445.jpg"}, {id: "b3", name: "Bio-Öl", price: "12,00€", imageSrc: "http://img.b2bpic.net/free-photo/natural-pigments-composition-made-with-raw-elements_23-2148734444.jpg"}]} />
        </div>
        <div id="metric" data-section="metric">
          <MetricCardThree animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Warum Wacker?" description="Zahlen, die für uns und unsere Qualität sprechen." metrics={[{id: "m1", icon: Award, title: "Auszeichnungen", value: "15+"}, {id: "m2", icon: Users, title: "Zufriedene Kunden", value: "2000+"}]} />
        </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>
  );
}