Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -3,14 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 
 export default function LandingPage() {
   return (
@@ -94,13 +91,13 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={true}
-      title="Besuchen Sie uns"
-      description="Reservieren Sie Ihren Tisch oder bestellen Sie für zu Hause. Wir freuen uns auf Ihren Besuch bei Pizza und Vino."
+      title="Reservierung & Standort"
+      description="Sichern Sie sich Ihren Tisch oder kontaktieren Sie uns für private Veranstaltungen. Wir freuen uns darauf, Sie bald bei uns begrüßen zu dürfen."
       inputs={[
-        { name: "name", type: "text", placeholder: "Ihr Name", required: true },
-        { name: "email", type: "email", placeholder: "E-Mail Adresse", required: true },
+        { name: "name", type: "text", placeholder: "Name", required: true },
+        { name: "email", type: "email", placeholder: "E-Mail", required: true },
       ]}
-      textarea={{ name: "message", placeholder: "Reservierungswunsch oder Nachricht", rows: 4, required: true }}
+      textarea={{ name: "message", placeholder: "Reservierungswunsch, Gästeanzahl oder Nachricht", rows: 4, required: true }}
       imageSrc="https://img.freepik.com/free-photo/waiter-pouring-red-wine-glass_23-2148766159.jpg"
       imageAlt="Kontakt zu Pizza und Vino"
       mediaAnimation="slide-up"
@@ -108,13 +105,14 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBaseCard
       logoText="Pizza und Vino"
       columns={[
-        { title: "Service", items: [{ label: "Speisekarte", href: "#features" }, { label: "Reservierung", href: "#contact" }] },
+        { title: "Navigation", items: [{ label: "Start", href: "#hero" }, { label: "Angebot", href: "#features" }, { label: "Kontakt", href: "#contact" }] },
+        { title: "Kontaktinfo", items: [{ label: "Hauptstraße 1, 12345 Berlin", href: "#" }, { label: "Tel: 030 12345678", href: "tel:03012345678" }] },
         { title: "Rechtliches", items: [{ label: "Datenschutz", href: "#" }, { label: "Impressum", href: "#" }] },
       ]}
-      copyrightText="© 2025 Pizza und Vino. Alle Rechte vorbehalten."
+      copyrightText="© 2025 Pizza und Vino GmbH. Alle Rechte vorbehalten."
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000f06e6;
-  --primary-cta: #0a7039;
+  --background: #fbfaf7;
+  --card: #f0ede8;
+  --foreground: #2d2a26;
+  --primary-cta: #7a8a73;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --secondary-cta: #f0ede8;
+  --secondary-cta-text: #2d2a26;
+  --accent: #c6b180;
+  --background-accent: #e0d9cc;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);