Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -38,6 +38,8 @@ export default function LandingPage() {
           name: "Über Uns",          id: "#about"},
         {
           name: "Speisekarte",          id: "#menu"},
+        {
+          name: "Preise",          id: "/pricing"},
         {
           name: "Besonderheiten",          id: "#features"},
         {
@@ -254,6 +256,8 @@ export default function LandingPage() {
               label: "Über Uns",              href: "#about"},
             {
               label: "Speisekarte",              href: "#menu"},
+            {
+              label: "Preise",              href: "/pricing"},
             {
               label: "Kontakt",              href: "#contact"},
           ],

src/app/pricing/page.tsx

@@ -0,0 +1,104 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="largeSmallSizeMediumTitles"
+        background="noise"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Über Uns", id: "/#about" },
+              { name: "Speisekarte", id: "/#menu" },
+              { name: "Preise", id: "/pricing" },
+              { name: "Besonderheiten", id: "/#features" },
+              { name: "Stimmen", id: "/#testimonials" },
+              { name: "Kontakt", id: "/#contact" }
+            ]}
+            brandName="Aras Dönerhaus"
+            button={{ text: "Jetzt bestellen", href: "/#contact" }}
+          />
+        </div>
+
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Unsere Preispläne"
+            description="Wählen Sie den perfekten Plan für Ihren Dönergenuss – Qualität und Geschmack, die überzeugen."
+            plans={[
+              {
+                id: "basic-döner",                badge: "Standard",                price: "7,50 €",                subtitle: "Der Klassiker für jeden Hunger",                features: [
+                  "1 Döner Kebab",                  "Frisches Gemüse",                  "Hausgemachtes Brot",                  "Standard Soßenwahl"
+                ],
+                buttons: [{ text: "Jetzt Bestellen", href: "/#contact" }]
+              },
+              {
+                id: "vegetarisch-döner",                badge: "Vegetarisch",                price: "7,00 €",                subtitle: "Lecker & Fleischlos",                features: [
+                  "1 Vegetarischer Döner",                  "Falafel oder Halloumi",                  "Frisches Gemüse",                  "Hausgemachtes Brot"
+                ],
+                buttons: [{ text: "Jetzt Bestellen", href: "/#contact" }]
+              },
+              {
+                id: "menü-angebot",                badge: "Menü",                price: "10,50 €",                subtitle: "Döner, Pommes & Getränk",                features: [
+                  "1 Döner Kebab (nach Wahl)",                  "Portion Pommes Frites",                  "1 Softdrink (0,33l)",                  "Perfektes Mittagsmenü"
+                ],
+                buttons: [{ text: "Jetzt Bestellen", href: "/#contact" }]
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBase
+            columns={[
+                {
+                title: "Navigation",                items: [
+                    { label: "Home", href: "/" },
+                    { label: "Über Uns", href: "/#about" },
+                    { label: "Speisekarte", href: "/#menu" },
+                    { label: "Preise", href: "/pricing" },
+                    { label: "Kontakt", href: "/#contact" }
+                ]
+                },
+                {
+                title: "Unsere Werte",                items: [
+                    { label: "Frische Zutaten", href: "/#features" },
+                    { label: "Hausgemachtes Brot", href: "/#features" },
+                    { label: "Großzügige Portionen", href: "/#features" },
+                    { label: "Fairer Preis", href: "/#features" }
+                ]
+                },
+                {
+                title: "Rechtliches",                items: [
+                    { label: "Impressum", href: "#" },
+                    { label: "Datenschutz", href: "#" }
+                ]
+                }
+            ]}
+            logoText="Aras Dönerhaus"
+            copyrightText="© 2024 Aras Dönerhaus. Alle Rechte vorbehalten."
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}