Merge version_1_1781349909086 into main
Merge version_1_1781349909086 into main
This commit was merged in pull request #1.
This commit is contained in:
@@ -7,93 +7,51 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "About",
|
||||
"href": "#about"
|
||||
},
|
||||
{
|
||||
"name": "Amenities",
|
||||
"href": "#features"
|
||||
},
|
||||
{
|
||||
"name": "Rooms",
|
||||
"href": "#rooms"
|
||||
},
|
||||
{
|
||||
"name": "Testimonials",
|
||||
"href": "#testimonials"
|
||||
},
|
||||
{
|
||||
"name": "Hero",
|
||||
"href": "#hero"
|
||||
},
|
||||
{
|
||||
"name": "Metrics",
|
||||
"href": "#metrics"
|
||||
},
|
||||
{
|
||||
"name": "Faq",
|
||||
"href": "#faq"
|
||||
}
|
||||
];
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Amenities", href: "#features" },
|
||||
{ name: "Rooms", href: "#rooms" },
|
||||
{ name: "Testimonials", href: "#testimonials" },
|
||||
{ name: "Hero", href: "#hero" },
|
||||
{ name: "Metrics", href: "#metrics" },
|
||||
{ name: "Faq", href: "#faq" }
|
||||
];
|
||||
|
||||
return (
|
||||
<StyleProvider buttonVariant="stagger" siteBackground="gridDots" heroBackground="cornerGlow">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloatingLogo
|
||||
logo="Afrikanas Hotel"
|
||||
ctaButton={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
navItems={navItems} />
|
||||
logo="Afrikanas Hotel"
|
||||
logoImageSrc="https://images.pexels.com/photos/15447099/pexels-photo-15447099.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
|
||||
ctaButton={{ text: "Book Now", href: "#contact" }}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
<Outlet />
|
||||
</main>
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterBasic
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
columns={[
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
title: "Explore", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Rooms", href: "#rooms" },
|
||||
{ label: "Amenities", href: "#features" }
|
||||
]
|
||||
},
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
{
|
||||
label: "Amenities",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
leftText="© 2024 Afrikanas Hotel. All rights reserved."
|
||||
rightText="Downtown Eldoret, Kenya"
|
||||
/>
|
||||
title: "Support", items: [
|
||||
{ label: "FAQs", href: "#faq" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
leftText="© 2024 Afrikanas Hotel. All rights reserved."
|
||||
rightText="Downtown Eldoret, Kenya"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -12,266 +12,125 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroOverlay
|
||||
tag="Downtown Eldoret"
|
||||
title="Experience Unmatched Comfort at Afrikanas Hotel"
|
||||
description="Located in the heart of Eldoret, we offer a sanctuary of sophistication and convenience for both business and leisure travelers."
|
||||
primaryButton={{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Explore Rooms",
|
||||
href: "#rooms",
|
||||
}}
|
||||
imageSrc="https://images.pexels.com/photos/12688957/pexels-photo-12688957.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Downtown Eldoret"
|
||||
title="Experience Unmatched Comfort at Afrikanas Hotel"
|
||||
description="Located in the heart of Eldoret, we offer a sanctuary of sophistication and convenience for both business and leisure travelers."
|
||||
primaryButton={{ text: "Book Your Stay", href: "#contact" }}
|
||||
secondaryButton={{ text: "Explore Rooms", href: "#rooms" }}
|
||||
imageSrc="https://images.pexels.com/photos/12688957/pexels-photo-12688957.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="About Us"
|
||||
title="Where Hospitality Meets Elegance"
|
||||
description="Afrikanas Hotel combines local warmth with modern luxury. Our downtown location gives you access to everything Eldoret has to offer, while providing a quiet escape after a busy day."
|
||||
items={[
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "Prime Location",
|
||||
description: "Ideally situated in downtown Eldoret.",
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Fine Dining",
|
||||
description: "Authentic local and continental cuisines.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Top-tier Security",
|
||||
description: "Safe, private, and secured premises.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=0uf1n3"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="About Us"
|
||||
title="Where Hospitality Meets Elegance"
|
||||
description="Afrikanas Hotel combines local warmth with modern luxury. Our downtown location gives you access to everything Eldoret has to offer, while providing a quiet escape after a busy day."
|
||||
items={[
|
||||
{ icon: "MapPin", title: "Prime Location", description: "Ideally situated in downtown Eldoret." },
|
||||
{ icon: "Coffee", title: "Fine Dining", description: "Authentic local and continental cuisines." },
|
||||
{ icon: "ShieldCheck", title: "Top-tier Security", description: "Safe, private, and secured premises." }
|
||||
]}
|
||||
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=0uf1n3"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesDetailedSteps
|
||||
tag="Our Amenities"
|
||||
title="Designed for Your Ultimate Relaxation"
|
||||
description="We ensure your stay is as productive or as relaxing as you desire with our range of bespoke services."
|
||||
steps={[
|
||||
{
|
||||
tag: "Relax",
|
||||
title: "Premium Concierge",
|
||||
subtitle: "24/7 Service",
|
||||
description: "Our dedicated staff is always available to assist with your every need.",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=f5fbze",
|
||||
},
|
||||
{
|
||||
tag: "Work",
|
||||
title: "Conference Facilities",
|
||||
subtitle: "Modern Setup",
|
||||
description: "Equipped with high-speed internet and state-of-the-art AV equipment.",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=6k1f7f",
|
||||
},
|
||||
{
|
||||
tag: "Health",
|
||||
title: "Fitness Center",
|
||||
subtitle: "Fully Equipped",
|
||||
description: "Maintain your health routine in our fully equipped modern gym.",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=kbxtlk",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Amenities"
|
||||
title="Designed for Your Ultimate Relaxation"
|
||||
description="We ensure your stay is as productive or as relaxing as you desire with our range of bespoke services."
|
||||
steps={[
|
||||
{ tag: "Relax", title: "Premium Concierge", subtitle: "24/7 Service", description: "Our dedicated staff is always available to assist with your every need.", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=f5fbze" },
|
||||
{ tag: "Work", title: "Conference Facilities", subtitle: "Modern Setup", description: "Equipped with high-speed internet and state-of-the-art AV equipment.", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=6k1f7f" },
|
||||
{ tag: "Health", title: "Fitness Center", subtitle: "Fully Equipped", description: "Maintain your health routine in our fully equipped modern gym.", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=kbxtlk" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<SectionErrorBoundary name="rooms">
|
||||
<div id="rooms" data-section="rooms">
|
||||
<SectionErrorBoundary name="rooms">
|
||||
<FeaturesImageBento
|
||||
tag="Rooms & Suites"
|
||||
title="Choose Your Sanctuary"
|
||||
description="Spacious, well-lit, and designed for comfort. Find the perfect room for your stay in Eldoret."
|
||||
items={[
|
||||
{
|
||||
title: "Deluxe Suite",
|
||||
description: "King bed with city view",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=ua7f46",
|
||||
},
|
||||
{
|
||||
title: "Executive Room",
|
||||
description: "Business-focused luxury",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=54ymne",
|
||||
},
|
||||
{
|
||||
title: "Standard Room",
|
||||
description: "Modern comfort & style",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=xdwol5",
|
||||
},
|
||||
{
|
||||
title: "Family Suite",
|
||||
description: "Extra space for your loved ones",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=qdzdqb",
|
||||
},
|
||||
{
|
||||
title: "Presidential Suite",
|
||||
description: "The peak of luxury",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=aasuaf",
|
||||
},
|
||||
{
|
||||
title: "Twin Room",
|
||||
description: "Perfect for partners",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=x6rr1m",
|
||||
},
|
||||
{
|
||||
title: "Balcony Room",
|
||||
description: "Fresh air and cityscape",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=uov6fw",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Rooms & Suites"
|
||||
title="Choose Your Sanctuary"
|
||||
description="Spacious, well-lit, and designed for comfort. Find the perfect room for your stay in Eldoret."
|
||||
items={[
|
||||
{ title: "Deluxe Suite", description: "King bed with city view", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=ua7f46" },
|
||||
{ title: "Executive Room", description: "Business-focused luxury", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=54ymne" },
|
||||
{ title: "Standard Room", description: "Modern comfort & style", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=xdwol5" },
|
||||
{ title: "Family Suite", description: "Extra space for your loved ones", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=qdzdqb" },
|
||||
{ title: "Presidential Suite", description: "The peak of luxury", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=aasuaf" },
|
||||
{ title: "Twin Room", description: "Perfect for partners", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=x6rr1m" },
|
||||
{ title: "Balcony Room", description: "Fresh air and cityscape", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=uov6fw" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Why Us"
|
||||
title="The Afrikanas Difference"
|
||||
description="Delivering excellence consistently to guests from all corners of the globe."
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
title: "Hospitality Awards",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Happy Guests",
|
||||
value: "50k+",
|
||||
},
|
||||
{
|
||||
icon: Building,
|
||||
title: "Available Rooms",
|
||||
value: "120",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Why Us"
|
||||
title="The Afrikanas Difference"
|
||||
description="Delivering excellence consistently to guests from all corners of the globe."
|
||||
metrics={[
|
||||
{ icon: "Award", title: "Hospitality Awards", value: "15+" },
|
||||
{ icon: "Users", title: "Happy Guests", value: "50k+" },
|
||||
{ icon: "Building", title: "Available Rooms", value: "120" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="Guest Reviews"
|
||||
title="What Our Guests Say"
|
||||
description="We are honored to have hosted thousands of guests in Eldoret."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah W.",
|
||||
role: "Traveler",
|
||||
company: "Global Explorers",
|
||||
rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=rdnwe8",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John K.",
|
||||
role: "Executive",
|
||||
company: "Tech Kenya",
|
||||
rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=t9kkir",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena M.",
|
||||
role: "Vlogger",
|
||||
company: "Wanderlust",
|
||||
rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=z1wmu1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David O.",
|
||||
role: "Consultant",
|
||||
company: "AfricaBiz",
|
||||
rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=kev4yw",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mary A.",
|
||||
role: "Artist",
|
||||
company: "Creative Spaces",
|
||||
rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=fix7hu",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Guest Reviews"
|
||||
title="What Our Guests Say"
|
||||
description="We are honored to have hosted thousands of guests in Eldoret."
|
||||
testimonials={[
|
||||
{ name: "Sarah W.", role: "Traveler", company: "Global Explorers", rating: 5, imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=rdnwe8" },
|
||||
{ name: "John K.", role: "Executive", company: "Tech Kenya", rating: 5, imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=t9kkir" },
|
||||
{ name: "Elena M.", role: "Vlogger", company: "Wanderlust", rating: 5, imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=z1wmu1" },
|
||||
{ name: "David O.", role: "Consultant", company: "AfricaBiz", rating: 5, imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=kev4yw" },
|
||||
{ name: "Mary A.", role: "Artist", company: "Creative Spaces", rating: 5, imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=fix7hu" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="FAQs"
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
categories={[
|
||||
{
|
||||
name: "Bookings",
|
||||
items: [
|
||||
{
|
||||
question: "Can I book online?",
|
||||
answer: "Yes, use our booking form directly on this page.",
|
||||
},
|
||||
{
|
||||
question: "What's the check-in time?",
|
||||
answer: "Check-in is at 2 PM, check-out at 11 AM.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Amenities",
|
||||
items: [
|
||||
{
|
||||
question: "Is breakfast included?",
|
||||
answer: "Yes, our stays include a complimentary breakfast.",
|
||||
},
|
||||
{
|
||||
question: "Do you have parking?",
|
||||
answer: "We have secure, ample parking for all guests.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="FAQs"
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
categories={[
|
||||
{ name: "Bookings", items: [{ question: "Can I book online?", answer: "Yes, use our booking form directly on this page." }, { question: "What's the check-in time?", answer: "Check-in is at 2 PM, check-out at 11 AM." }] },
|
||||
{ name: "Amenities", items: [{ question: "Is breakfast included?", answer: "Yes, our stays include a complimentary breakfast." }, { question: "Do you have parking?", answer: "We have secure, ample parking for all guests." }] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Ready to Visit?"
|
||||
text="Book your room at Afrikanas Hotel today and experience the best of Eldoret."
|
||||
primaryButton={{
|
||||
text: "Contact Front Desk",
|
||||
href: "tel:+254700000000",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Email Reservations",
|
||||
href: "mailto:info@afrikanashotel.co.ke",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Ready to Visit?"
|
||||
text="Book your room at Afrikanas Hotel today and experience the best of Eldoret."
|
||||
primaryButton={{ text: "Contact Front Desk", href: "tel:+254700000000" }}
|
||||
secondaryButton={{ text: "Email Reservations", href: "mailto:info@afrikanashotel.co.ke" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user