Merge version_1 into main #2
432
src/app/page.tsx
432
src/app/page.tsx
@@ -26,313 +26,143 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "/rooms",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Canadian Guest House"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Rooms", id: "/rooms" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Canadian Guest House"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="Experience Unmatched Luxury"
|
||||
description="Welcome to Canadian Guest House, where elegance meets comfort in every detail."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "/rooms",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/1234567890",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg?_wi=1",
|
||||
imageAlt: "Luxury Lobby",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dreamy-aesthetic-landscape_23-2151445734.jpg?_wi=1",
|
||||
imageAlt: "Stunning View",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-seen-from_116348-65.jpg?_wi=1",
|
||||
imageAlt: "Exterior",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-rich-woman-sitting-couch_23-2149722603.jpg",
|
||||
imageAlt: "Bedroom",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-talking-by-pool-vacation_23-2149369764.jpg",
|
||||
imageAlt: "Pool",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourist-giving-passport-receptionist_482257-90700.jpg",
|
||||
imageAlt: "Reception",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Experience Unmatched Luxury"
|
||||
description="Welcome to Canadian Guest House, where elegance meets comfort in every detail."
|
||||
buttons={[
|
||||
{ text: "Book Your Stay", href: "/rooms" },
|
||||
{ text: "WhatsApp Us", href: "https://wa.me/1234567890" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg", imageAlt: "Luxury Lobby" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dreamy-aesthetic-landscape_23-2151445734.jpg", imageAlt: "Stunning View" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/modern-building-seen-from_116348-65.jpg", imageAlt: "Exterior" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/side-view-rich-woman-sitting-couch_23-2149722603.jpg", imageAlt: "Bedroom" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/couple-talking-by-pool-vacation_23-2149369764.jpg", imageAlt: "Pool" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/tourist-giving-passport-receptionist_482257-90700.jpg", imageAlt: "Reception" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Excellence in Hospitality"
|
||||
description="Discover a place where comfort and sophistication blend seamlessly, creating a home away from home."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Luxury Suites",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Happy Guests",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Concierge",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-home-interior-living-room-with-vase-flowers-candles_169016-3572.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Excellence in Hospitality"
|
||||
description="Discover a place where comfort and sophistication blend seamlessly, creating a home away from home."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Luxury Suites" },
|
||||
{ value: "10k+", title: "Happy Guests" },
|
||||
{ value: "24/7", title: "Concierge" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-home-interior-living-room-with-vase-flowers-candles_169016-3572.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fine Dining",
|
||||
description: "Gourmet experiences await you daily.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-table-background-zoom-calls_23-2149684456.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Organic Ingredients",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg?_wi=2",
|
||||
imageAlt: "hotel restaurant ambiance dining",
|
||||
},
|
||||
{
|
||||
title: "Relaxing Spa",
|
||||
description: "Unwind with our world-class spa treatments.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-pool-edge-warm-daylight-calm-wellness-moment_169016-69184.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Privacy First",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dreamy-aesthetic-landscape_23-2151445734.jpg?_wi=2",
|
||||
imageAlt: "hotel restaurant ambiance dining",
|
||||
},
|
||||
{
|
||||
title: "Luxury Comfort",
|
||||
description: "Sleep in total comfort with premium linens.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "High Speed WiFi",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-seen-from_116348-65.jpg?_wi=2",
|
||||
imageAlt: "hotel restaurant ambiance dining",
|
||||
},
|
||||
]}
|
||||
title="Premier Amenities"
|
||||
description="Elevate your stay with our curated premium facilities."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fine Dining", description: "Gourmet experiences await you daily.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg", imageAlt: "hotel restaurant ambiance dining"
|
||||
},
|
||||
items: [{ icon: CheckCircle, text: "Organic Ingredients" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Relaxing Spa", description: "Unwind with our world-class spa treatments.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dreamy-aesthetic-landscape_23-2151445734.jpg", imageAlt: "hotel restaurant ambiance dining"
|
||||
},
|
||||
items: [{ icon: Shield, text: "Privacy First" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Luxury Comfort", description: "Sleep in total comfort with premium linens.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-seen-from_116348-65.jpg", imageAlt: "hotel restaurant ambiance dining"
|
||||
},
|
||||
items: [{ icon: Zap, text: "High Speed WiFi" }],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Premier Amenities"
|
||||
description="Elevate your stay with our curated premium facilities."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-luggage-using-mobile-phone_107420-95917.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Bond",
|
||||
role: "Traveler",
|
||||
company: "Global",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-taking-selfie-sea-with-surfboard_23-2148022380.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Ross",
|
||||
role: "Manager",
|
||||
company: "Growth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-assisted-hotel-arrival_482257-90549.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Smith",
|
||||
role: "Designer",
|
||||
company: "Creative",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-colorful-top-sunglasses_273609-15964.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna Karen",
|
||||
role: "Consultant",
|
||||
company: "Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-smiling-man-with-suitcase-video-chats-using-smartphone-takes-selfie-goes-holiday_1258-270387.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfied",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Reviews",
|
||||
},
|
||||
]}
|
||||
title="Guest Reviews"
|
||||
description="What our guests say about their stay at Canadian Guest House."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", role: "CEO", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-luggage-using-mobile-phone_107420-95917.jpg" },
|
||||
{ id: "t2", name: "James Bond", role: "Traveler", company: "Global", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-taking-selfie-sea-with-surfboard_23-2148022380.jpg" },
|
||||
{ id: "t3", name: "Elena Ross", role: "Manager", company: "Growth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-assisted-hotel-arrival_482257-90549.jpg" },
|
||||
{ id: "t4", name: "David Smith", role: "Designer", company: "Creative", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-colorful-top-sunglasses_273609-15964.jpg" },
|
||||
{ id: "t5", name: "Anna Karen", role: "Consultant", company: "Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-smiling-man-with-suitcase-video-chats-using-smartphone-takes-selfie-goes-holiday_1258-270387.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.9", label: "Rating" },
|
||||
{ value: "100%", label: "Satisfied" },
|
||||
{ value: "500+", label: "Reviews" },
|
||||
]}
|
||||
title="Guest Reviews"
|
||||
description="What our guests say about their stay at Canadian Guest House."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Stay Packages"
|
||||
description="Transparent pricing for your comfort and convenience."
|
||||
plans={[
|
||||
{
|
||||
id: "plan-1",
|
||||
tag: "Classic",
|
||||
price: "$150",
|
||||
period: "/night",
|
||||
description: "The perfect stay for short trips.",
|
||||
button: {
|
||||
text: "Choose Plan",
|
||||
href: "/rooms",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Free Breakfast",
|
||||
"Wifi",
|
||||
"City View",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan-2",
|
||||
tag: "Luxury",
|
||||
price: "$300",
|
||||
period: "/night",
|
||||
description: "Upscale comfort for discerning travelers.",
|
||||
button: {
|
||||
text: "Choose Plan",
|
||||
href: "/rooms",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"All Classic Amenities",
|
||||
"Spa Access",
|
||||
"Priority Check-in",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Stay Packages"
|
||||
description="Transparent pricing for your comfort and convenience."
|
||||
plans={[
|
||||
{
|
||||
id: "plan-1", tag: "Classic", price: "$150", period: "/night", description: "The perfect stay for short trips.", button: { text: "Choose Plan", href: "/rooms" },
|
||||
featuresTitle: "Includes:", features: ["Free Breakfast", "Wifi", "City View"]
|
||||
},
|
||||
{
|
||||
id: "plan-2", tag: "Luxury", price: "$300", period: "/night", description: "Upscale comfort for discerning travelers.", button: { text: "Choose Plan", href: "/rooms" },
|
||||
featuresTitle: "Includes:", features: ["All Classic Amenities", "Spa Access", "Priority Check-in"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "/terms",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Canadian Guest House"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms", href: "/terms" }]
|
||||
}
|
||||
]}
|
||||
logoText="Canadian Guest House"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user