Update src/app/styles/variables.css

Merge version_7 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 FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -88,7 +88,7 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             features={[
-              { id: "f1", title: "Private Logistics", subtitle: "Luxury fleet at your disposal.", category: "Transport", value: "24/7" },
+              { id: "f1", title: "Private Logistics", subtitle: "Luxury fleet at your disposal.", category: "Transport", value: "Around-the-clock support" },
               { id: "f2", title: "Secret Access", subtitle: "Entry to places few ever see.", category: "Exclusivity", value: "Unlimited" },
               { id: "f3", title: "Expert Concierge", subtitle: "Your dedicated personal assistant.", category: "Support", value: "1:1" },
             ]}
@@ -173,12 +173,12 @@ export default function LandingPage() {
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBase
-            columns={[
-              { title: "Navigate", items: [{ label: "Home", href: "#hero" }, { label: "Experiences", href: "#products" }] },
-              { title: "Information", items: [{ label: "About Us", href: "#about" }, { label: "Privacy Policy", href: "#" }] },
-            ]}
+          <FooterLogoEmphasis
             logoText="NISÉL TOUR"
+            columns={[
+              { items: [{ label: "Home", href: "#hero" }, { label: "Experiences", href: "#products" }] },
+              { items: [{ label: "About Us", href: "#about" }, { label: "Privacy Policy", href: "#" }] },
+            ]}
           />
         </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #1f7cff;
+  --background: #020617;
+  --card: #0f172a;
+  --foreground: #e2e8f0;
+  --primary-cta: #c4d8f9;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #010101;
+  --secondary-cta: #041633;
   --secondary-cta-text: #ffffff;
-  --accent: #1f7cff;
-  --background-accent: #f96b2f;
+  --accent: #2d30f3;
+  --background-accent: #1d4ed8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);