Update src/app/styles/variables.css

src/app/page.tsx

@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Experience",
+          name: "Experience",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
       ]}
       brandName="EliteVoyage"
     />
@@ -53,15 +45,12 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       logoText="EliteVoyage"
       description="Crafting bespoke journeys for the world's most discerning travelers. Your gateway to unparalleled luxury."
       buttons={[
         {
-          text: "Plan Your Escape",
+          text: "Plan Your Escape",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-resort-hotel-leisure-travel-vacation_74190-8221.jpg"
       imageAlt="Luxury resort view"
@@ -71,13 +60,11 @@ export default function LandingPage() {
 
   <div id="about" data-section="about">
       <TextAbout
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="Unrivaled Elegance in Every Journey"
       buttons={[
         {
-          text: "Our Philosophy",
+          text: "Our Philosophy",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -86,29 +73,14 @@ export default function LandingPage() {
       <FeatureCardMedia
       animationType="slide-up"
       textboxLayout="split"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Private Aviation",          description: "Seamless, secure, and private air travel solutions.",          tag: "Flight",          imageSrc: "http://img.b2bpic.net/free-photo/high-tech-futuristic-urban-travel-people_23-2151160525.jpg"},
-          title: "Private Aviation",
-          description: "Seamless, secure, and private air travel solutions.",
-          tag: "Flight",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-tech-futuristic-urban-travel-people_23-2151160525.jpg",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Boutique Stays",          description: "Curated suites and villas in the world's best locations.",          tag: "Lodging",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg"},
-          title: "Boutique Stays",
-          description: "Curated suites and villas in the world's best locations.",
-          tag: "Lodging",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Chartered Voyages",          description: "Exclusive yacht experiences for private exploration.",          tag: "Cruise",          imageSrc: "http://img.b2bpic.net/free-photo/young-slim-woman-sitting-bikini-bathing-suit-yacht-basking-sun_1153-4157.jpg"},
-          title: "Chartered Voyages",
-          description: "Exclusive yacht experiences for private exploration.",
-          tag: "Cruise",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-slim-woman-sitting-bikini-bathing-suit-yacht-basking-sun_1153-4157.jpg",
-        },
       ]}
       title="Exceptional Services"
       description="We specialize in curate experiences that go beyond the ordinary."
@@ -119,58 +91,31 @@ export default function LandingPage() {
       <PricingCardEight
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       plans={[
         {
-          id: "p1",
+          id: "p1",          badge: "Essentials",          price: "$5,000",          subtitle: "Curated vacation packages.",          buttons: [
-          badge: "Essentials",
-          price: "$5,000",
-          subtitle: "Curated vacation packages.",
-          buttons: [
             {
-              text: "Select",
+              text: "Select",              href: "#"},
-              href: "#",
-            },
           ],
           features: [
-            "Concierge planning",
+            "Concierge planning",            "Preferred rates",            "24/7 Support"],
-            "Preferred rates",
-            "24/7 Support",
-          ],
         },
         {
-          id: "p2",
+          id: "p2",          badge: "Premium",          price: "$15,000",          subtitle: "Luxury travel experiences.",          buttons: [
-          badge: "Premium",
-          price: "$15,000",
-          subtitle: "Luxury travel experiences.",
-          buttons: [
             {
-              text: "Select",
+              text: "Select",              href: "#"},
-              href: "#",
-            },
           ],
           features: [
-            "VIP airport access",
+            "VIP airport access",            "Private transfers",            "Excursion curation"],
-            "Private transfers",
-            "Excursion curation",
-          ],
         },
         {
-          id: "p3",
+          id: "p3",          badge: "Elite",          price: "$30,000",          subtitle: "Total bespoke journeys.",          buttons: [
-          badge: "Elite",
-          price: "$30,000",
-          subtitle: "Total bespoke journeys.",
-          buttons: [
             {
-              text: "Select",
+              text: "Select",              href: "#"},
-              href: "#",
-            },
           ],
           features: [
-            "Dedicated consultant",
+            "Dedicated consultant",            "Private aviation access",            "Global concierge"],
-            "Private aviation access",
-            "Global concierge",
-          ],
         },
       ]}
       title="Membership Tiers"
@@ -182,43 +127,18 @@ export default function LandingPage() {
       <TestimonialCardTwo
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Elena Rossi",          role: "Collector",          testimonial: "The attention to detail was absolutely unmatched. A perfect experience.",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-stylish-evening-dress-sensual-mood-talking-phone-smiling-flirty-looking-sexy_285396-6180.jpg"},
-          name: "Elena Rossi",
-          role: "Collector",
-          testimonial: "The attention to detail was absolutely unmatched. A perfect experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-stylish-evening-dress-sensual-mood-talking-phone-smiling-flirty-looking-sexy_285396-6180.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Julian Thorne",          role: "CEO",          testimonial: "EliteVoyage transformed our honeymoon into something purely cinematic.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-man-carrying-baggage_23-2149380195.jpg"},
-          name: "Julian Thorne",
-          role: "CEO",
-          testimonial: "EliteVoyage transformed our honeymoon into something purely cinematic.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-man-carrying-baggage_23-2149380195.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Sarah Jenkins",          role: "Designer",          testimonial: "Beyond satisfied. The service provided was seamless from start to finish.",          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-sunglasses-standing-sand_1140-434.jpg"},
-          name: "Sarah Jenkins",
-          role: "Designer",
-          testimonial: "Beyond satisfied. The service provided was seamless from start to finish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-sunglasses-standing-sand_1140-434.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Marcus Vane",          role: "Architect",          testimonial: "An incredible journey, perfectly curated and executed.",          imageSrc: "http://img.b2bpic.net/free-photo/man-sunglasses-hat-drinking-cocktail-sitting-near-pool_176420-3985.jpg"},
-          name: "Marcus Vane",
-          role: "Architect",
-          testimonial: "An incredible journey, perfectly curated and executed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-sunglasses-hat-drinking-cocktail-sitting-near-pool_176420-3985.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Clara Dupont",          role: "Philanthropist",          testimonial: "Sophisticated, professional, and entirely bespoke. EliteVoyage is the standard.",          imageSrc: "http://img.b2bpic.net/free-photo/tourist-with-binoculars_1385-2747.jpg"},
-          name: "Clara Dupont",
-          role: "Philanthropist",
-          testimonial: "Sophisticated, professional, and entirely bespoke. EliteVoyage is the standard.",
-          imageSrc: "http://img.b2bpic.net/free-photo/tourist-with-binoculars_1385-2747.jpg",
-        },
       ]}
       title="Client Journeys"
       description="Stories from travelers who discovered the extraordinary."
@@ -227,10 +147,9 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Inquiry"
       title="Plan Your Bespoke Voyage"
       description="Contact our concierge team to start designing your next extraordinary escape."
@@ -243,16 +162,12 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="EliteVoyage"
       leftLink={{
-        text: "Privacy Policy",
+        text: "Privacy Policy",        href: "#"}}
-        href: "#",
-      }}
       rightLink={{
-        text: "Terms of Service",
+        text: "Terms of Service",        href: "#"}}
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #000000;
-  --card: #dad6cd;
+  --card: #0c0c0c;
-  --foreground: #2a2928;
+  --foreground: #ffffff;
-  --primary-cta: #2a2928;
+  --primary-cta: #ffffff;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #000000;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #333333;
-  --background-accent: #c6b180;
+  --background-accent: #222222;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);