Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -18,54 +18,43 @@ export default function LandingPage() {
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
-        contentWidth="compact"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
         sizing="medium"
-        background="none"
-        cardStyle="inset"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="solid"
-        headingFontWeight="medium"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Über uns",          id: "about"},
-        {
-          name: "Menü",          id: "products"},
-        {
-          name: "Besuch",          id: "visit"},
-        {
-          name: "Kontakt",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Über uns", id: "about" },
+        { name: "Menü", id: "products" },
+        { name: "Besuch", id: "visit" },
+        { name: "Kontakt", id: "contact" },
       ]}
       brandName="Mili’s Cafe"
-      button={{
-        text: "Tisch anfragen",        href: "#contact"}}
+      button={{ text: "Tisch anfragen", href: "https://www.miliscafe-hamburg.de/" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "sparkles-gradient" }}
       title="Hamburgs warmer Ort für Frühstück, Kaffee & Orient."
       description="Spanisch-marokkanisches Café & Bistro in Hamburg Neustadt — mit hausgemachten Spezialitäten, Frühstück, Brunch, Kaffee und mediterranen Momenten."
       tag="Neu in Neustadt"
       buttons={[
-        {
-          text: "Menü entdecken",          href: "#products"},
-        {
-          text: "Route planen",          href: "https://maps.google.com"},
+        { text: "Menü entdecken", href: "https://www.miliscafe-hamburg.de/" },
+        { text: "Route planen", href: "https://maps.app.goo.gl/yC7LqP7Jb5J9f5K88" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/assortment-croissants-with-peanut-butter_23-2148566686.jpg",          imageAlt: "moroccan cafe interior breakfast table"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-breakfast-with-egg-dish-pancakes-fresh-salad-jam-cheese-honey_140725-204.jpg",          imageAlt: "cafe table with coffee and brunch"}
+        { imageSrc: "http://img.b2bpic.net/free-photo/assortment-croissants-with-peanut-butter_23-2148566686.jpg", imageAlt: "moroccan cafe interior breakfast table" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-breakfast-with-egg-dish-pancakes-fresh-salad-jam-cheese-honey_140725-204.jpg", imageAlt: "cafe table with coffee and brunch" }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -95,18 +84,12 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",          name: "Marokkanisches Frühstück",          price: "16,90 €",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-breakfast-setting-with-mixed-combination-food_140725-10145.jpg",          imageAlt: "traditional moroccan breakfast board"},
-        {
-          id: "2",          name: "Glück für 2",          price: "29,90 €",          imageSrc: "http://img.b2bpic.net/free-photo/croissants-wooden-background_23-2148322202.jpg",          imageAlt: "two person breakfast brunch platter"},
-        {
-          id: "3",          name: "Baguette Apo Marokko",          price: "12,90 €",          imageSrc: "http://img.b2bpic.net/free-photo/cooking-garlic-bread-wooden-board_23-2147761384.jpg",          imageAlt: "moroccan baguette sandwich"},
-        {
-          id: "4",          name: "Mili’s Chicken Sandwich",          price: "11,90 €",          imageSrc: "http://img.b2bpic.net/free-photo/sandwich-desk-with-orange-juice_140725-6327.jpg",          imageAlt: "chicken sandwich cafe style"},
-        {
-          id: "5",          name: "French Toast Deluxe",          price: "13,90 €",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-cake-slices-with-strawberries-candies-light-floor_140725-120635.jpg",          imageAlt: "french toast with fresh berries"},
-        {
-          id: "6",          name: "Tajine Special",          price: "18,90 €",          imageSrc: "http://img.b2bpic.net/free-photo/hearty-meat-leafy-greens-stew-with-flatbread_140725-2919.jpg",          imageAlt: "moroccan vegetable tajine pot"},
+        { id: "1", name: "Marokkanisches Frühstück", price: "16,90 €", imageSrc: "http://img.b2bpic.net/free-photo/side-view-breakfast-setting-with-mixed-combination-food_140725-10145.jpg" },
+        { id: "2", name: "Glück für 2", price: "29,90 €", imageSrc: "http://img.b2bpic.net/free-photo/croissants-wooden-background_23-2148322202.jpg" },
+        { id: "3", name: "Baguette Apo Marokko", price: "12,90 €", imageSrc: "http://img.b2bpic.net/free-photo/cooking-garlic-bread-wooden-board_23-2147761384.jpg" },
+        { id: "4", name: "Mili’s Chicken Sandwich", price: "11,90 €", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-desk-with-orange-juice_140725-6327.jpg" },
+        { id: "5", name: "French Toast Deluxe", price: "13,90 €", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-cake-slices-with-strawberries-candies-light-floor_140725-120635.jpg" },
+        { id: "6", name: "Tajine Special", price: "18,90 €", imageSrc: "http://img.b2bpic.net/free-photo/hearty-meat-leafy-greens-stew-with-flatbread_140725-2919.jpg" },
       ]}
       title="Unsere Spezialitäten"
       description="Entdecke unsere hausgemachten Gerichte für dein perfektes Frühstück."
@@ -117,13 +100,11 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
-        "@milis.cafe",        "@hamburgfoodie",        "@brunchguidehh",        "@neustadtkultur",        "@cafelovers"]}
+      names={["@milis.cafe", "@hamburgfoodie", "@brunchguidehh", "@neustadtkultur", "@cafelovers"]}
       title="Erlebe Mili’s Café online"
       description="Folge uns für tägliche Inspirationen, neue Gerichte und mediterrane Vibes aus der Neustadt."
       buttons={[
-        {
-          text: "Instagram öffnen",          href: "https://www.instagram.com/milis.cafe/"},
+        { text: "Instagram öffnen", href: "https://www.instagram.com/milis_cafe_/" },
       ]}
     />
   </div>
@@ -134,15 +115,9 @@ export default function LandingPage() {
       textboxLayout="split-description"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Events & Meetings",          description: "Perfekt für geschäftliche Anlässe.",          icon: Briefcase,
-        },
-        {
-          title: "Private Feiern",          description: "Lasse dich orientalisch verwöhnen.",          icon: Gift,
-        },
-        {
-          title: "Maßgeschneidert",          description: "Individuelle kulinarische Konzepte.",          icon: Award,
-        },
+        { title: "Events & Meetings", description: "Perfekt für geschäftliche Anlässe.", icon: Briefcase },
+        { title: "Private Feiern", description: "Lasse dich orientalisch verwöhnen.", icon: Gift },
+        { title: "Maßgeschneidert", description: "Individuelle kulinarische Konzepte.", icon: Award },
       ]}
       title="Catering für besondere Momente"
       description="Mili’s Cafe bietet mediterrane und marokkanische Spezialitäten für Events, Meetings und besondere Anlässe."
