Update src/app/styles/variables.css

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
@@ -10,8 +10,8 @@ import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCa
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Coffee, Pizza, Salad } from "lucide-react";
+import { Coffee, Pizza, Salad, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,26 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Menu", id: "menu" },
-          id: "hero",
+        { name: "About", id: "about" },
-        },
+        { name: "Reviews", id: "reviews" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Nove Café"
     />
@@ -60,37 +45,10 @@ export default function LandingPage() {
       <HeroCarouselLogo
       logoText="Nove Café"
       description="Authentische italienische Küche im Herzen von Köln. Erleben Sie eine moderne Atmosphäre und hausgemachte Spezialitäten."
-      buttons={[
+      buttons={[{ text: "Tisch reservieren", href: "#contact" }]}
-        {
-          text: "Tisch reservieren",
-          href: "#contact",
-        },
-      ]}
       slides={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg", imageAlt: "Restaurant Atmosphäre" },
-          imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/traditional-italian-dish-burrata-mozzarella_501050-748.jpg", imageAlt: "Restaurant Atmosphäre" }
-          imageAlt: "Restaurant Atmosphäre",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211472.jpg",
-          imageAlt: "Restaurant Atmosphäre",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg",
-          imageAlt: "Restaurant Atmosphäre",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-italian-dish-burrata-mozzarella_501050-748.jpg",
-          imageAlt: "Restaurant Atmosphäre",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg",
-          imageAlt: "Restaurant Atmosphäre",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg",
-          imageAlt: "Restaurant Atmosphäre",
-        },
       ]}
     />
   </div>
