Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -31,26 +31,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Reviews",
-          id: "#reviews",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "About", id: "#about" },
+        { name: "Services", id: "#services" },
+        { name: "Reviews", id: "#reviews" },
+        { name: "FAQ", id: "#faq" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="VINAS Businesses"
     />
@@ -58,117 +44,18 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Helping Businesses Grow with Smart, Reliable Solutions"
       description="VINAS Businesses is a trusted business management consulting company based in Nakawa Division, Kampala. We help businesses improve operations, grow confidently, and achieve long-term success."
       leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/tired-asian-it-specialist-drinking-coffee-watching-female-colleague-working-with-laptop-indoor-portrait-young-business-people-sitting-table-together-conference-hall_197531-3708.jpg",
-          imageAlt: "Business consulting office meeting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-down-office-job-interview-desk-with-his-employers_23-2149034557.jpg",
-          imageAlt: "Business consulting office meeting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-receives-instructions-from-manager_482257-120146.jpg",
-          imageAlt: "Business consulting office meeting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173766.jpg",
-          imageAlt: "Business consulting office meeting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/employers-agreeing-terms-with-applicant-using-walking-canes_482257-115593.jpg",
-          imageAlt: "Business consulting office meeting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-project_23-2149286147.jpg",
-          imageAlt: "Business consulting office meeting",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/tired-asian-it-specialist-drinking-coffee-watching-female-colleague-working-with-laptop-indoor-portrait-young-business-people-sitting-table-together-conference-hall_197531-3708.jpg" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-down-office-job-interview-desk-with-his-employers_23-2149034557.jpg" }
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/group-smiling-business-people-analyzing-reports-communicating-while-working-together-office-there-are-people-background_637285-170.jpg",
-          imageAlt: "Business consulting office meeting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/focused-african-american-general-manager-multitasking-desk-solve-business-tasks_482257-118582.jpg",
-          imageAlt: "Business consulting office meeting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-employees-sitting-office-table-using-laptop-team-work-brainstorming-meeting-concept_146671-15671.jpg",
-          imageAlt: "Business consulting office meeting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/team-happy-businesswomen-working-office-looking-camera_637285-13049.jpg",
-          imageAlt: "Business consulting office meeting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/ambitious-female-leader-focusing-strategic-planning-business-success_482257-123617.jpg",
-          imageAlt: "Business consulting office meeting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-modern-achitectural-office-working-laptop-desk-with-3d-white-foam-scale-model-skyscraper-engineer-looking-blueprints-architecture-project-urban-development-area_482257-33561.jpg",
-          imageAlt: "Business consulting office meeting",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/business-people-video-call-meeting_53876-20929.jpg",
-          alt: "Business people in a video call meeting",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-business-people-meeting_23-2148427159.jpg",
-          alt: "Front view of business people in meeting",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-business-team-watching-presentation-laptop-sitting-workplace-staring-display-smiling-copy-space-business-meeting-concept_74855-11583.jpg",
-          alt: "Cheerful business team watching presentation on laptop",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/women-talking-near-working-colleague_23-2147808053.jpg",
-          alt: "Women talking near working colleague",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-owner-having-chat-phone-call-with-shareholders_482257-90799.jpg",
-          alt: "Business owner having a chat on phone call",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Strategy",
-        },
-        {
-          type: "text",
-          text: "Growth",
-        },
-        {
-          type: "text",
-          text: "Innovation",
-        },
-        {
-          type: "text",
-          text: "Reliability",
-        },
-        {
-          type: "text",
-          text: "Professionalism",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/group-smiling-business-people-analyzing-reports-communicating-while-working-together-office-there-are-people-background_637285-170.jpg" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/focused-african-american-general-manager-multitasking-desk-solve-business-tasks_482257-118582.jpg" }
       ]}
+      buttons={[{ text: "Get Started", href: "#contact" }, { text: "Contact Us", href: "#contact" }]}
     />
   </div>
 
@@ -181,8 +68,6 @@ export default function LandingPage() {
       subdescription="Located in Nakawa Division, Kampala, we work with startups, growing businesses, and established companies to provide practical business solutions that deliver real results."
       icon={Briefcase}
       imageSrc="http://img.b2bpic.net/free-photo/brainstorming-office_1098-621.jpg"
-      mediaAnimation="slide-up"
-      imageAlt="Consulting services professional meeting"
     />
   </div>
 
@@ -190,27 +75,12 @@ export default function LandingPage() {
       <FeatureCardThree
       animationType="slide-up"
       textboxLayout="default"
+      useInvertedBackground={true}
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
       features={[
-        {
-          title: "Business Consulting",
-          description: "Strategic guidance to improve performance and unlock new opportunities.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-office_1098-21677.jpg",
-          imageAlt: "Professional business consultation",
-        },
-        {
-          title: "Business Development",
-          description: "Helping businesses grow through planning and market-focused strategies.",
-          imageSrc: "http://img.b2bpic.net/free-photo/presentation-contract_1098-15816.jpg",
-          imageAlt: "Management strategy meeting",
-        },
-        {
-          title: "Professional Advisory",
-          description: "Expert advice tailored to your business goals and industry needs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-having-meeting-with-group-doctors-shaking-hands-with-one-them-office_637285-7072.jpg",
-          imageAlt: "Trusted partnership consultation",
-        },
+        { title: "Business Consulting", description: "Strategic guidance to improve performance and unlock new opportunities.", imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-office_1098-21677.jpg" },
+        { title: "Business Development", description: "Helping businesses grow through planning and market-focused strategies.", imageSrc: "http://img.b2bpic.net/free-photo/presentation-contract_1098-15816.jpg" },
+        { title: "Professional Advisory", description: "Expert advice tailored to your business goals and industry needs.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-having-meeting-with-group-doctors-shaking-hands-with-one-them-office_637285-7072.jpg" }
       ]}
       title="Our Services"
       description="We offer expert guidance and support to help your business reach its potential."
@@ -223,33 +93,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "4.9",
-          title: "Client Rating",
-          items: [
-            "Trusted by businesses",
-            "High quality output",
-          ],
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "Availability",
-          items: [
-            "Always operational",
-            "Responsive support",
-          ],
-        },
-        {
-          id: "m3",
-          value: "Local",
-          title: "Nakawa Division",
-          items: [
-            "Kampala based",
-            "Expert local team",
-          ],
-        },
+        { id: "m1", value: "4.9", title: "Client Rating", items: ["Trusted by businesses", "High quality output"] },
+        { id: "m2", value: "24/7", title: "Availability", items: ["Always operational", "Responsive support"] },
+        { id: "m3", value: "Local", title: "Nakawa Division", items: ["Kampala based", "Expert local team"] }
       ]}
       title="Why Choose Us"
       description="We are committed to delivering dependable, professional services 24/7."