@@ -152,14 +127,11 @@ export default function LandingPage() {
   <div id="visit" data-section="visit">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static"}}
+      background={{ variant: "rotated-rays-static" }}
       text="Neustädter Neuer Weg 20, 20459 Hamburg | Öffnungszeiten: Mo-Sa 09:00–18:00 (Fr/Sa bis 20:00), So 09:00-18:00"
       buttons={[
-        {
-          text: "Route öffnen",          href: "https://maps.google.com"},
-        {
-          text: "Jetzt anrufen",          href: "tel:+49123456789"},
+        { text: "Route öffnen", href: "https://maps.app.goo.gl/yC7LqP7Jb5J9f5K88" },
+        { text: "Jetzt anrufen", href: "tel:+494071622282" },
       ]}
     />
   </div>
@@ -169,12 +141,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",          title: "Wie reserviere ich einen Tisch?",          content: "Sende uns einfach eine Nachricht über unser Kontaktformular oder ruf uns an."},
-        {
-          id: "2",          title: "Bietet ihr vegane Optionen an?",          content: "Ja, wir bieten verschiedene vegetarische und vegane Frühstücksoptionen an."},
-        {
-          id: "3",          title: "Habt ihr einen Außenbereich?",          content: "Bei gutem Wetter begrüßen wir euch gerne auf unserer sonnigen Terrasse."},
+        { id: "1", title: "Wie reserviere ich einen Tisch?", content: "Sende uns einfach eine Nachricht über unser Kontaktformular oder ruf uns an." },
+        { id: "2", title: "Bietet ihr vegane Optionen an?", content: "Ja, wir bieten verschiedene vegetarische und vegane Frühstücksoptionen an." },
+        { id: "3", title: "Habt ihr einen Außenbereich?", content: "Bei gutem Wetter begrüßen wir euch gerne auf unserer sonnigen Terrasse." },
       ]}
       title="Noch Fragen?"
       description="Schreib uns gerne eine Nachricht."
@@ -186,26 +155,12 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Mili’s Cafe"
       columns={[
-        {
-          title: "Kontakt",          items: [
-            {
-              label: "Neustädter Neuer Weg 20",              href: "#"},
-            {
-              label: "0123 456 789",              href: "tel:+49123456789"},
-          ],
-        },
-        {
-          title: "Rechtliches",          items: [
-            {
-              label: "Impressum",              href: "#"},
-            {
-              label: "Datenschutz",              href: "#"},
-          ],
-        },
+        { title: "Kontakt", items: [{ label: "Neustädter Neuer Weg 20", href: "https://maps.app.goo.gl/yC7LqP7Jb5J9f5K88" }, { label: "040 71622282", href: "tel:+494071622282" }] },
+        { title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-libre-baskerville), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-libre-baskerville), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #FFF8EF;
-  --card: #F6D7A8;
-  --foreground: #2A1710;
-  --primary-cta: #8B4D22;
+  --background: #f5f4ef;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
   --primary-cta-text: #FFF8EF;
-  --secondary-cta: #FFF8EF;
+  --secondary-cta: #efe7dd;
   --secondary-cta-text: #2A1710;
-  --accent: #C78B53;
-  --background-accent: #E6D3B8;
+  --accent: #94877c;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);