Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -276,12 +276,33 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterMedia
       logoText="Gite d'étape Ouanskra"
-      leftLink={{
-        text: "Privacy Policy",        href: "#"}}
-      rightLink={{
-        text: "Terms of Service",        href: "#"}}
+      imageSrc="http://img.b2bpic.net/free-photo/woman-with-her-coffee-sitting-outdoors-porch_53876-97154.jpg"
+      imageAlt="Gite d'étape Ouanskra exterior"
+      columns={[
+        {
+          title: "Explore",          items: [
+            {
+              label: "Home",              href: "#home"},
+            {
+              label: "About",              href: "#about"},
+            {
+              label: "Features",              href: "#features"},
+            {
+              label: "Rooms",              href: "#rooms"},
+            {
+              label: "Pricing",              href: "#pricing"},
+          ]},
+        {
+          title: "Legal",          items: [
+            {
+              label: "Privacy Policy",              href: "#"},
+            {
+              label: "Terms of Service",              href: "#"},
+          ]},
+      ]}
+      copyrightText="© 2025 | Gite d'étape Ouanskra"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
+  --background: #e3deea;
   --card: #ffffff;
-  --foreground: #25190c;
-  --primary-cta: #ff6207;
+  --foreground: #27231f;
+  --primary-cta: #27231f;
   --primary-cta-text: #f7f6f7;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #25190c;
-  --accent: #ffce93;
-  --background-accent: #e8cfa8;
+  --accent: #c68a62;
+  --background-accent: #c68a62;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);