Update src/app/styles/variables.css

src/app/page.tsx

@@ -31,29 +31,17 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Amenities",
+          name: "Amenities",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Machakos Inn"
     />
@@ -62,77 +50,48 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       title="Machakos Inn Hotel"
       description="Affordable Luxury. Exceptional Comfort. Your perfect stay in Machakos."
       kpis={[
         {
-          value: "24/7",
+          value: "24/7",          label: "Hospitality"},
-          label: "Hospitality",
-        },
         {
-          value: "Rooms",
+          value: "Rooms",          label: "Luxury"},
-          label: "Luxury",
-        },
         {
-          value: "Best",
+          value: "Best",          label: "Service"},
-          label: "Service",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Book Your Stay",
+          text: "Book Your Stay",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/male-white-bathrobe-with-coffee-mug-hand_1153-3743.jpg",
+          src: "http://img.b2bpic.net/free-photo/male-white-bathrobe-with-coffee-mug-hand_1153-3743.jpg",          alt: "Male in white bathrobe"},
-          alt: "Male in white bathrobe",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/man-hotel-drinking-coffee_1368-6295.jpg",
+          src: "http://img.b2bpic.net/free-photo/man-hotel-drinking-coffee_1368-6295.jpg",          alt: "Man drinking coffee"},
-          alt: "Man drinking coffee",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg",
+          src: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg",          alt: "Smiling girl in spa"},
-          alt: "Smiling girl in spa",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-businesswoman-using-sign-language_23-2148740301.jpg",
+          src: "http://img.b2bpic.net/free-photo/front-view-smiley-businesswoman-using-sign-language_23-2148740301.jpg",          alt: "Businesswoman sign language"},
-          alt: "Businesswoman sign language",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/man-clapping-hands-isolated-studio_1303-30130.jpg",
+          src: "http://img.b2bpic.net/free-photo/man-clapping-hands-isolated-studio_1303-30130.jpg",          alt: "Man clapping hands"},
-          alt: "Man clapping hands",
-        },
       ]}
       avatarText="Trusted by 10,000+ satisfied guests"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Premium Comfort"},
-          text: "Premium Comfort",
-        },
         {
-          type: "text",
+          type: "text",          text: "Strategic Location"},
-          text: "Strategic Location",
-        },
         {
-          type: "text",
+          type: "text",          text: "Fast Booking"},
-          text: "Fast Booking",
-        },
         {
-          type: "text",
+          type: "text",          text: "Modern Amenities"},
-          text: "Modern Amenities",
-        },
         {
-          type: "text",
+          type: "text",          text: "Secure Environment"},
-          text: "Secure Environment",
-        },
       ]}
     />
   </div>
@@ -142,18 +101,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "Welcome to "},
-          content: "Welcome to ",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg",          alt: "Luxury hotel reception"},
-          src: "http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg",
-          alt: "Luxury hotel reception",
-        },
         {
-          type: "text",
+          type: "text",          content: " Comfort & Elegance"},
-          content: " Comfort & Elegance",
-        },
       ]}
     />
   </div>
@@ -165,53 +117,29 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
+          id: "1",          title: "Free Wi-Fi",          descriptions: [
-          title: "Free Wi-Fi",
+            "High speed internet"],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/couple-bench-using-social-media_23-2148264053.jpg"},
-            "High speed internet",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-bench-using-social-media_23-2148264053.jpg",
-        },
         {
-          id: "2",
+          id: "2",          title: "Swimming Pool",          descriptions: [
-          title: "Swimming Pool",
+            "Relaxing outdoor pool"],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-swimming-pool_74190-14440.jpg"},
-            "Relaxing outdoor pool",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-swimming-pool_74190-14440.jpg",
-        },
         {
-          id: "3",
+          id: "3",          title: "Restaurant",          descriptions: [
-          title: "Restaurant",
+            "Exquisite cuisine"],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-12-persons-with-blue-chairs-fireplace-white-brick-walls-wide-window_140725-8456.jpg"},
-            "Exquisite cuisine",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-12-persons-with-blue-chairs-fireplace-white-brick-walls-wide-window_140725-8456.jpg",
-        },
         {
-          id: "4",
+          id: "4",          title: "Free Parking",          descriptions: [
-          title: "Free Parking",
+            "Secure parking area"],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-valet-waiting_23-2149901426.jpg"},
-            "Secure parking area",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-valet-waiting_23-2149901426.jpg",
-        },
         {
-          id: "5",
+          id: "5",          title: "Laundry Service",          descriptions: [
-          title: "Laundry Service",
+            "Professional laundry"],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-vector/housekeeping-icon-collection_1085-1.jpg"},
-            "Professional laundry",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/housekeeping-icon-collection_1085-1.jpg",
-        },
         {
-          id: "6",
+          id: "6",          title: "Family Friendly",          descriptions: [
-          title: "Family Friendly",
+            "Perfect for family visits"],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/covid-concept-with-woman-shape-flat-lay_23-2148911566.jpg"},
-            "Perfect for family visits",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/covid-concept-with-woman-shape-flat-lay_23-2148911566.jpg",
-        },
       ]}
       title="Our Amenities"
       description="Premium facilities for a truly comfortable stay."
