bender/e4d00e48-78d6-49b7-afb7-d7f9f741ef15
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

5 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
c75e3321c9 Update theme fonts 2026-06-03 08:04:26 +00:00
bender
4cc534f3a1 Update theme fonts 2026-06-03 08:04:25 +00:00
bender
8ff050c347 Update src/app/page.tsx 2026-06-03 08:02:50 +00:00
bender
e369993882 Update src/app/page.tsx 2026-06-03 08:02:19 +00:00
bender
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
Expand all files Collapse all files

13
src/app/layout.tsx
View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Archivo } from "next/font/google"; 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", 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({ export default function RootLayout({
@@ -27,7 +34,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${archivo.variable} antialiased`}> <body className={`${inter.variable} ${openSans.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

37
src/app/page.tsx
View File

@@ -11,6 +11,7 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
import FaqSplitText from '@/components/sections/faq/FaqSplitText'; import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import { Award, Bed, Sparkles } from "lucide-react"; import { Award, Bed, Sparkles } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
@@ -37,6 +38,7 @@ export default function LandingPage() {
{ name: "About Us", id: "#about" }, { name: "About Us", id: "#about" },
{ name: "Amenities", id: "#amenities" }, { name: "Amenities", id: "#amenities" },
{ name: "Rooms", id: "#rooms" }, { name: "Rooms", id: "#rooms" },
{ name: "Pricing", id: "#pricing" },
{ name: "Testimonials", id: "#testimonials" }, { name: "Testimonials", id: "#testimonials" },
{ name: "Contact", id: "#contact" } { name: "Contact", id: "#contact" }
]} ]}
@@ -120,6 +122,35 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
/> />
</div> </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"> <div id="metrics" data-section="metrics">
<MetricCardThree <MetricCardThree
title="Our Commitment to Excellence" title="Our Commitment to Excellence"
@@ -170,7 +201,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
title="Get in Touch" 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={[ inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true }, { name: "email", type: "email", placeholder: "Your Email", required: true },
@@ -192,11 +223,11 @@ export default function LandingPage() {
logoText="Ayo Suites And Hotel" logoText="Ayo Suites And Hotel"
columns={[ columns={[
{ items: [{ label: "Home", href: "#hero" }, { label: "About Us", href: "#about" }, { label: "Amenities", href: "#amenities" }] }, { 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: "#" }] } { items: [{ label: "Contact Us", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]} ]}
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }

4
src/app/styles/base.css
View File

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