@@ -101,50 +59,27 @@ export default function LandingPage() {
       title="Unsere Philosophie"
       description="N9ve Café steht für die Liebe zum Detail. Vom handgefertigten Pizzateig bis hin zum perfekten Espresso – wir bieten Genuss in entspanntem Ambiente."
       metrics={[
-        {
+        { value: "4.5", title: "Sterne Bewertung" },
-          value: "4.5",
+        { value: "220+", title: "Glückliche Gäste" },
-          title: "Sterne Bewertung",
+        { value: "100%", title: "Frische Zutaten" },
-        },
-        {
-          value: "220+",
-          title: "Glückliche Gäste",
-        },
-        {
-          value: "100%",
-          title: "Frische Zutaten",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/closeup-hands-slicing-red-chili-pepper-wooden-cutting-board_1308-189347.jpg"
-      imageAlt="Küche"
-      mediaAnimation="slide-up"
-      metricsAnimation="blur-reveal"
     />
   </div>
 
   <div id="menu" data-section="menu">
       <FeatureBorderGlow
       animationType="slide-up"
-      textboxLayout="split"
+      textboxLayout="split-actions"
       useInvertedBackground={false}
       features={[
-        {
+        { icon: Pizza, title: "Hausgemachte Pizza", description: "Traditionell im Steinofen gebacken." },
-          icon: Pizza,
+        { icon: Coffee, title: "Bester Kaffee", description: "Hochwertige Bohnen, perfekt extrahiert." },
-          title: "Hausgemachte Pizza",
+        { icon: Salad, title: "Frische Salate", description: "Mit regionalen und mediterranen Produkten." },
-          description: "Traditionell im Steinofen gebacken.",
-        },
-        {
-          icon: Coffee,
-          title: "Bester Kaffee",
-          description: "Hochwertige Bohnen, perfekt extrahiert.",
-        },
-        {
-          icon: Salad,
-          title: "Frische Salate",
-          description: "Mit regionalen und mediterranen Produkten.",
-        },
       ]}
-      title="Was uns auszeichnet"
+      buttons={[{ text: "Online Bestellen", href: "#" }, { text: "Reservierung", href: "#contact" }]}
-      description="Wir verbinden traditionelle italienische Rezepte mit einem modernen Twist."
+      title="Unsere Speisekarte"
+      description="Entdecken Sie unsere täglich frischen Kreationen aus der italienischen Küche."
     />
   </div>
 
@@ -152,105 +87,31 @@ export default function LandingPage() {
       <ProductCardFour
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
+      gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", name: "Pizza Margherita", price: "12,50 €", variant: "Klassiker", imageSrc: "http://img.b2bpic.net/free-photo/spinach-pizza-slice-wooden-circular-tray_23-2147926103.jpg" },
-          id: "p1",
+        { id: "p2", name: "Lasagne al Forno", price: "14,90 €", variant: "Hausgemacht", imageSrc: "http://img.b2bpic.net/free-photo/customs-food-plate-high-angle_23-2149598955.jpg" },
-          name: "Pizza Margherita",
+        { id: "p3", name: "Pasta Verdura", price: "13,50 €", variant: "Vegetarisch", imageSrc: "http://img.b2bpic.net/free-photo/seafood-fettuccini-with-creamy-sauce-parmesan-topped-with-cherry-tomato-dill_140725-1612.jpg" },
-          price: "12,50 €",
+        { id: "p4", name: "Ziegenkäse Salat", price: "11,50 €", variant: "Frisch", imageSrc: "http://img.b2bpic.net/free-photo/traditional-bulgarian-shopska-salad-with-tomatocucumber-bulgarian-sirene-cheese-black-background_123827-20997.jpg" },
-          variant: "Klassiker",
-          imageSrc: "http://img.b2bpic.net/free-photo/spinach-pizza-slice-wooden-circular-tray_23-2147926103.jpg",
-        },
-        {
-          id: "p2",
-          name: "Lasagne al Forno",
-          price: "14,90 €",
-          variant: "Hausgemacht",
-          imageSrc: "http://img.b2bpic.net/free-photo/customs-food-plate-high-angle_23-2149598955.jpg",
-        },
-        {
-          id: "p3",
-          name: "Pasta Verdura",
-          price: "13,50 €",
-          variant: "Vegetarisch",
-          imageSrc: "http://img.b2bpic.net/free-photo/seafood-fettuccini-with-creamy-sauce-parmesan-topped-with-cherry-tomato-dill_140725-1612.jpg",
-        },
-        {
-          id: "p4",
-          name: "Ziegenkäse Salat",
-          price: "11,50 €",
-          variant: "Frisch",
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-bulgarian-shopska-salad-with-tomatocucumber-bulgarian-sirene-cheese-black-background_123827-20997.jpg",
-        },
-        {
-          id: "p5",
-          name: "Kaiserschmarrn",
-          price: "8,50 €",
-          variant: "Süßspeise",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-raspberry-cake-with-raisins-grey-background-sugar-tea-biscuit-cake-cookie-sweet-pie_140725-115853.jpg",
-        },
-        {
-          id: "p6",
-          name: "Cappuccino",
-          price: "3,20 €",
-          variant: "Heißgetränk",
-          imageSrc: "http://img.b2bpic.net/free-photo/mocca-coffee-shop_1339-4904.jpg",
-        },
       ]}
-      title="Unsere Empfehlungen"
+      title="Galerie & Auswahl"
-      description="Eine Auswahl unserer beliebtesten Gerichte."
+      description="Ein Einblick in unser vielfältiges kulinarisches Angebot."
     />
   </div>
 
   <div id="reviews" data-section="reviews">
-      <TestimonialCardTen
+      <TestimonialCardThirteen
+      showRating={true}
+      animationType="slide-up"
       textboxLayout="split-description"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "t1", name: "Max M.", handle: "@maxm", testimonial: "Tolles Lokal, Super Pizza! Top Kaffee.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-barber-wearing-uniform-glasses-showing-credit-card-looking-camera-showing-ok-sign-isolated-blue-background_141793-138027.jpg" },
-          id: "t1",
+        { id: "t2", name: "Anna K.", handle: "@annak", testimonial: "Das Essen war sehr lecker: Pizza, Ziegenkäse Salat, Lasagne.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172694.jpg" },
-          title: "Tolle Pizza!",
-          quote: "Tolles Lokal, Super Pizza! Top Kaffee.",
-          name: "Max M.",
-          role: "Gast",
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-barber-wearing-uniform-glasses-showing-credit-card-looking-camera-showing-ok-sign-isolated-blue-background_141793-138027.jpg",
-        },
-        {
-          id: "t2",
-          title: "Sehr lecker!",
-          quote: "Das Essen war sehr lecker: Pizza, Ziegenkäse Salat, Lasagne.",
-          name: "Anna K.",
-          role: "Gast",
-          imageSrc: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172694.jpg",
-        },
-        {
-          id: "t3",
-          title: "Absolute Empfehlung",
-          quote: "Tolle Vorspeisenplatte - leckerer Kaiserschmarrn.",
-          name: "Lisa B.",
-          role: "Gast",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-beautiful-young-women-enjoying-dinner-together_23-2148454134.jpg",
-        },
-        {
-          id: "t4",
-          title: "Modernes Ambiente",
-          quote: "Ambiente ist modern und trotzdem gemütlich.",
-          name: "Thomas S.",
-          role: "Gast",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-celebrating-engagement_23-2149212184.jpg",
-        },
-        {
-          id: "t5",
-          title: "Sehr freundlich",
-          quote: "Sehr aufmerksamer und freundlicher Service.",
-          name: "Julia H.",
-          role: "Gast",
-          imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customer_1170-656.jpg",
-        },
       ]}
