Update src/app/page.tsx

Merge version_2 into main

src/app/menu/page.tsx

@@ -0,0 +1,118 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { ChefHat } from 'lucide-react';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="mediumLarge"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="semibold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Saray Restaurant"
+          navItems={[
+            { name: "Menü", id: "/menu" },
+            { name: "Über uns", id: "about" },
+            { name: "Bewertungen", id: "reviews" },
+            { name: "Kontakt", id: "contact" }
+          ]}
+          button={{
+            text: "Tisch reservieren",            href: "#contact"
+          }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="menu" data-section="menu" className="pt-20">
+        <ProductCardOne
+          title="Vollständiges Menü"
+          description="Entdecken Sie unser gesamtes Angebot an authentischen türkischen Spezialitäten, alle mit prémium Zutaten und traditionellen Zubereitungsmethoden hergestellt."
+          tag="Alle Gerichte"
+          tagIcon={ChefHat}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="bento-grid"
+          products={[
+            {
+              id: "1",              name: "Lahmacun mit frischem Salat",              price: "€12",              imageSrc: "http://img.b2bpic.net/free-photo/turkish-lakhmajun-with-meat-cheese-top-view_140725-390.jpg?_wi=2",              imageAlt: "Türkischer Lahmacun - knuspriges Fladenbrot mit Hackfleisch und frischem Gemüse"
+            },
+            {
+              id: "2",              name: "Mevlana Pide",              price: "€14",              imageSrc: "http://img.b2bpic.net/free-photo/big-sandwich-with-roasted-vegetables-zucchini-eggplant-tomatoes-with-cheese-thyme_2829-16552.jpg?_wi=2",              imageAlt: "Türkischer Mevlana Pide - bootförmiges Gebäck gefüllt mit Fleisch und Käse"
+            },
+            {
+              id: "3",              name: "Etli Ekmek",              price: "€13",              imageSrc: "http://img.b2bpic.net/free-photo/grilled-eggplant-tomato-green-pepper-with-chili-sauce_114579-2427.jpg?_wi=2",              imageAlt: "Türkischer Etli Ekmek - gegrilltes Fleisch auf Fladenbrot mit Gemüse"
+            },
+            {
+              id: "4",              name: "Türkischer Calzone",              price: "€11",              imageSrc: "http://img.b2bpic.net/free-photo/traditional-crepe-kutab-sliced-served-with-sauces_114579-3497.jpg?_wi=2",              imageAlt: "Türkischer Calzone - gefaltetes Gebäck gefüllt mit Käse und Kräutern"
+            },
+            {
+              id: "5",              name: "Adana Kebap",              price: "€16",              imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-skewers-with-herbs-spices-vegetables_114579-2447.jpg",              imageAlt: "Adana Kebap - würziges gegrilltes Fleisch mit traditionellen Gewürzen"
+            },
+            {
+              id: "6",              name: "Shish Kebap",              price: "€18",              imageSrc: "http://img.b2bpic.net/free-photo/shish-kebab-with-green-pepper-onion-tomato_114579-2456.jpg",              imageAlt: "Shish Kebap - zartes gegrilltes Fleisch auf Spießen mit Gemüse"
+            },
+            {
+              id: "7",              name: "Doner Kebap",              price: "€13",              imageSrc: "http://img.b2bpic.net/free-photo/doner-kebab-in-pita-bread-with-vegetables_114579-2468.jpg",              imageAlt: "Doner Kebap - traditionell zubereitetes gedrehtes Fleisch in Fladenbrot"
+            },
+            {
+              id: "8",              name: "Manti (türkische Ravioli)",              price: "€15",              imageSrc: "http://img.b2bpic.net/free-photo/traditional-turkish-manti-pasta-with-yogurt_114579-2504.jpg",              imageAlt: "Manti - traditionelle türkische Ravioli mit Fleischfüllung und Joghurtsauce"
+            },
+            {
+              id: "9",              name: "Mezze-Platte",              price: "€22",              imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-mezze-platter-with-hummus-falafel-pita_114579-2528.jpg",              imageAlt: "Mezze-Platte - Auswahl an traditionellen türkischen Vorspeisen"
+            },
+            {
+              id: "10",              name: "Börek",              price: "€14",              imageSrc: "http://img.b2bpic.net/free-photo/crispy-borek-spinach-cheese-phyllo-pastry_114579-2552.jpg",              imageAlt: "Börek - knuspriges Blätterteiggebäck mit Käse- oder Fleischfüllung"
+            },
+            {
+              id: "11",              name: "Falafel-Teller",              price: "€11",              imageSrc: "http://img.b2bpic.net/free-photo/golden-crispy-falafel-with-tahini-sauce_114579-2576.jpg",              imageAlt: "Falafel-Teller - fritierte Kichererbsenbällchen mit Tahini-Sauce"
+            },
+            {
+              id: "12",              name: "Baklava-Dessert",              price: "€8",              imageSrc: "http://img.b2bpic.net/free-photo/traditional-baklava-phyllo-pastry-honey-nuts_114579-2601.jpg",              imageAlt: "Baklava - knuspriges Blätterteig-Dessert mit Nüssen und Honig"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactText
+          text="Interessiert an einem unserer köstlichen Gerichte? Reservieren Sie noch heute Ihren Tisch und genießen Sie ein unvergessliches Speiseerlebnis im Saray Restaurant."
+          animationType="background-highlight"
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Tisch reservieren", href: "tel:+436605020999" },
+            { text: "Jetzt anrufen: +43 660 5020999", href: "tel:+436605020999" }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Saray"
+          leftLink={{
+            text: "Kontakt: +43 660 5020999",            href: "tel:+436605020999"
+          }}
+          rightLink={{
+            text: "Täglich bis 22:00 Uhr geöffnet",            href: "#"
+          }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -30,7 +30,7 @@ export default function LandingPage() {
         <NavbarLayoutFloatingInline
           brandName="Saray Restaurant"
           navItems={[
-            { name: "Menü", id: "menu" },
+            { name: "Menü", id: "/menu" },
             { name: "Über uns", id: "about" },
             { name: "Bewertungen", id: "reviews" },
             { name: "Kontakt", id: "contact" }
@@ -55,7 +55,7 @@ export default function LandingPage() {
           mediaAnimation="slide-up"
           buttons={[
             { text: "Tisch reservieren", href: "#contact" },
-            { text: "Menü ansehen", href: "#menu" }
+            { text: "Menü ansehen", href: "/menu" }
           ]}
           buttonAnimation="blur-reveal"
         />
@@ -87,16 +87,16 @@ export default function LandingPage() {
           gridVariant="four-items-2x2-equal-grid"
           products={[
             {
-              id: "1",              name: "Lahmacun mit frischem Salat",              price: "€12",              imageSrc: "http://img.b2bpic.net/free-photo/turkish-lakhmajun-with-meat-cheese-top-view_140725-390.jpg",              imageAlt: "Türkischer Lahmacun - knuspriges Fladenbrot mit Hackfleisch und frischem Gemüse"
+              id: "1",              name: "Lahmacun mit frischem Salat",              price: "€12",              imageSrc: "http://img.b2bpic.net/free-photo/turkish-lakhmajun-with-meat-cheese-top-view_140725-390.jpg?_wi=1",              imageAlt: "Türkischer Lahmacun - knuspriges Fladenbrot mit Hackfleisch und frischem Gemüse"
             },
             {
-              id: "2",              name: "Mevlana Pide",              price: "€14",              imageSrc: "http://img.b2bpic.net/free-photo/big-sandwich-with-roasted-vegetables-zucchini-eggplant-tomatoes-with-cheese-thyme_2829-16552.jpg",              imageAlt: "Türkischer Mevlana Pide - bootförmiges Gebäck gefüllt mit Fleisch und Käse"
+              id: "2",              name: "Mevlana Pide",              price: "€14",              imageSrc: "http://img.b2bpic.net/free-photo/big-sandwich-with-roasted-vegetables-zucchini-eggplant-tomatoes-with-cheese-thyme_2829-16552.jpg?_wi=1",              imageAlt: "Türkischer Mevlana Pide - bootförmiges Gebäck gefüllt mit Fleisch und Käse"
             },
             {
-              id: "3",              name: "Etli Ekmek",              price: "€13",              imageSrc: "http://img.b2bpic.net/free-photo/grilled-eggplant-tomato-green-pepper-with-chili-sauce_114579-2427.jpg",              imageAlt: "Türkischer Etli Ekmek - gegrilltes Fleisch auf Fladenbrot mit Gemüse"
+              id: "3",              name: "Etli Ekmek",              price: "€13",              imageSrc: "http://img.b2bpic.net/free-photo/grilled-eggplant-tomato-green-pepper-with-chili-sauce_114579-2427.jpg?_wi=1",              imageAlt: "Türkischer Etli Ekmek - gegrilltes Fleisch auf Fladenbrot mit Gemüse"
             },
             {
-              id: "4",              name: "Türkischer Calzone",              price: "€11",              imageSrc: "http://img.b2bpic.net/free-photo/traditional-crepe-kutab-sliced-served-with-sauces_114579-3497.jpg",              imageAlt: "Türkischer Calzone - gefaltetes Gebäck gefüllt mit Käse und Kräutern"
+              id: "4",              name: "Türkischer Calzone",              price: "€11",              imageSrc: "http://img.b2bpic.net/free-photo/traditional-crepe-kutab-sliced-served-with-sauces_114579-3497.jpg?_wi=1",              imageAlt: "Türkischer Calzone - gefaltetes Gebäck gefüllt mit Käse und Kräutern"
             }
           ]}
         />