6 Commits

Author SHA1 Message Date
bf7f2c9b4e Merge version_2 into main
Merge version_2 into main
2026-06-06 14:37:24 +00:00
8d7b1ee559 Update src/app/page.tsx 2026-06-06 14:37:18 +00:00
b30d220878 Merge version_2 into main
Merge version_2 into main
2026-06-06 14:36:58 +00:00
76ade1952b Update src/app/styles/base.css 2026-06-06 14:36:51 +00:00
a7529aa401 Update src/app/page.tsx 2026-06-06 14:36:51 +00:00
d18b5da5a9 Update src/app/layout.tsx 2026-06-06 14:36:51 +00:00
3 changed files with 110 additions and 313 deletions

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 { Open_Sans } from "next/font/google"; import { Open_Sans } from "next/font/google";
import { Libre_Baskerville } from "next/font/google";
@@ -41,9 +42,13 @@ export const metadata: Metadata = {
}, },
}; };
const openSans = Open_Sans({
variable: "--font-open-sans", const libreBaskerville = Libre_Baskerville({
subsets: ["latin"], variable: "--font-libre-baskerville", subsets: ["latin"],
weight: ["400", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
}); });
export default function RootLayout({ export default function RootLayout({
@@ -54,7 +59,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${openSans.variable} antialiased`}> <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

View File

@@ -33,80 +33,47 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "Rooms & Suites", name: "Rooms & Suites", id: "#rooms"},
id: "#rooms",
},
{ {
name: "Amenities", name: "Amenities", id: "#amenities"},
id: "#amenities",
},
{ {
name: "Gallery", name: "Gallery", id: "#gallery"},
id: "#gallery",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
button={{ button={{
text: "Book Now", text: "Book Now", href: "#contact"}}
href: "#contact", brandName="Ssese Habitat"
}}
brandName="Grand Vista Hotel"
/> />
</div> </div>
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroBillboardCarousel <HeroBillboardCarousel
background={{ background={{
variant: "plain", variant: "plain"}}
}} title="Your Serene Escape at Ssese Habitat"
title="Experience Unforgettable Stays" description="Discover unparalleled tranquility and breathtaking beachfront views at Ssese Habitat, a premier beachside hotel featuring exquisite dining, a vibrant bar, and a relaxing beach deck."
description="Discover luxurious comfort and unparalleled service at Grand Vista Hotel, your perfect escape in the heart of the city."
buttons={[ buttons={[
{ {
text: "Book Your Stay", text: "Book Your Stay", href: "#contact"},
href: "#contact",
},
{ {
text: "Explore Rooms", text: "Explore Rooms", href: "#rooms"},
href: "#rooms",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/residential-district-night-valencia-spain_1398-2379.jpg", imageSrc: "https://images.unsplash.com/photo-1571003123894-1f0594d2b5d9?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1", imageAlt: "Beachside hotel exterior"},
imageAlt: "Grand Vista Hotel Exterior at Night",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/modern-reception-counter-with-classy-interior-design_482257-101081.jpg", imageSrc: "https://images.unsplash.com/photo-1625244724122-9e29a43a65a0?q=80&w=2835&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1", imageAlt: "Beach bar overlooking the ocean"},
imageAlt: "Luxurious Hotel Lobby",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-working-table_105762-2022.jpg", imageSrc: "https://images.unsplash.com/photo-1594918231461-d7a858971032?q=80&w=2874&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1", imageAlt: "Elegant hotel restaurant interior"},
imageAlt: "Elegant King Suite",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/chair-pool_74190-3499.jpg", imageSrc: "https://images.unsplash.com/photo-1582234032267-33ce9b1ec510?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Hotel room with ocean view"},
imageAlt: "Rooftop Infinity Pool",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/various-dessert-glass-white-wine_140725-4306.jpg", imageSrc: "https://images.unsplash.com/photo-1582268711681-420042457c13?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1", imageAlt: "Beach deck with sun loungers"},
imageAlt: "Fine Dining Restaurant",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/reed-diffuser-candles-towels-scent-relaxation_169016-69538.jpg",
imageAlt: "Relaxing Hotel Spa",
},
]} ]}
/> />
</div> </div>
@@ -114,10 +81,10 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<MediaAbout <MediaAbout
useInvertedBackground={true} useInvertedBackground={true}
title="Welcome to Grand Vista" title="Your Idyllic Beachside Retreat"
description="Nestled in a vibrant locale, Grand Vista Hotel offers a blend of classic elegance and modern amenities. From our spacious rooms to our exquisite dining, every detail is crafted for your comfort and delight. Perfect for leisure and business travelers seeking a memorable experience." description="Situated on pristine sandy shores, Ssese Habitat offers a perfect blend of natural beauty and refined luxury. Indulge in our exquisite restaurant, unwind at the vibrant bar, and soak up the sun on our exclusive beach deck, all designed for an unforgettable escape."
imageSrc="http://img.b2bpic.net/free-photo/trans-couple-hugging-being-affectionate-city-streets_23-2149304566.jpg" imageSrc="https://images.unsplash.com/photo-1563911302823-fd0890bc844e?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
imageAlt="Charming Hotel Exterior" imageAlt="Beach resort exterior with palm trees"
/> />
</div> </div>
@@ -128,38 +95,24 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "spa", id: "spa", label: "Relaxation", title: "Spa & Wellness Center", items: [
label: "Relaxation", "Rejuvenating massages", "Sauna and steam rooms", "Personalized treatments"],
title: "Spa & Wellness Center",
items: [
"Rejuvenating massages",
"Sauna and steam rooms",
"Personalized treatments",
],
}, },
{ {
id: "dining", id: "dining", label: "Culinary Delights", title: "Coastal Culinary Delights", items: [
label: "Culinary Delights", "Signature beachfront restaurant", "Lively bar with ocean views", "Fresh seafood & local delicacies"],
title: "Gourmet Dining Experiences",
items: [
"Signature restaurant",
"Lounge bar",
"24-hour room service",
],
}, },
{ {
id: "fitness", id: "fitness", label: "Stay Active", title: "State-of-the-Art Fitness", items: [
label: "Stay Active", "Modern gym equipment", "Personal trainers", "Yoga and Pilates classes"],
title: "State-of-the-Art Fitness", },
items: [ {
"Modern gym equipment", id: "beach-deck", label: "Relax & Play", title: "Exclusive Beach Deck & Activities", items: [
"Personal trainers", "Private beach access", "Comfortable sun loungers", "Watersports equipment rental", "Sunset cocktail service"],
"Yoga and Pilates classes",
],
}, },
]} ]}
title="World-Class Amenities" title="Experience Our Signature Offerings"
description="Indulge in a host of amenities designed to elevate your stay, ensuring relaxation and convenience at every turn." description="From culinary journeys to serene relaxation, our amenities are curated to enhance your beachside stay, ensuring every moment is perfect."
/> />
</div> </div>
@@ -171,68 +124,26 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "deluxe-room", id: "deluxe-room", brand: "Ssese Habitat", name: "Deluxe Room", price: "From $250/night", rating: 5,
brand: "Grand Vista", reviewCount: "210 reviews", imageSrc: "https://images.unsplash.com/photo-1582268711681-420042457c13?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2", imageAlt: "Deluxe Room with ocean view"},
name: "Deluxe Room",
price: "From $250/night",
rating: 5,
reviewCount: "210 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-11378.jpg",
imageAlt: "Deluxe Room with city view",
},
{ {
id: "executive-suite", id: "executive-suite", brand: "Ssese Habitat", name: "Executive Suite", price: "From $400/night", rating: 5,
brand: "Grand Vista", reviewCount: "150 reviews", imageSrc: "https://images.unsplash.com/photo-1571003123894-1f0594d2b5d9?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2", imageAlt: "Executive Suite with panoramic view"},
name: "Executive Suite",
price: "From $400/night",
rating: 5,
reviewCount: "150 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-laptop-while-sitting-couch_7502-9116.jpg",
imageAlt: "Executive Suite with workspace",
},
{ {
id: "family-suite", id: "family-suite", brand: "Ssese Habitat", name: "Family Suite", price: "From $350/night", rating: 5,
brand: "Grand Vista", reviewCount: "95 reviews", imageSrc: "https://images.unsplash.com/photo-1625244724122-9e29a43a65a0?q=80&w=2835&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2", imageAlt: "Family Suite with comfortable bedding"},
name: "Family Suite",
price: "From $350/night",
rating: 5,
reviewCount: "95 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-pillow-fight-bed_23-2147862650.jpg",
imageAlt: "Family Suite with separate living area",
},
{ {
id: "junior-suite", id: "junior-suite", brand: "Ssese Habitat", name: "Junior Suite", price: "From $300/night", rating: 5,
brand: "Grand Vista", reviewCount: "180 reviews", imageSrc: "https://images.unsplash.com/photo-1594918231461-d7a858971032?q=80&w=2874&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2", imageAlt: "Junior Suite with elegant decor"},
name: "Junior Suite",
price: "From $300/night",
rating: 5,
reviewCount: "180 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/bed-with-canopy_1385-1801.jpg",
imageAlt: "Junior Suite with lounge area",
},
{ {
id: "presidential-suite", id: "presidential-suite", brand: "Ssese Habitat", name: "Presidential Suite", price: "From $1200/night", rating: 5,
brand: "Grand Vista", reviewCount: "45 reviews", imageSrc: "https://images.unsplash.com/photo-1613498835820-256157f86f38?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Presidential Suite with spacious living area"},
name: "Presidential Suite",
price: "From $1200/night",
rating: 5,
reviewCount: "45 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-psychotherapy-office-with-modern-couch-furniture_482257-124895.jpg",
imageAlt: "Presidential Suite panoramic view",
},
{ {
id: "standard-room", id: "standard-room", brand: "Ssese Habitat", name: "Standard Room", price: "From $180/night", rating: 4,
brand: "Grand Vista", reviewCount: "300 reviews", imageSrc: "https://images.unsplash.com/photo-1624687790384-e918451f2119?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Comfortable Standard Room interior"},
name: "Standard Room",
price: "From $180/night",
rating: 4,
reviewCount: "300 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/blur-hotel-room_74190-5746.jpg",
imageAlt: "Comfortable Standard Room",
},
]} ]}
title="Our Luxurious Rooms & Suites" title="Luxurious Rooms with Ocean Breezes"
description="Choose from our exquisite selection of rooms and suites, each meticulously designed for your utmost comfort and relaxation." description="Awaken to the soothing sounds of waves in our elegantly designed rooms and suites, many offering stunning ocean or garden views for a truly serene stay."
/> />
</div> </div>
@@ -241,15 +152,8 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Traveler's Choice Award", "Traveler's Choice Award", "Luxury Hotel of the Year", "Excellence in Service", "Green Key Certified", "Conde Nast Traveler Pick", "AAA Four Diamond Award", "TripAdvisor Hall of Fame"]}
"Luxury Hotel of the Year", title="Recognized Excellence at Ssese Habitat"
"Excellence in Service",
"Green Key Certified",
"Conde Nast Traveler Pick",
"AAA Four Diamond Award",
"TripAdvisor Hall of Fame",
]}
title="Awards & Recognition"
description="Proudly recognized for our commitment to excellence and unparalleled guest satisfaction." description="Proudly recognized for our commitment to excellence and unparalleled guest satisfaction."
speed={40} speed={40}
/> />
@@ -263,56 +167,20 @@ export default function LandingPage() {
carouselMode="buttons" carouselMode="buttons"
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah J.", role: "Frequent Traveler", testimonial: "The Ssese Habitat exceeded all my expectations. The staff were incredibly attentive, and the room was simply stunning. A truly unforgettable experience!", imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageAlt: "Sarah J."},
name: "Sarah J.",
role: "Frequent Traveler",
testimonial: "The Grand Vista Hotel exceeded all my expectations. The staff were incredibly attentive, and the room was simply stunning. A truly unforgettable experience!",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
imageAlt: "Sarah J.",
},
{ {
id: "2", id: "2", name: "Michael D.", role: "Business Executive", testimonial: "For my business trips, Ssese Habitat is always my first choice. The serene environment is perfect for relaxation, and the amenities ensure a productive and comfortable stay.", imageSrc: "http://img.b2bpic.net/free-photo/life-home-with-young-adult-reading_23-2149129076.jpg", imageAlt: "Michael D."},
name: "Michael D.",
role: "Business Executive",
testimonial: "For my business trips, Grand Vista is always my first choice. The executive lounge is perfect for meetings, and the amenities ensure a productive and comfortable stay.",
imageSrc: "http://img.b2bpic.net/free-photo/life-home-with-young-adult-reading_23-2149129076.jpg",
imageAlt: "Michael D.",
},
{ {
id: "3", id: "3", name: "Emily & John", role: "Honeymooners", testimonial: "Our honeymoon at Ssese Habitat was magical. Every detail, from the romantic dinner to the breathtaking views, made our special trip even more memorable. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/slender-girl-hugs-her-beloved-boyfriend-looks-him-with-love-man-woman-relaxing-by-pool_197531-17279.jpg", imageAlt: "Emily and John"},
name: "Emily & John",
role: "Honeymooners",
testimonial: "Our honeymoon at Grand Vista was magical. Every detail, from the romantic dinner to the breathtaking views, made our special trip even more memorable. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/slender-girl-hugs-her-beloved-boyfriend-looks-him-with-love-man-woman-relaxing-by-pool_197531-17279.jpg",
imageAlt: "Emily and John",
},
{ {
id: "4", id: "4", name: "David K.", role: "Leisure Guest", testimonial: "The beach deck and water sports facilities are incredible! I spent most of my stay relaxing and enjoying the tranquil environment. Ssese Habitat truly understands luxury.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg", imageAlt: "David K."},
name: "David K.",
role: "Leisure Guest",
testimonial: "The pool and spa facilities are incredible! I spent most of my stay relaxing and enjoying the tranquil environment. Grand Vista truly understands luxury.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
imageAlt: "David K.",
},
{ {
id: "5", id: "5", name: "Olivia M.", role: "Solo Adventurer", testimonial: "Traveling alone can be daunting, but the welcoming atmosphere at Ssese Habitat made me feel right at home. Exceptional service and a safe, comfortable environment.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-sitting-cement-seat-with-suitcase_23-2148328847.jpg", imageAlt: "Olivia M."},
name: "Olivia M.",
role: "Solo Adventurer",
testimonial: "Traveling alone can be daunting, but the welcoming atmosphere at Grand Vista made me feel right at home. Exceptional service and a safe, comfortable environment.",
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-sitting-cement-seat-with-suitcase_23-2148328847.jpg",
imageAlt: "Olivia M.",
},
{ {
id: "6", id: "6", name: "The Rodriguez Family", role: "Family Vacationers", testimonial: "Our family had a wonderful time! The staff were great with the kids, and the spacious family suite was perfect. We'll definitely be back!", imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338287.jpg", imageAlt: "The Rodriguez Family"},
name: "The Rodriguez Family",
role: "Family Vacationers",
testimonial: "Our family had a wonderful time! The staff were great with the kids, and the spacious family suite was perfect. We'll definitely be back!",
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338287.jpg",
imageAlt: "The Rodriguez Family",
},
]} ]}
title="What Our Guests Say" title="Guests' Experiences at Ssese Habitat"
description="Hear from travelers who experienced the Grand Vista difference and made lasting memories." description="Hear from travelers who discovered their perfect beachside getaway and created cherished memories with us."
/> />
</div> </div>
@@ -322,31 +190,19 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "faq-1", id: "faq-1", title: "What are the check-in and check-out times?", content: "Check-in is at 3:00 PM, and check-out is at 12:00 PM. Early check-in or late check-out may be available upon request and subject to availability."},
title: "What are the check-in and check-out times?",
content: "Check-in is at 3:00 PM, and check-out is at 12:00 PM. Early check-in or late check-out may be available upon request and subject to availability.",
},
{ {
id: "faq-2", id: "faq-2", title: "Is parking available at the hotel?", content: "Yes, we offer secure valet parking for all our guests. Additional charges may apply. Please inquire at the front desk upon arrival."},
title: "Is parking available at the hotel?",
content: "Yes, we offer secure valet parking for all our guests. Additional charges may apply. Please inquire at the front desk upon arrival.",
},
{ {
id: "faq-3", id: "faq-3", title: "Do you have pet-friendly rooms?", content: "We welcome well-behaved pets in select rooms. Please notify us in advance when booking to ensure a pet-friendly room is available, and note that a pet fee may apply."},
title: "Do you have pet-friendly rooms?",
content: "We welcome well-behaved pets in select rooms. Please notify us in advance when booking to ensure a pet-friendly room is available, and note that a pet fee may apply.",
},
{ {
id: "faq-4", id: "faq-4", title: "What dining options are available?", content: "Ssese Habitat boasts a gourmet beachfront restaurant, a stylish bar with ocean views, and 24-hour in-room dining services to cater to all your culinary preferences."},
title: "What dining options are available?",
content: "Grand Vista Hotel boasts a gourmet restaurant, a stylish lounge bar, and 24-hour in-room dining services to cater to all your culinary preferences.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/female-tourist-using-mobile-nfc-payment-pos-terminal_482257-98854.jpg" imageSrc="https://images.unsplash.com/photo-1549723023-e47852b7a918?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
imageAlt="Hotel front desk with friendly staff" imageAlt="Hotel front desk with friendly staff and beach decor"
mediaAnimation="slide-up" mediaAnimation="slide-up"
title="Your Questions, Answered" title="Your Questions for a Perfect Stay"
description="Find quick answers to common inquiries about your stay at Grand Vista Hotel. For any further assistance, our team is always ready to help." description="Find quick answers to common inquiries about your visit to Ssese Habitat, your serene beachside destination."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -357,42 +213,15 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
carouselMode="buttons" carouselMode="buttons"
title="Latest News & Guides" title="Ssese Habitat Stories & Beach Guides"
description="Stay updated with hotel news, local events, and travel tips from Grand Vista. Plan your perfect trip with our curated insights." description="Stay informed with updates, local insights, and travel tips from your favorite beachside retreat. Plan your perfect island adventure with us."
blogs={[ blogs={[
{ {
id: "blog-1", id: "blog-1", category: "Local Guide", title: "Explore the Pristine Beauty of Ssese Island", excerpt: "Discover the vibrant culture and secret spots just steps away from Ssese Habitat. Our guide to local attractions will make your visit unforgettable.", imageSrc: "https://images.unsplash.com/photo-1518779771120-d33a6b57956b?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Beautiful Ssese Island landscape", authorName: "Ssese Habitat Team", authorAvatar: "http://img.b2bpic.net/free-photo/female-hiker-walking-enjoying-fresh-air_181624-39532.jpg", date: "July 15, 2024"},
category: "Local Guide",
title: "Discover the Hidden Gems of Our City",
excerpt: "Explore the vibrant culture and secret spots just steps away from Grand Vista Hotel. Our guide to local attractions will make your visit unforgettable.",
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-man-exploring-city-bridge-by-himself_23-2149186632.jpg",
imageAlt: "City skyline",
authorName: "Hotel Staff",
authorAvatar: "http://img.b2bpic.net/free-photo/female-hiker-walking-enjoying-fresh-air_181624-39532.jpg",
date: "July 15, 2024",
},
{ {
id: "blog-2", id: "blog-2", category: "Dining", title: "Taste the Ocean: Dining at Ssese Habitat", excerpt: "Indulge your palate with exquisite flavors and innovative dishes crafted by our award-winning chefs. A true gastronomic experience awaits.", imageSrc: "https://images.unsplash.com/photo-1514933651105-0646ef9ffc16?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Gourmet seafood dish", authorName: "Chef Antoine", authorAvatar: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-sitting-bed-holding-glass-juice-mobile-phone-looking-away_23-2148033310.jpg", date: "July 10, 2024"},
category: "Dining",
title: "A Culinary Journey at Grand Vista Restaurant",
excerpt: "Indulge your palate with exquisite flavors and innovative dishes crafted by our award-winning chefs. A true gastronomic experience awaits.",
imageSrc: "http://img.b2bpic.net/free-photo/cooking-vlogger_23-2148161762.jpg",
imageAlt: "Gourmet dish",
authorName: "Chef Antoine",
authorAvatar: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-sitting-bed-holding-glass-juice-mobile-phone-looking-away_23-2148033310.jpg",
date: "July 10, 2024",
},
{ {
id: "blog-3", id: "blog-3", category: "Wellness", title: "Beachside Bliss: The Ssese Habitat Spa & Wellness", excerpt: "Escape to our tranquil spa for a journey of relaxation and rejuvenation. Discover a range of treatments designed to revitalize your mind, body, and soul amidst the serene beach environment.", imageSrc: "https://images.unsplash.com/photo-1581535799907-8e6f16c1432f?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Spa treatment on a beachside setting", authorName: "Wellness Team", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-person-doing-online-shopping_23-2149159953.jpg", date: "July 5, 2024"},
category: "Wellness",
title: "Rejuvenate Your Senses: The Grand Vista Spa Experience",
excerpt: "Escape to our tranquil spa for a journey of relaxation and rejuvenation. Discover a range of treatments designed to revitalize your mind, body, and soul.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-candle-bottle-oil-composition_23-2148268403.jpg",
imageAlt: "Spa treatment",
authorName: "Wellness Team",
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-person-doing-online-shopping_23-2149159953.jpg",
date: "July 5, 2024",
},
]} ]}
/> />
</div> </div>
@@ -400,34 +229,23 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={false} useInvertedBackground={false}
title="Plan Your Visit" title="Plan Your Serene Beachside Getaway"
description="Reach out to us for reservations, inquiries, or any special requests. Our team is ready to assist you and ensure a seamless experience." description="Connect with us to book your stay, inquire about our services, or arrange special events at Ssese Habitat. Our team is here to ensure your perfect visit."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email", required: true,
type: "email",
placeholder: "Your Email",
required: true,
}, },
{ {
name: "phone", name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
type: "tel",
placeholder: "Phone Number (Optional)",
},
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Your Message or Special Request", rows: 4,
placeholder: "Your Message or Special Request",
rows: 4,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/empty-asphalt-road-through-modern-city-china_1127-3580.jpg" imageSrc="https://images.unsplash.com/photo-1517822557763-88989acb77e8?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
imageAlt="Map showing Grand Vista Hotel location" imageAlt="Beach path leading to the hotel"
mediaAnimation="none" mediaAnimation="none"
mediaPosition="right" mediaPosition="right"
buttonText="Send Message" buttonText="Send Message"
@@ -436,78 +254,52 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterBaseReveal
logoText="Grand Vista Hotel" logoText="Ssese Habitat"
columns={[ columns={[
{ {
title: "About Us", title: "About Us", items: [
items: [
{ {
label: "Our Story", label: "Our Story", href: "#about"},
href: "#about",
},
{ {
label: "Awards", label: "Awards", href: "#social-proof"},
href: "#social-proof",
},
{ {
label: "Careers", label: "Careers", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Rooms & Suites", label: "Rooms & Suites", href: "#rooms"},
href: "#rooms",
},
{ {
label: "Amenities", label: "Amenities", href: "#amenities"},
href: "#amenities",
},
{ {
label: "Dining", label: "Dining", href: "#amenities"},
href: "#amenities",
},
{ {
label: "Spa & Wellness", label: "Spa & Wellness", href: "#amenities"},
href: "#amenities", {
}, label: "Beach Deck", href: "#amenities"},
], ],
}, },
{ {
title: "Resources", title: "Resources", items: [
items: [
{ {
label: "FAQs", label: "FAQs", href: "#faq"},
href: "#faq",
},
{ {
label: "Blog", label: "Blog", href: "#blog"},
href: "#blog",
},
{ {
label: "Contact Us", label: "Contact Us", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
copyrightText="© 2024 Grand Vista Hotel. All rights reserved." copyrightText="© 2024 Ssese Habitat. All rights reserved."
/> />
</div> </div>
</ReactLenis> </ReactLenis>

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-open-sans), sans-serif; font-family: var(--font-inter), 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-open-sans), sans-serif; font-family: var(--font-libre-baskerville), serif;
} }