5 Commits

Author SHA1 Message Date
c75e3321c9 Update theme fonts 2026-06-03 08:04:26 +00:00
4cc534f3a1 Update theme fonts 2026-06-03 08:04:25 +00:00
8ff050c347 Update src/app/page.tsx 2026-06-03 08:02:50 +00:00
e369993882 Update src/app/page.tsx 2026-06-03 08:02:19 +00:00
db9d072cdd Merge version_1 into main
Merge version_1 into main
2026-06-03 07:52:10 +00:00
3 changed files with 46 additions and 8 deletions

View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Archivo } from "next/font/google";
import { Open_Sans } from "next/font/google";
@@ -15,8 +16,14 @@ export const metadata: Metadata = {
description: "Generated by create next app",
};
const archivo = Archivo({
variable: "--font-archivo", subsets: ["latin"]
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const openSans = Open_Sans({
variable: "--font-open-sans",
subsets: ["latin"],
});
export default function RootLayout({
@@ -27,7 +34,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${archivo.variable} antialiased`}>
<body className={`${inter.variable} ${openSans.variable} antialiased`}>
<Tag />
{children}
<script

View File

@@ -11,6 +11,7 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import { Award, Bed, Sparkles } from "lucide-react";
export default function LandingPage() {
@@ -37,6 +38,7 @@ export default function LandingPage() {
{ name: "About Us", id: "#about" },
{ name: "Amenities", id: "#amenities" },
{ name: "Rooms", id: "#rooms" },
{ name: "Pricing", id: "#pricing" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Contact", id: "#contact" }
]}
@@ -120,6 +122,35 @@ export default function LandingPage() {
useInvertedBackground={true}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
title="Transparent Pricing & Easy Booking"
description="Select your ideal room and enjoy transparent pricing with direct booking options. All rates include complimentary breakfast and access to hotel amenities."
plans={[
{
id: "standard-room-plan", badge: "Standard", price: "Ksh 4,000 / night", subtitle: "Comfortable & Cozy", features: [
"Check-in: 2:00 PM", "Check-out: 11:00 AM", "Free Wi-Fi", "Complimentary Breakfast", "Access to Gym & Pool", "Flexible Cancellation"
],
buttons: [{ text: "Book on Booking.com", href: "https://www.booking.com/hotel/ke/ayo-suites-and-hotel", onClick: () => console.log('Book Standard Room') }]
},
{
id: "deluxe-room-plan", badge: "Deluxe", price: "Ksh 6,500 / night", subtitle: "Spacious & Elegant", features: [
"Check-in: 2:00 PM", "Check-out: 11:00 AM", "Premium Wi-Fi", "Complimentary Breakfast", "Access to Gym & Pool", "Late Check-out option", "Enhanced Room Service"
],
buttons: [{ text: "Book on Booking.com", href: "https://www.booking.com/hotel/ke/ayo-suites-and-hotel", onClick: () => console.log('Book Deluxe Room') }]
},
{
id: "executive-suite-plan", badge: "Executive Suite", price: "Ksh 9,000 / night", subtitle: "Luxury & Privacy", features: [
"Check-in: 2:00 PM", "Check-out: 11:00 AM", "High-speed Wi-Fi", "Executive Breakfast", "Access to Gym & Pool", "Dedicated Concierge", "Airport Transfer"
],
buttons: [{ text: "Book on Booking.com", href: "https://www.booking.com/hotel/ke/ayo-suites-and-hotel", onClick: () => console.log('Book Executive Suite') }]
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
title="Our Commitment to Excellence"
@@ -170,7 +201,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get in Touch"
description="Have a question or need to make a special request regarding your stay at Ayo Suites And Hotel? Our dedicated team is here to assist you 24/7. Fill out the form or reach us directly."
description="Have a question or need to make a special request regarding your stay at Ayo Suites And Hotel? Our dedicated team is here to assist you 24/7. We are conveniently located at [Your Full Address Here], Nairobi, Kenya, ensuring easy access to all city attractions. Fill out the form or reach us directly."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
@@ -192,11 +223,11 @@ export default function LandingPage() {
logoText="Ayo Suites And Hotel"
columns={[
{ items: [{ label: "Home", href: "#hero" }, { label: "About Us", href: "#about" }, { label: "Amenities", href: "#amenities" }] },
{ items: [{ label: "Rooms & Suites", href: "#rooms" }, { label: "Testimonials", href: "#testimonials" }, { label: "FAQs", href: "#faq" }] },
{ items: [{ label: "Rooms & Suites", href: "#rooms" }, { label: "Pricing", href: "#pricing" }, { label: "Testimonials", href: "#testimonials" }, { label: "FAQs", href: "#faq" }] },
{ items: [{ label: "Contact Us", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
/>
</div>
</ThemeProvider>
);
}
}

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-archivo), sans-serif;
font-family: var(--font-open-sans), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-archivo), sans-serif;
font-family: var(--font-inter), sans-serif;
}