Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import { Building2, Facebook, Instagram, Leaf } from "lucide-react";
@@ -47,12 +47,12 @@ export default function LandingPage() {
       title="Altes Brauhaus Bielefeld"
       description="Erleben Sie echte westfälische Braukunst und herzhafte Hausmannskost in gemütlichem Ambiente."
       carouselItems={[
-        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5950.jpg", imageAlt: "Rustikale Einrichtung" },
-        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/positive-brewer-holding-beer-glass-with-foam_651396-1309.jpg", imageAlt: "Gemütlicher Gastraum" },
-        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-beer-factory_107420-94856.jpg", imageAlt: "Frisch gezapftes Bier" },
-        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/mexican-food-concept-with-clipboard_23-2147812102.jpg", imageAlt: "Herzhaftes Essen" },
-        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-crackers-pattern-with-copy-space-dark-horizontal_176474-4425.jpg", imageAlt: "Gesellige Runde" },
-        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/oktoberfest-arrangement-with-delicious-glass-beer_23-2149051975.jpg", imageAlt: "Biergenuss" },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5950.jpg?w=800&h=600", imageAlt: "Rustikale Einrichtung" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/positive-brewer-holding-beer-glass-with-foam_651396-1309.jpg?w=800&h=600", imageAlt: "Gemütlicher Gastraum" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-beer-factory_107420-94856.jpg?w=800&h=600", imageAlt: "Frisch gezapftes Bier" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/mexican-food-concept-with-clipboard_23-2147812102.jpg?w=800&h=600", imageAlt: "Herzhaftes Essen" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-crackers-pattern-with-copy-space-dark-horizontal_176474-4425.jpg?w=800&h=600", imageAlt: "Gesellige Runde" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/oktoberfest-arrangement-with-delicious-glass-beer_23-2149051975.jpg?w=800&h=600", imageAlt: "Biergenuss" },
       ]}
     />
   </div>
@@ -68,24 +68,24 @@ export default function LandingPage() {
         { title: "Regionale Küche", description: "Saisonale Produkte aus der Umgebung." },
         { title: "Gemütliches Ambiente", description: "Der perfekte Ort für gesellige Stunden." },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/modern-building-with-glass-windows-silently-witnessing-life-big-city_181624-6713.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/modern-building-with-glass-windows-silently-witnessing-life-big-city_181624-6713.jpg?w=800&h=600"
       mediaAnimation="slide-up"
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardOne
+      <ProductCardFour
       textboxLayout="default"
       gridVariant="two-columns-alternating-heights"
       animationType="slide-up"
       useInvertedBackground={false}
       products={[
-        { id: "1", name: "Schweinshaxe", price: "18,50 €", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sausages-with-pickles-beer_23-2148754958.jpg" },
-        { id: "2", name: "Brauhaus-Lager", price: "4,20 €", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-foaming-beer-table_23-2148342194.jpg" },
-        { id: "3", name: "Hausgemachte Bratwurst", price: "12,90 €", imageSrc: "http://img.b2bpic.net/free-photo/plate-sausages-sauerkraut-wooden-table-traditional-oktoberfest-menu-flat-lay-top-view_2829-4157.jpg" },
-        { id: "4", name: "Laugenbrezel", price: "3,50 €", imageSrc: "http://img.b2bpic.net/free-photo/various-breads-eggs-red-white-cloth_1150-28508.jpg" },
-        { id: "5", name: "Rindergulasch", price: "16,80 €", imageSrc: "http://img.b2bpic.net/free-photo/meatballs-green-peas-carrot-with-tomato-sauce-wooden-table_123827-30867.jpg" },
-        { id: "6", name: "Apfelstrudel", price: "6,90 €", imageSrc: "http://img.b2bpic.net/free-photo/tiramisu-savoyardi-cookies-espresso-mascarpone-cheese-rum-cinnamon-strawberry-side-view_141793-4167.jpg" },
+        { id: "1", name: "Schweinshaxe", price: "18,50 €", variant: "Klassiker", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sausages-with-pickles-beer_23-2148754958.jpg?w=400&h=400" },
+        { id: "2", name: "Brauhaus-Lager", price: "4,20 €", variant: "Hausgebraut", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-foaming-beer-table_23-2148342194.jpg?w=400&h=400" },
+        { id: "3", name: "Hausgemachte Bratwurst", price: "12,90 €", variant: "Rustikal", imageSrc: "http://img.b2bpic.net/free-photo/plate-sausages-sauerkraut-wooden-table-traditional-oktoberfest-menu-flat-lay-top-view_2829-4157.jpg?w=400&h=400" },
+        { id: "4", name: "Laugenbrezel", price: "3,50 €", variant: "Snack", imageSrc: "http://img.b2bpic.net/free-photo/various-breads-eggs-red-white-cloth_1150-28508.jpg?w=400&h=400" },
+        { id: "5", name: "Rindergulasch", price: "16,80 €", variant: "Deftig", imageSrc: "http://img.b2bpic.net/free-photo/meatballs-green-peas-carrot-with-tomato-sauce-wooden-table_123827-30867.jpg?w=400&h=400" },
+        { id: "6", name: "Apfelstrudel", price: "6,90 €", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/tiramisu-savoyardi-cookies-espresso-mascarpone-cheese-rum-cinnamon-strawberry-side-view_141793-4167.jpg?w=400&h=400" },
       ]}
       title="Unsere Spezialitäten"
       description="Entdecken Sie unsere deftigen Klassiker aus der Brauhausküche."
@@ -120,11 +120,11 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       testimonials={[
-        { id: "1", name: "Markus S.", role: "Stammgast", company: "Bielefeld", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg" },
-        { id: "2", name: "Julia M.", role: "Besucherin", company: "Bielefeld", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-handsome-male-enjoying-family-life-with-their-little-daughter-outdoor-cafe_613910-18579.jpg" },
-        { id: "3", name: "Thomas K.", role: "Tourist", company: "Berlin", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-woman-sitting-cafe_273609-4485.jpg" },
-        { id: "4", name: "Sabine L.", role: "Stammgast", company: "Bielefeld", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-clinking-bottles_23-2149152926.jpg" },
-        { id: "5", name: "Peter H.", role: "Gast", company: "Herford", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/oktoberfest-still-life-with-pretzel-beer_23-2152011907.jpg" },
+        { id: "1", name: "Markus S.", role: "Stammgast", company: "Bielefeld", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg?w=200&h=200" },
+        { id: "2", name: "Julia M.", role: "Besucherin", company: "Bielefeld", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-handsome-male-enjoying-family-life-with-their-little-daughter-outdoor-cafe_613910-18579.jpg?w=200&h=200" },
+        { id: "3", name: "Thomas K.", role: "Tourist", company: "Berlin", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-woman-sitting-cafe_273609-4485.jpg?w=200&h=200" },
+        { id: "4", name: "Sabine L.", role: "Stammgast", company: "Bielefeld", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-clinking-bottles_23-2149152926.jpg?w=200&h=200" },
+        { id: "5", name: "Peter H.", role: "Gast", company: "Herford", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/oktoberfest-still-life-with-pretzel-beer_23-2152011907.jpg?w=200&h=200" },
       ]}
       title="Was unsere Gäste sagen"
       description="Erfahrungen unserer zufriedenen Kunden."
@@ -171,7 +171,7 @@ export default function LandingPage() {
         { name: "date", type: "date", placeholder: "Wunschdatum", required: true },
       ]}
       textarea={{ name: "message", placeholder: "Ihre Nachricht oder Personenanzahl", rows: 4 }}
-      imageSrc="http://img.b2bpic.net/free-photo/barista-with-drink-looking-away_23-2147830585.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/barista-with-drink-looking-away_23-2147830585.jpg?w=800&h=600"
     />
   </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #2a2522;
+  --card: #3e3834;
+  --foreground: #f8f3ef;
+  --primary-cta: #8c6239;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #4a443f;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #b8860b;
+  --background-accent: #5c4d44;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);