Update theme colors

Merge version_1 into main

src/app/page.tsx

@@ -3,16 +3,16 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardOne from '@/components/sections/blog/BlogCardOne';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TeamCardFive from '@/components/sections/team/TeamCardFive';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { ShieldCheck, Sparkles, Zap } from "lucide-react";
@@ -131,33 +131,34 @@ export default function LandingPage() {
         </div>
 
         <div id="team" data-section="team">
-          <TeamCardFive
-            textboxLayout="default"
+          <TeamCardEleven
+            textboxLayout="split"
             useInvertedBackground={false}
             animationType="blur-reveal"
-            team={[
-              { id: "1", name: "Kofi A.", role: "Head Guide", imageSrc: "http://img.b2bpic.net/free-photo/rope-carabiners-ground_23-2147665093.jpg?_wi=2" },
-              { id: "2", name: "Amara B.", role: "Wildlife Specialist", imageSrc: "http://img.b2bpic.net/free-photo/view-wild-rhino-nature_23-2151685503.jpg" },
-              { id: "3", name: "Zola M.", role: "Expert Scout", imageSrc: "http://img.b2bpic.net/free-photo/tiny-sparrow-standing-grass-field-sunlight_181624-45238.jpg" }
+            groups={[
+              { id: "expedition", groupTitle: "Expedition Leads", members: [
+                { id: "1", title: "Kofi A.", subtitle: "Head Guide", detail: "Expert in tracking and wildlife logistics." },
+                { id: "2", title: "Amara B.", subtitle: "Wildlife Specialist", detail: "Dedicated to ecosystem preservation." },
+                { id: "3", title: "Zola M.", subtitle: "Expert Scout", detail: "Leading elite scouting expeditions." }
+              ] }
             ]}
-            title="Meet Our Expert Guides"
-            description="Certified professionals dedicated to your safety and thrill."
+            title="Our Guide Management"
+            description="Elite professionals managing every detail of your journey."
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardTwelve
+          <TestimonialCardSix
+            textboxLayout="split"
             useInvertedBackground={false}
-            cardAnimation="blur-reveal"
+            animationType="blur-reveal"
+            title="Luxury Proof"
+            description="Voices from our most exclusive travelers."
             testimonials={[
-              { id: "1", name: "A", imageSrc: "http://img.b2bpic.net/free-photo/guest-arriving-exotic-resort-lobby-asking-front-desk-staff-about-booking-reservation-check-process-woman-tropical-holiday-registering-luxury-hotel-reception-handheld-shot_482257-64270.jpg" },
-              { id: "2", name: "B", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-young-woman-khaki-dress-desert-traveling-africa-safari-wearing-hat-backpack-taking-photo-vintage-camera_285396-9168.jpg" },
-              { id: "3", name: "C", imageSrc: "http://img.b2bpic.net/free-photo/stylish-afro-man-beige-old-school-suit-sit-table-street-fashionable-young-african-male-casual-jacket-bare-torso_627829-4740.jpg" },
-              { id: "4", name: "D", imageSrc: "http://img.b2bpic.net/free-photo/couple-looking-through-binoculars_107420-9754.jpg" },
-              { id: "5", name: "E", imageSrc: "http://img.b2bpic.net/free-photo/casual-african-woman-enjoying-day-off_23-2148353580.jpg" }
+              { id: "1", name: "Sarah J.", handle: "@traveller", testimonial: "Absolute cinematic brilliance." },
+              { id: "2", name: "Marcus T.", handle: "@explorer", testimonial: "Redefining the standard of safari." },
+              { id: "3", name: "Elena V.", handle: "@luxury", testimonial: "Meticulously planned and flawless." }
             ]}
-            cardTitle="Traveler Voices"
-            cardTag="Amazing Reviews"
           />
         </div>
 
@@ -204,27 +205,25 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactSplit
-            useInvertedBackground={false}
+          <ContactText
+            text="Join the elite circle of travelers. Receive exclusive access, news, and concierge safari insights directly to your inbox."
             background={{ variant: "radial-gradient" }}
-            title="Ready for Afrika?"
-            description="Join our newsletter and receive exclusive safari access."
-            imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-trees-fields-covered-fog-sunlight-perfect-wallpapers_181624-60517.jpg"
-            mediaAnimation="blur-reveal"
-            tag="Newsletter"
+            useInvertedBackground={false}
+            buttons={[{ text: "Join Newsletter" }]}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseReveal
+          <FooterBaseCard
             logoText="Amazing Afrika"
             columns={[
               { title: "Explore", items: [{ label: "Tours", href: "#products" }, { label: "Guides", href: "#team" }] },
-              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Privacy", href: "#" }] }
+              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Privacy", href: "#" }] },
+              { title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Contact", href: "#contact" }] }
             ]}
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffffe6;
-  --primary-cta: #e6e6e6;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --background: #000000;
+  --card: #1a2a1a;
+  --foreground: #ffffff;
+  --primary-cta: #ffffff;
+  --primary-cta-text: #0a150a;
+  --secondary-cta: #0d1a0d;
+  --secondary-cta-text: #e1f6e1;
+  --accent: #2d4a2d;
+  --background-accent: #c1e1c1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);