Merge version_1 into main #2
202
src/app/page.tsx
202
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Experience", id: "about" },
|
||||
{ name: "Amenities", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Grand Horizon"
|
||||
/>
|
||||
@@ -56,64 +41,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Unwind in Pure Elegance"
|
||||
description="Experience the perfect harmony of coastal tranquility and urban sophistication at Grand Horizon. Your sanctuary awaits."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hallway-modern-style_1127-3391.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Your Stay", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hallway-modern-style_1127-3391.jpg"
|
||||
imageAlt="Luxurious lobby interior of Grand Horizon Hotel"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-couple-talk-about-vacation-plans_482257-81671.jpg",
|
||||
alt: "Elderly couple talk about vacation plans",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-desk-hotel-reception-lobby_482257-76228.jpg",
|
||||
alt: "Front desk hotel reception lobby",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-slim-african-american-model-wear-black-blouse-green-long-legs-pants-posed-chinese-cafe_627829-5911.jpg",
|
||||
alt: "Beauty slim african american model wear on black blouse and green long legs pants posed at chinese cafe",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg",
|
||||
alt: "Luxury meeting and dining room table and multiple chairs",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-elegance-luxury-cozy-bedroom-generated-by-ai_188544-29887.jpg",
|
||||
alt: "Modern elegance and luxury in cozy bedroom generated by AI",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/elderly-couple-talk-about-vacation-plans_482257-81671.jpg", alt: "Elderly couple talk about vacation plans" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-desk-hotel-reception-lobby_482257-76228.jpg", alt: "Front desk hotel reception lobby" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beauty-slim-african-american-model-wear-black-blouse-green-long-legs-pants-posed-chinese-cafe_627829-5911.jpg", alt: "Beauty slim african american model wear on black blouse and green long legs pants posed at chinese cafe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg", alt: "Luxury meeting and dining room table and multiple chairs" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-elegance-luxury-cozy-bedroom-generated-by-ai_188544-29887.jpg", alt: "Modern elegance and luxury in cozy bedroom generated by AI" },
|
||||
]}
|
||||
avatarText="Trusted by thousands of luxury travelers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Coastal Tranquility",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Urban Sophistication",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "World-Class Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Infinite Serenity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Elegance",
|
||||
},
|
||||
{ type: "text", text: "Coastal Tranquility" },
|
||||
{ type: "text", text: "Urban Sophistication" },
|
||||
{ type: "text", text: "World-Class Service" },
|
||||
{ type: "text", text: "Infinite Serenity" },
|
||||
{ type: "text", text: "Timeless Elegance" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,12 +70,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Comfort and Care"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Suites",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Suites", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -137,30 +80,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Infinity Pool",
|
||||
description: "Relax in our heated rooftop infinity pool with panoramic sunset views.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Waves,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-practicing-selfcare_23-2150396223.jpg",
|
||||
imageAlt: "high end resort suite aesthetic",
|
||||
},
|
||||
{
|
||||
title: "Fine Dining",
|
||||
description: "Experience award-winning local flavors at our signature restaurant.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Utensils,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hallway-modern-style_1127-3391.jpg?_wi=2",
|
||||
imageAlt: "high end resort suite aesthetic",
|
||||
},
|
||||
{
|
||||
title: "Luxury Spa",
|
||||
description: "Rejuvenate your senses with our bespoke therapeutic treatments.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/many-hammocks-near-large-pool_1203-403.jpg",
|
||||
imageAlt: "high end resort suite aesthetic",
|
||||
},
|
||||
{ title: "Infinity Pool", description: "Relax in our heated rooftop infinity pool with panoramic sunset views.", bentoComponent: "reveal-icon", icon: Waves },
|
||||
{ title: "Fine Dining", description: "Experience award-winning local flavors at our signature restaurant.", bentoComponent: "reveal-icon", icon: Utensils },
|
||||
{ title: "Luxury Spa", description: "Rejuvenate your senses with our bespoke therapeutic treatments.", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
]}
|
||||
title="Exceptional Amenities"
|
||||
description="Indulge in world-class facilities designed for the discerning traveler."
|
||||
@@ -169,44 +91,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Julianne Moore",
|
||||
handle: "@julianne_m",
|
||||
testimonial: "An absolute masterpiece of comfort and service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215784.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Vane",
|
||||
handle: "@marcus_v",
|
||||
testimonial: "The spa treatments were transformative. Truly a sanctuary.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fat-tourist-traveling_23-2151742642.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
handle: "@rossi_elena",
|
||||
testimonial: "Perfect location and culinary delights. Simply the best.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-woman-girl-is-holding-dslr-camera-taking-photographs-smiling-young-woman-using-camera-take-photo-outdoors_1391-387.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Thorne",
|
||||
handle: "@dthorne",
|
||||
testimonial: "A seamless experience from check-in to checkout.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-eye-patches_23-2148709323.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sita Kumari",
|
||||
handle: "@sita_k",
|
||||
testimonial: "Unparalleled views and staff that remembers your name.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-with-book_23-2147770055.jpg",
|
||||
},
|
||||
{ id: "1", name: "Julianne Moore", handle: "@julianne_m", testimonial: "An absolute masterpiece of comfort and service.", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215784.jpg" },
|
||||
{ id: "2", name: "Marcus Vane", handle: "@marcus_v", testimonial: "The spa treatments were transformative. Truly a sanctuary.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fat-tourist-traveling_23-2151742642.jpg" },
|
||||
{ id: "3", name: "Elena Rossi", handle: "@rossi_elena", testimonial: "Perfect location and culinary delights. Simply the best.", imageSrc: "http://img.b2bpic.net/free-photo/photographer-woman-girl-is-holding-dslr-camera-taking-photographs-smiling-young-woman-using-camera-take-photo-outdoors_1391-387.jpg" },
|
||||
{ id: "4", name: "David Thorne", handle: "@dthorne", testimonial: "A seamless experience from check-in to checkout.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-eye-patches_23-2148709323.jpg" },
|
||||
{ id: "5", name: "Sita Kumari", handle: "@sita_k", testimonial: "Unparalleled views and staff that remembers your name.", imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-with-book_23-2147770055.jpg" },
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="See why guests return year after year."
|
||||
@@ -216,16 +109,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Ready to reserve your slice of heaven?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "mailto:bookings@grandhorizon.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Reserve Now", href: "mailto:bookings@grandhorizon.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -233,32 +119,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Grand Horizon"
|
||||
columns={[
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "About", items: [{ label: "Our Story", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Grand Horizon Hotel. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user