"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';

export default function ContactPage() {
  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="contact-section" data-section="contact-section">
          <ContactCenter useInvertedBackground={false} background={{variant: "plain"}} tag="Kontakt" title="Sprechen Sie uns an" description="Wir stehen Ihnen bei Fragen zu unseren Lebensmitteln gerne zur Verfügung." />
        </div>
        <div id="faq" data-section="faq">
          <FaqSplitMedia textboxLayout="default" useInvertedBackground={false} title="Häufige Fragen" description="Alles Wichtige zu Abholung und Versand." imageSrc="http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-while-serving-food-his-guests-restaurant_637285-6633.jpg" mediaAnimation="slide-up" faqsAnimation="blur-reveal" faqs={[{id: "faq1", title: "Wie lange dauert die Lieferung?", content: "Standardmäßig versenden wir innerhalb von 3 Werktagen."}, {id: "faq2", title: "Kann ich vor Ort abholen?", content: "Ja, nach Terminvereinbarung können Sie Ihre Bestellung in Lampertheim abholen."}]} />
        </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>
  );
}