Merge version_2 into main #1
277
src/app/page.tsx
277
src/app/page.tsx
@@ -31,29 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "features",
|
||||
},
|
||||
name: "Amenities", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "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",
|
||||
label: "Hospitality",
|
||||
},
|
||||
value: "24/7", label: "Hospitality"},
|
||||
{
|
||||
value: "Rooms",
|
||||
label: "Luxury",
|
||||
},
|
||||
value: "Rooms", label: "Luxury"},
|
||||
{
|
||||
value: "Best",
|
||||
label: "Service",
|
||||
},
|
||||
value: "Best", label: "Service"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Stay", 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",
|
||||
alt: "Male in white bathrobe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-white-bathrobe-with-coffee-mug-hand_1153-3743.jpg", alt: "Male in white bathrobe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-hotel-drinking-coffee_1368-6295.jpg",
|
||||
alt: "Man drinking coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-hotel-drinking-coffee_1368-6295.jpg", alt: "Man drinking coffee"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-businesswoman-using-sign-language_23-2148740301.jpg",
|
||||
alt: "Businesswoman sign language",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-businesswoman-using-sign-language_23-2148740301.jpg", alt: "Businesswoman sign language"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-clapping-hands-isolated-studio_1303-30130.jpg",
|
||||
alt: "Man clapping hands",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-clapping-hands-isolated-studio_1303-30130.jpg", alt: "Man clapping hands"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Comfort",
|
||||
},
|
||||
type: "text", text: "Premium Comfort"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Location",
|
||||
},
|
||||
type: "text", text: "Strategic Location"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Booking",
|
||||
},
|
||||
type: "text", text: "Fast Booking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Amenities",
|
||||
},
|
||||
type: "text", text: "Modern Amenities"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Environment",
|
||||
},
|
||||
type: "text", text: "Secure Environment"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,18 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Welcome to ",
|
||||
},
|
||||
type: "text", content: "Welcome to "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg",
|
||||
alt: "Luxury hotel reception",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg", alt: "Luxury hotel reception"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Comfort & Elegance",
|
||||
},
|
||||
type: "text", content: " Comfort & Elegance"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,53 +117,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Free Wi-Fi",
|
||||
descriptions: [
|
||||
"High speed internet",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-bench-using-social-media_23-2148264053.jpg",
|
||||
},
|
||||
id: "1", title: "Free Wi-Fi", descriptions: [
|
||||
"High speed internet"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-bench-using-social-media_23-2148264053.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Swimming Pool",
|
||||
descriptions: [
|
||||
"Relaxing outdoor pool",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-swimming-pool_74190-14440.jpg",
|
||||
},
|
||||
id: "2", title: "Swimming Pool", descriptions: [
|
||||
"Relaxing outdoor pool"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-swimming-pool_74190-14440.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Restaurant",
|
||||
descriptions: [
|
||||
"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: "3", title: "Restaurant", descriptions: [
|
||||
"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",
|
||||
title: "Free Parking",
|
||||
descriptions: [
|
||||
"Secure parking area",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-valet-waiting_23-2149901426.jpg",
|
||||
},
|
||||
id: "4", title: "Free Parking", descriptions: [
|
||||
"Secure parking area"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-valet-waiting_23-2149901426.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Laundry Service",
|
||||
descriptions: [
|
||||
"Professional laundry",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/housekeeping-icon-collection_1085-1.jpg",
|
||||
},
|
||||
id: "5", title: "Laundry Service", descriptions: [
|
||||
"Professional laundry"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/housekeeping-icon-collection_1085-1.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
title: "Family Friendly",
|
||||
descriptions: [
|
||||
"Perfect for family visits",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covid-concept-with-woman-shape-flat-lay_23-2148911566.jpg",
|
||||
},
|
||||
id: "6", title: "Family Friendly", descriptions: [
|
||||
"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",
|
||||
value: "10k+",
|
||||
description: "Happy Guests",
|
||||
},
|
||||
id: "1", value: "10k+", description: "Happy Guests"},
|
||||
{
|
||||
id: "2",
|
||||
value: "15+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
id: "2", value: "15+", description: "Years Experience"},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
description: "Satisfaction Rate",
|
||||
},
|
||||
id: "3", value: "98%", description: "Satisfaction Rate"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -250,45 +169,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
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: "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"},
|
||||
{
|
||||
id: "2",
|
||||
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: "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"},
|
||||
{
|
||||
id: "3",
|
||||
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: "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"},
|
||||
{
|
||||
id: "4",
|
||||
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: "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"},
|
||||
{
|
||||
id: "5",
|
||||
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",
|
||||
},
|
||||
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="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",
|
||||
tag: "Popular",
|
||||
price: "Ksh 3,842",
|
||||
period: "/ night",
|
||||
description: "Best for short budget stays.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"Free Wifi",
|
||||
"Room Service",
|
||||
"Breakfast",
|
||||
],
|
||||
id: "basic", tag: "Popular", price: "Ksh 3,842", period: "/ night", description: "Best for short budget stays.", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
featuresTitle: "Included:", features: [
|
||||
"Free Wifi", "Room Service", "Breakfast"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Best Value",
|
||||
price: "Ksh 5,500",
|
||||
period: "/ night",
|
||||
description: "For long stays.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Laundry Access",
|
||||
"Pool access",
|
||||
],
|
||||
id: "pro", tag: "Best Value", price: "Ksh 5,500", period: "/ night", description: "For long stays.", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
featuresTitle: "Included:", features: [
|
||||
"Everything in Basic", "Laundry Access", "Pool access"],
|
||||
},
|
||||
{
|
||||
id: "suite",
|
||||
tag: "Luxury",
|
||||
price: "Ksh 8,000",
|
||||
period: "/ night",
|
||||
description: "Ultimate comfort.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"King Bed",
|
||||
"Priority Service",
|
||||
],
|
||||
id: "suite", tag: "Luxury", price: "Ksh 8,000", period: "/ night", 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",
|
||||
href: "tel:0740527121",
|
||||
},
|
||||
text: "Call Now", href: "tel:0740527121"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -385,4 +238,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,14 +11,14 @@
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120a00e6;
|
||||
--primary-cta: #E34400;
|
||||
--card: #f2f2f2;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #000000;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #e6e6e6;
|
||||
--secondary-cta-text: #120a00e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #E34400;
|
||||
--accent: #cccccc;
|
||||
--background-accent: #dddddd;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user