Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
@@ -48,7 +48,7 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
+      <HeroSplitDoubleCarousel
       background={{
         variant: "plain"}}
       title="Datterich Schänke"
@@ -56,15 +56,14 @@ export default function LandingPage() {
       tag="Ihr Zuhause der Gastlichkeit"
       tagAnimation="slide-up"
       buttonAnimation="slide-up"
-      mediaItems={[
+      leftCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-gourmet-snack-salad-table_23-2148454103.jpg",          imageAlt: "Ein Teller mit leckerem Essen im Restaurant"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/drink-snacks-table_23-2147885843.jpg",          imageAlt: "Gemütlicher Innenbereich der Datterich Schänke"}
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EtlkXry24eXthBdDciwweCp7yj/uploaded-1781031804387-gw64cqes.jpg",          imageAlt: "Ein Teller mit leckerem Essen im Restaurant"}
+      ]}
+      rightCarouselItems={[
+        {
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EtlkXry24eXthBdDciwweCp7yj/uploaded-1781031804387-55x5e8of.jpg?_wi=1",          imageAlt: "Gemütlicher Innenbereich der Datterich Schänke"}
       ]}
-      mediaAnimation="opacity"
-      rating={4.6}
-      ratingText="347 Bewertungen"
       buttons={[
         {
           text: "Speisekarte ansehen",          href: "#menu"},
@@ -192,8 +191,8 @@ export default function LandingPage() {
       title="Kontakt & Öffnungszeiten"
       description="Wir freuen uns darauf, Sie in der Datterich Schänke begrüßen zu dürfen. Kontaktieren Sie uns für Reservierungen oder Anfragen."
       tagAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/pink-bowl-tasty-ripe-silverberries-marble-background_114579-74700.jpg"
-      imageAlt="Außenansicht der Datterich Schänke"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EtlkXry24eXthBdDciwweCp7yj/uploaded-1781031804387-55x5e8of.jpg?_wi=2"
+      imageAlt="Gemütlicher Innenbereich der Datterich Schänke"
       mediaAnimation="opacity"
       mediaPosition="left"
       inputPlaceholder="Ihre Nachricht (optional)"
@@ -244,4 +243,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
+  --primary-cta: #15479c;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);