"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Start",
          id: "hero",
        },
        {
          name: "Über Uns",
          id: "about",
        },
        {
          name: "Speisekarte",
          id: "menu",
        },
        {
          name: "Kontakt",
          id: "contact",
        },
      ]}
      brandName="Asia O2"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Asia O2"
      description="Authentische asiatische Küche im Herzen von Weißenfels. Täglich frisch zubereitet, reichlich portioniert und geschmacklich perfekt."
      buttons={[
        {
          text: "Zur Speisekarte",
          href: "#menu",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/bowl-fish-ball-vegetable-soup-with-noodles-red-napkin-against-black-background_23-2148093337.jpg"
      imageAlt="Asia O2 Restaurant"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Über unser Restaurant"
      description="Wir bei Asia O2 legen Wert auf Qualität und Tradition. Unser Team bereitet jedes Gericht mit frischen Zutaten liebevoll für Sie zu. Ob zum Mitnehmen oder für einen entspannten Besuch bei uns – wir freuen uns auf Sie."
      imageSrc="http://img.b2bpic.net/free-photo/side-view-chef-preparing-delicious-meal-kitchen_176474-3892.jpg"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Ente Knusprig",
          price: "12,90 €",
          variant: "Erdnusssauce",
          imageSrc: "http://img.b2bpic.net/free-photo/cooked-chicken-with-sauce-rice-balls-green-sauce_181624-34376.jpg",
        },
        {
          id: "2",
          name: "Ente Pikanter Soße",
          price: "13,50 €",
          variant: "Pikant",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-ramen-bowls_23-2148202109.jpg",
        },
        {
          id: "3",
          name: "Gemüse Wok",
          price: "9,90 €",
          variant: "Frisch",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-tofu-healthy-food_1339-8172.jpg",
        },
        {
          id: "4",
          name: "Frühlingsrollen",
          price: "4,50 €",
          variant: "Vorspeise",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-traditional-asian-dumplings-with-meat-vegetables-served-with-soy-sauce-plate-rustic_141793-11566.jpg",
        },
        {
          id: "5",
          name: "Gebratene Nudeln",
          price: "8,50 €",
          variant: "Mit Huhn",
          imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-vietnamese-spring-rolls-with-spicy-shrimps-prawns-carrot-cucumber-red-cabbage-rice-noodle_2829-18346.jpg",
        },
        {
          id: "6",
          name: "Gebratener Reis",
          price: "8,90 €",
          variant: "Mit Garnelen",
          imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552678.jpg",
        },
      ]}
      title="Unsere Highlights"
      description="Genießen Sie unsere Spezialitäten, von knuspriger Ente bis hin zu würzigen Wok-Gerichten."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Frische Zutaten",
          description: "Täglich frisch für vollen Geschmack.",
          imageSrc: "http://img.b2bpic.net/free-photo/sushi-is-plate-with-dipping-sauce-white-cement-floor_1150-22633.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-asian-food-peking-duck-with-cucumbers-sauce-plate_141793-8524.jpg",
          buttonText: "Mehr erfahren",
        },
        {
          title: "Große Portionen",
          description: "Sie werden garantiert satt.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-traditional-asian-food-peking-duck-with-cucumbers-sauce-plate_141793-11568.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-vegetables-sauce_141793-95.jpg",
          buttonText: "Mehr erfahren",
        },
        {
          title: "Freundlicher Service",
          description: "Herzliche Bedienung garantiert.",
          imageSrc: "http://img.b2bpic.net/free-photo/vegan-buddha-bowl-with-vegetables-fruits-served-bowl-grey-background-closeup_1220-6554.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/dinner-set-with-sushi-soup-fried-chicken-meat-with-potatoes-cake_141793-589.jpg",
          buttonText: "Mehr erfahren",
        },
      ]}
      title="Warum Asia O2?"
      description="Ihr Asia-Imbiss in Weißenfels mit Herz."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="1 A. Super lecker, ordentliche Portionen und geschmacklich perfekt. Wir haben schon einige Asiaimbisse probiert, aber keiner kommt hier ran."
      rating={5}
      author="Anne"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-pretty-stylish-smiling-woman-colorful-retro-vintage-american-50s-cafe-sitting-table-drinking-milk-shake-cocktail-wearing-pink-sunglasses-having-fun_285396-10740.jpg",
          alt: "Kunde 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-man-taking-photos-with-phone_23-2148972782.jpg",
          alt: "Kunde 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg",
          alt: "Kunde 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-friends-dinner-party_23-2150648862.jpg",
          alt: "Kunde 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-people-eating-asian-food_23-2150288310.jpg",
          alt: "Kunde 5",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Bieten Sie Lieferservice an?",
          content: "Aktuell bieten wir Abholung und Speisen vor Ort an.",
        },
        {
          id: "f2",
          title: "Wo befindet sich das Restaurant?",
          content: "Sie finden uns in der Beuditzstraße 93 in Weißenfels.",
        },
        {
          id: "f3",
          title: "Wie sind die Öffnungszeiten?",
          content: "Wir haben täglich geöffnet, bitte beachten Sie den Aushang.",
        },
      ]}
      title="Häufige Fragen"
      description="Hier finden Sie Antworten zu unserem Service."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Kontaktieren Sie uns"
      description="Haben Sie Fragen oder möchten Sie vorbestellen? Rufen Sie uns an!"
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Ihr Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Ihre E-Mail",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Ihre Nachricht",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-japanese-street-food-restaurant_23-2149410173.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Informationen",
          items: [
            {
              label: "Start",
              href: "#hero",
            },
            {
              label: "Über Uns",
              href: "#about",
            },
            {
              label: "Speisekarte",
              href: "#menu",
            },
          ],
        },
        {
          title: "Kontakt",
          items: [
            {
              label: "Beuditzstraße 93",
              href: "#",
            },
            {
              label: "03443 3768943",
              href: "tel:034433768943",
            },
          ],
        },
      ]}
      logoText="Asia O2"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