-      title="Stimmen unserer Gäste"
+      title="Gäste-Feedback"
-      description="Was Besucher über uns sagen."
+      description="Was unsere Besucher über Nove Café sagen."
     />
   </div>
 
@@ -259,83 +120,31 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "f1", title: "Gibt es Tischreservierung?", content: "Ja, reservieren Sie bequem online." },
-          id: "f1",
+        { id: "f2", title: "Wo finden Sie uns?", content: "Friedrich-Ebert-Platz 3, 51143 Köln." },
-          title: "Gibt es Tischreservierung?",
-          content: "Ja, Sie können Ihren Tisch online über unsere Website oder Quandoo reservieren.",
-        },
-        {
-          id: "f2",
-          title: "Bieten Sie Lieferservice?",
-          content: "Aktuell bieten wir hauptsächlich Speisen vor Ort und zum Mitnehmen an.",
-        },
-        {
-          id: "f3",
-          title: "Wo befinden Sie sich?",
-          content: "Friedrich-Ebert-Platz 3, 51143 Köln.",
-        },
       ]}
-      title="Häufige Fragen"
+      title="Fragen & Antworten"
-      description="Alles was Sie wissen sollten."
+      description="Wichtige Informationen für Ihren Besuch."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplit
+      tag="Kontakt"
+      title="Reservierung & Öffnungszeiten"
+      description="Friedrich-Ebert-Platz 3, Köln. Reservieren Sie jetzt Ihren Tisch oder bestellen Sie telefonisch unter 02203 1867774."
+      background={{ variant: "animated-grid" }}
       useInvertedBackground={false}
-      background={{
+      imageSrc="http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customer_1170-656.jpg"
-        variant: "animated-grid",
-      }}
-      text="Besuchen Sie uns am Friedrich-Ebert-Platz 3 in Köln. Wir freuen uns darauf, Sie bald willkommen zu heißen!"
-      buttons={[
-        {
-          text: "Tisch reservieren",
-          href: "https://quandoo.de",
-        },
-        {
-          text: "02203 1867774",
-          href: "tel:022031867774",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
+        { items: [{ label: "Home", href: "#hero" }, { label: "Menü", href: "#menu" }] },
-          items: [
+        { items: [{ label: "Kontakt", href: "#contact" }, { label: "Datenschutz", href: "#" }] },
-            {
-              label: "Startseite",
-              href: "#hero",
-            },
-            {
-              label: "Menü",
-              href: "#menu",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Impressum",
-              href: "#",
-            },
-            {
-              label: "Datenschutz",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Kontakt",
-              href: "#contact",
-            },
-          ],
-        },
       ]}
       logoText="N9ve Café"
     />
@@ -343,4 +152,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #fbf9f5;
-  --card: #dad6cd;
+  --card: #f0ede5;
-  --foreground: #2a2928;
+  --foreground: #1a2a1a;
-  --primary-cta: #2a2928;
+  --primary-cta: #0a7039;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #c89f5f;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #c89f5f;
-  --background-accent: #c6b180;
+  --background-accent: #f0ede5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);