Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -28,26 +28,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "#hero" },
-          name: "Home",
+        { name: "Experience", id: "#experience" },
-          id: "#hero",
+        { name: "Amenities", id: "#features" },
-        },
+        { name: "Reviews", id: "#testimonials" },
-        {
+        { name: "Contact", id: "#contact" },
-          name: "Experience",
-          id: "#experience",
-        },
-        {
-          name: "Amenities",
-          id: "#features",
-        },
-        {
-          name: "Reviews",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
       brandName="Bomberdier"
     />
@@ -57,12 +42,7 @@ export default function LandingPage() {
       <HeroLogo
       logoText="BOMBERDIER"
       description="Discover unparalleled luxury in the heart of Katavi. Where wild wilderness meets refined comfort."
-      buttons={[
+      buttons={[{ text: "Book Your Stay", href: "#contact" }]}
-        {
-          text: "Book Your Stay",
-          href: "#contact",
-        },
-      ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/closeup-giraffe-zoo_53876-31699.jpg"
       imageAlt="Bomberdier Hotel View"
@@ -76,18 +56,9 @@ export default function LandingPage() {
       title="A Gateway to the Untamed"
       description="Bomberdier offers a sanctuary of elegance amidst the vast, pristine landscapes of Katavi. Designed for the discerning traveler seeking intimate connection with nature without compromising on world-class service."
       metrics={[
-        {
+        { value: "15", title: "Luxury Suites" },
-          value: "15",
+        { value: "100%", title: "Wilderness View" },
-          title: "Luxury Suites",
+        { value: "24/7", title: "Concierge Service" },
-        },
-        {
-          value: "100%",
-          title: "Wilderness View",
-        },
-        {
-          value: "24/7",
-          title: "Concierge Service",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/luxury-thai-massage-pavilion_1150-11075.jpg"
       imageAlt="Luxury interiors"
@@ -102,27 +73,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
+        { id: "f1", title: "Infinity Pool", subtitle: "Overlooking the savanna", category: "Wellness", value: "View" },
-          id: "f1",
+        { id: "f2", title: "Gourmet Dining", subtitle: "Locally sourced flavors", category: "Gastronomy", value: "Cuisine" },
-          title: "Infinity Pool",
+        { id: "f3", title: "Private Safaris", subtitle: "Expert-led wilderness tours", category: "Adventure", value: "Guides" },
-          subtitle: "Overlooking the savanna",
-          category: "Wellness",
-          value: "View",
-        },
-        {
-          id: "f2",
-          title: "Gourmet Dining",
-          subtitle: "Locally sourced flavors",
-          category: "Gastronomy",
-          value: "Cuisine",
-        },
-        {
-          id: "f3",
-          title: "Private Safaris",
-          subtitle: "Expert-led wilderness tours",
-          category: "Adventure",
-          value: "Guides",
-        },
       ]}
       title="Curated Amenities"
       description="Experience hand-picked comforts tailored to elevate your stay."
@@ -135,41 +88,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Alice M.", role: "Explorer", testimonial: "An incredible experience.", imageSrc: "http://img.b2bpic.net/free-photo/serious-blonde-young-woman-using-mobile-phone_23-2147974655.jpg" },
-          id: "1",
+        { id: "2", name: "John D.", role: "Traveler", testimonial: "Best safari resort I have ever visited.", imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-man-posing-front-river_23-2148693682.jpg" },
-          name: "Alice M.",
-          role: "Explorer",
-          testimonial: "An incredible experience. The luxury in such a wild setting is unheard of.",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-blonde-young-woman-using-mobile-phone_23-2147974655.jpg",
-        },
-        {
-          id: "2",
-          name: "John D.",
-          role: "Traveler",
-          testimonial: "Best safari resort I have ever visited. Truly top-notch service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-man-posing-front-river_23-2148693682.jpg",
-        },
-        {
-          id: "3",
-          name: "Sara K.",
-          role: "Guest",
-          testimonial: "Exquisite dining and breathtaking pool views. Will definitely return.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-blonde-female-photographer-white-blouse-black-leather-jacket-posing-with-camera-studio-isolated-gray-background_613910-18599.jpg",
-        },
-        {
-          id: "4",
-          name: "Mike B.",
-          role: "Adventurer",
-          testimonial: "Everything was perfectly curated. Five-star wilderness comfort.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-using-binocular-landscape_107420-9792.jpg",
-        },
-        {
-          id: "5",
-          name: "Elena R.",
-          role: "Visitor",
-          testimonial: "A unique blend of elegance and nature. A rare gem in Katavi.",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-hikers-with-backpacks-back-nature_146671-15842.jpg",
-        },
       ]}
       title="Guest Stories"
       description="What our guests say about their experience in Katavi."
@@ -177,55 +97,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCenter
-      useInvertedBackground={true}
+      tag="Reservations"
-      background={{
+      title="Plan Your Journey"
-        variant: "gradient-bars",
+      description="Submit an inquiry to receive a personalized quote for your stay, dining arrangements, or private safari tours."
-      }}
+      background={{ variant: "sparkles-gradient" }}
-      text="Are you ready to book your bespoke Tanzanian adventure? Contact our reservations team today to secure your suite."
+      useInvertedBackground={false}
-      buttons={[
-        {
-          text: "Inquire Now",
-          href: "mailto:info@bomberdier.tz",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoEmphasis
       logoText="BOMBERDIER"
       columns={[
-        {
+        { items: [{ label: "Katavi, Tanzania" }, { label: "+255 777 000 123" }, { label: "info@bomberdier.tz" }] },
-          title: "Company",
+        { items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }, { label: "Careers" }] }
-          items: [
-            {
-              label: "About Us",
-              href: "#experience",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          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: #f5f4ef;
+  --background: #fbfbf8;
-  --card: #dad6cd;
+  --card: #f0ede8;
-  --foreground: #2a2928;
+  --foreground: #1a1a1a;
-  --primary-cta: #2a2928;
+  --primary-cta: #c19a6b;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #d4d4d4;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #c19a6b;
-  --background-accent: #c6b180;
+  --background-accent: #e0d8cc;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);