Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -45,9 +45,9 @@ export default function LandingPage() {
       <HeroBillboardScroll
       background={{ variant: "gradient-bars" }}
       title="Calma Space - Your sanctuary for focus and flavor"
-      description="The ideal destination for students and professionals in Irbid seeking a calm, productive environment."
-      imageSrc="http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg"
-      imageAlt="Calma Space interior"
+      description="The ideal destination for students and professionals in Irbid seeking a calm, productive environment. Featuring our signature 3D coffee experience."
+      imageSrc="http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg?_wi=1"
+      imageAlt="Calma Space interior with 3D coffee cup model"
     />
   </div>
 
@@ -153,15 +153,15 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        { title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
-        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
-      ]}
+      <FooterLogoEmphasis
       logoText="Calma Space"
+      columns={[
+        { items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
-  --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
-  --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --background: #e3deea;
+  --card: #ffffff;
+  --foreground: #27231f;
+  --primary-cta: #27231f;
+  --primary-cta-text: #e3deea;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #27231f;
+  --accent: #c68a62;
+  --background-accent: #c68a62;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);