Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -50,10 +50,10 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogo
       logoText="The Cliff"
-      description="Experience refined Mediterranean cuisine and impeccable service overlooking the sparkling sea in La Marsa. From sunset aperitifs to intimate dinners, The Cliff delivers unforgettable moments."
+      description="Discover the epitome of Mediterranean fine dining at The Cliff. Perched above the azure waters of La Marsa, we provide an exquisite culinary escape defined by seasonal flavors, world-class service, and unmatched panoramic views."
       buttons={[
         {
-          text: "Reserve Your Table",          href: "#contact"},
+          text: "Secure Your Reservation",          href: "#contact"},
       ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/nature-resort-sky-umbrella-chair_1203-4627.jpg"
@@ -240,31 +240,26 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBaseReveal
+      logoText="The Cliff"
       columns={[
         {
-          items: [
+          title: "Quick Links",          items: [
-            {
+            { label: "Home", href: "#hero" },
-              label: "Home",              href: "#hero"},
+            { label: "About", href: "#about" },
-            {
+            { label: "Menu", href: "#products" },
-              label: "About",              href: "#about"},
-            {
-              label: "Menu",              href: "#products"},
           ],
         },
         {
-          items: [
+          title: "Legal",          items: [
-            {
+            { label: "Privacy Policy", href: "#" },
-              label: "Privacy Policy",              href: "#"},
+            { label: "Terms of Service", href: "#" },
-            {
-              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
-      logoText="The Cliff"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fafffb;
+  --background: #e3deea;
   --card: #ffffff;
-  --foreground: #001a0a;
+  --foreground: #1f2027;
-  --primary-cta: #0a705f;
+  --primary-cta: #1f2027;
-  --primary-cta-text: #fafffb;
+  --primary-cta-text: #e3deea;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #001a0a;
+  --secondary-cta-text: #1f2027;
-  --accent: #a8d9be;
+  --accent: #627dc6;
-  --background-accent: #6bbfb8;
+  --background-accent: #627dc6;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);