@@ -259,51 +105,13 @@ export default function LandingPage() {
   <div id="reviews" data-section="reviews">
       <TestimonialCardTen
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          title: "Excellent",
-          quote: "Good at their work.",
-          name: "Ayebare Anitah",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mid-adult-businessman-sitting-office_1262-17133.jpg",
-        },
-        {
-          id: "2",
-          title: "Great Delivery",
-          quote: "Great work output. I thought they wouldn't deliver until I trusted them with my company. Great work guys.",
-          name: "Twahirwa Atwine",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-sitting-with-cup-coffee-room_23-2148112111.jpg",
-        },
-        {
-          id: "3",
-          title: "Recommended",
-          quote: "Great work being done by this company. I liked their services. Kudos.",
-          name: "Abra Wilk",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
-        },
-        {
-          id: "4",
-          title: "Consistent",
-          quote: "The team is very professional and reliable.",
-          name: "Anonymous",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-student-passed-exams-having-fun-with-university-mates-international-office-workers-discussing-about-new-company-goals_197531-3749.jpg",
-        },
-        {
-          id: "5",
-          title: "Trusted",
-          quote: "Happy with the services provided, high recommendation.",
-          name: "Client",
-          role: "Business Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-man-greeting-colleague_74855-1519.jpg",
-        },
+        { id: "1", title: "Excellent", quote: "Professional, reliable and very knowledgeable. Highly recommended.", name: "Ayebare Anitah", role: "Local Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mid-adult-businessman-sitting-office_1262-17133.jpg" },
+        { id: "2", title: "Great Delivery", quote: "They transformed our operations. Truly impressive results and consistent support.", name: "Twahirwa Atwine", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/businessman-sitting-with-cup-coffee-room_23-2148112111.jpg" }
       ]}
-      title="What Our Clients Say"
-      description="Trusted by businesses in Kampala to deliver great results."
+      title="Client Success Stories"
+      description="Trusted by ambitious businesses throughout Kampala to deliver excellence."
     />
   </div>
 
@@ -311,89 +119,35 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",
-          title: "What services do you offer?",
-          content: "We offer business consulting, development, and professional advisory services.",
-        },
-        {
-          id: "q2",
-          title: "Where are you located?",
-          content: "We are based in Nakawa Division, Kampala.",
-        },
-        {
-          id: "q3",
-          title: "Are you open 24/7?",
-          content: "Yes, we are operational 24 hours to support our clients anytime.",
-        },
+        { id: "q1", title: "What services do you offer?", content: "We specialize in comprehensive business consulting, operational strategy, and professional business development." },
+        { id: "q2", title: "Where are you located?", content: "Our primary office is located in the heart of Nakawa Division, Kampala, serving clients across the region." },
+        { id: "q3", title: "Is your support available 24/7?", content: "Absolutely. We understand that business doesn't sleep, so we offer 24/7 support to address your needs whenever they arise." }
       ]}
-      sideTitle="Frequently Asked Questions"
+      sideTitle="Common Questions"
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
+      tag="Get In Touch"
+      title="Start Your Growth Journey"
+      description="Ready to elevate your business operations? Contact our consultants today for a strategic consultation."
+      imageSrc="http://img.b2bpic.net/free-photo/business-people-video-call-meeting_53876-20929.jpg"
+      buttonText="Submit Inquiry"
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Contact VINAS Businesses"
-      description="Ready to help your business grow. Get in touch with us today."
-      buttonText="Send Message"
-      tag="Contact Us"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterLogoEmphasis
       logoText="VINAS Businesses"
       columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Phone: 0774 675576",
-              href: "tel:0774675576",
-            },
-            {
-              label: "Kampala, Uganda",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
+        { items: [{ label: "Phone: 0774 675576" }, { label: "Kampala, Uganda" }] },
+        { items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] }
       ]}
-      copyrightText="© 2026 VINAS Businesses. All Rights Reserved."
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #333333;
-  --primary-cta: #0B1F3A;
+  --background: #0a192f;
+  --card: #112240;
+  --foreground: #e6f1ff;
+  --primary-cta: #ffd700;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #D4A017;
+  --secondary-cta: #1f407a;
   --secondary-cta-text: #ffffff;
-  --accent: #e2e2e2;
-  --background-accent: #f9f9f9;
+  --accent: #d4af37;
+  --background-accent: #0d253f;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);