@@ -225,20 +153,11 @@ export default function LandingPage() {
       tag="Trusted Quality"
       metrics={[
         {
-          id: "1",
+          id: "1",          value: "10k+",          description: "Happy Guests"},
-          value: "10k+",
-          description: "Happy Guests",
-        },
         {
-          id: "2",
+          id: "2",          value: "15+",          description: "Years Experience"},
-          value: "15+",
-          description: "Years Experience",
-        },
         {
-          id: "3",
+          id: "3",          value: "98%",          description: "Satisfaction Rate"},
-          value: "98%",
-          description: "Satisfaction Rate",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -250,45 +169,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          title: "Exceptional",          quote: "Excellent service.",          name: "Sarah Mwangi",          role: "Traveler",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-paper-wrapped-sandwich_23-2151311177.jpg"},
-          title: "Exceptional",
-          quote: "Excellent service.",
-          name: "Sarah J.",
-          role: "Traveler",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-paper-wrapped-sandwich_23-2151311177.jpg",
-        },
         {
-          id: "2",
+          id: "2",          title: "Relaxing",          quote: "Clean and quiet.",          name: "Michael Omondi",          role: "Business Guest",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-bed-holding-coffee-cup_23-2147906461.jpg"},
-          title: "Relaxing",
-          quote: "Clean and quiet.",
-          name: "Michael C.",
-          role: "Business Guest",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-bed-holding-coffee-cup_23-2147906461.jpg",
-        },
         {
-          id: "3",
+          id: "3",          title: "Friendly Staff",          quote: "Great atmosphere.",          name: "Emily Otieno",          role: "Guest",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg"},
-          title: "Friendly Staff",
-          quote: "Great atmosphere.",
-          name: "Emily R.",
-          role: "Guest",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg",
-        },
         {
-          id: "4",
+          id: "4",          title: "Perfect Stay",          quote: "Best in town.",          name: "David Kamau",          role: "Visitor",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-christian-man-church_23-2149344160.jpg"},
-          title: "Perfect Stay",
-          quote: "Best in town.",
-          name: "David K.",
-          role: "Visitor",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-christian-man-church_23-2149344160.jpg",
-        },
         {
-          id: "5",
+          id: "5",          title: "Great Pool",          quote: "Loved the swimming pool.",          name: "Jane Ndegwa",          role: "Guest",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"},
-          title: "Great Pool",
-          quote: "Loved the swimming pool.",
-          name: "Jane D.",
-          role: "Guest",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
-        },
       ]}
       title="What Guests Say"
       description="Read what our amazing guests have to say about their experience."
@@ -302,55 +191,22 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "basic",
+          id: "basic",          tag: "Popular",          price: "Ksh 3,842",          period: "/ night",          description: "Best for short budget stays.",          button: {
-          tag: "Popular",
+            text: "Book Now",            href: "#contact"},
-          price: "Ksh 3,842",
+          featuresTitle: "Included:",          features: [
-          period: "/ night",
+            "Free Wifi",            "Room Service",            "Breakfast"],
-          description: "Best for short budget stays.",
-          button: {
-            text: "Book Now",
-            href: "#contact",
-          },
-          featuresTitle: "Included:",
-          features: [
-            "Free Wifi",
-            "Room Service",
-            "Breakfast",
-          ],
         },
         {
-          id: "pro",
+          id: "pro",          tag: "Best Value",          price: "Ksh 5,500",          period: "/ night",          description: "For long stays.",          button: {
-          tag: "Best Value",
+            text: "Book Now",            href: "#contact"},
-          price: "Ksh 5,500",
+          featuresTitle: "Included:",          features: [
-          period: "/ night",
+            "Everything in Basic",            "Laundry Access",            "Pool access"],
-          description: "For long stays.",
-          button: {
-            text: "Book Now",
-            href: "#contact",
-          },
-          featuresTitle: "Included:",
-          features: [
-            "Everything in Basic",
-            "Laundry Access",
-            "Pool access",
-          ],
         },
         {
-          id: "suite",
+          id: "suite",          tag: "Luxury",          price: "Ksh 8,000",          period: "/ night",          description: "Ultimate comfort.",          button: {
-          tag: "Luxury",
+            text: "Book Now",            href: "#contact"},
-          price: "Ksh 8,000",
+          featuresTitle: "Included:",          features: [
-          period: "/ night",
+            "Everything in Pro",            "King Bed",            "Priority Service"],
-          description: "Ultimate comfort.",
-          button: {
-            text: "Book Now",
-            href: "#contact",
-          },
-          featuresTitle: "Included:",
-          features: [
-            "Everything in Pro",
-            "King Bed",
-            "Priority Service",
-          ],
         },
       ]}
       title="Affordable Stays"
@@ -362,16 +218,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       tag="Contact Us"
       title="Ready to Visit Machakos?"
       description="Mwatu Wa Ngoma Street, Machakos. Call us at 0740 527121"
       buttons={[
         {
-          text: "Call Now",
+          text: "Call Now",          href: "tel:0740527121"},
-          href: "tel:0740527121",
-        },
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f9f9f9;
+  --card: #f2f2f2;
-  --foreground: #120a00e6;
+  --foreground: #000000;
-  --primary-cta: #E34400;
+  --primary-cta: #000000;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #e6e6e6;
   --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
+  --accent: #cccccc;
-  --background-accent: #E34400;
+  --background-accent: #dddddd;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);