bender/7d1f3ef4-870e-4530-880b-4bdf45f4e37a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-13 14:06:52 +00:00
parent e01080da02
commit c0c9e408c4
1 changed files with 32 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

232
src/app/page.tsx
View File

@@ -28,22 +28,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Rooms",
id: "features",
},
{
name: "About",
id: "about",
},
{
name: "Reviews",
id: "testimonials",
},
{ name: "Home", id: "hero" },
{ name: "Rooms", id: "features" },
{ name: "About", id: "about" },
{ name: "Reviews", id: "testimonials" },
]}
brandName="Grand Horizon Hotel"
/>
@@ -51,39 +39,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Experience Unparalleled Luxury"
description="Located at the heart of the coast, our hotel blends modern design with classic hospitality for a perfect stay."
tag="Welcome to Grand Horizon"
buttons={[
{
text: "Book Your Stay",
href: "#",
},
]}
buttons={[{ text: "Book Your Stay", href: "#" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397562.jpg?_wi=1",
imageAlt: "Luxurious Hotel Lobby",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-bedroom-suite-bathroom_105762-1936.jpg?_wi=1",
imageAlt: "Presidential Suite View",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-wedding-hall_74190-5228.jpg",
imageAlt: "Abstract blur wedding hall",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/spacious-corridor-with-bokeh-effect_1203-1502.jpg",
imageAlt: "Spacious corridor with bokeh effect",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-leather-armchairs-french-windows_140725-8445.jpg",
imageAlt: "Restaurant hall with leather armchairs and french windows",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397562.jpg", imageAlt: "Luxurious Hotel Lobby" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-bedroom-suite-bathroom_105762-1936.jpg", imageAlt: "Presidential Suite View" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -97,20 +60,11 @@ export default function LandingPage() {
title="A Legacy of Hospitality"
description="For over two decades, we have been dedicated to providing seamless service and unforgettable experiences to every guest."
metrics={[
{
value: "20+",
title: "Years of Excellence",
},
{
value: "500+",
title: "Luxurious Rooms",
},
{
value: "99%",
title: "Guest Satisfaction",
},
{ value: "20+", title: "Years of Excellence" },
{ value: "500+", title: "Luxurious Rooms" },
{ value: "99%", title: "Guest Satisfaction" },
]}
imageSrc="http://img.b2bpic.net/free-photo/aerial-shot-aria-hotel-las-vegas_181624-42881.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/aerial-shot-aria-hotel-las-vegas_181624-42881.jpg"
imageAlt="Our beautiful hotel property"
mediaAnimation="blur-reveal"
/>
@@ -123,46 +77,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Premium Suites",
description: "Spacious rooms with breathtaking ocean views and personalized service.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-4628.jpg",
imageAlt: "Suite Bedroom",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/spa-towels-with-dispenser-candles-modern-selfcare_169016-69653.jpg",
imageAlt: "Hotel Bathroom",
},
imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397562.jpg?_wi=2",
imageAlt: "modern hotel room interior design",
title: "Premium Suites", description: "Spacious rooms with breathtaking ocean views and personalized service.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-4628.jpg", imageAlt: "Suite Bedroom" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/spa-towels-with-dispenser-candles-modern-selfcare_169016-69653.jpg", imageAlt: "Hotel Bathroom" }
},
{
title: "World Class Spa",
description: "Rejuvenate your senses with our custom curated spa treatments.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147505.jpg",
imageAlt: "Spa Detail",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg",
imageAlt: "Lounge Area",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-bedroom-suite-bathroom_105762-1936.jpg?_wi=2",
imageAlt: "modern hotel room interior design",
title: "World Class Spa", description: "Rejuvenate your senses with our custom curated spa treatments.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147505.jpg", imageAlt: "Spa Detail" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg", imageAlt: "Lounge Area" }
},
{
title: "Fine Dining",
description: "Experience culinary excellence at our award-winning in-house restaurant.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-interior-room-with-books-dried-flowers-vase_169016-4243.jpg",
imageAlt: "Restaurant Table",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956527.jpg",
imageAlt: "Bar View",
},
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-aria-hotel-las-vegas_181624-42881.jpg?_wi=2",
imageAlt: "modern hotel room interior design",
title: "Fine Dining", description: "Experience culinary excellence at our award-winning in-house restaurant.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-interior-room-with-books-dried-flowers-vase_169016-4243.jpg", imageAlt: "Restaurant Table" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956527.jpg", imageAlt: "Bar View" }
},
]}
showStepNumbers={false}
@@ -177,60 +101,16 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Elena Rossi",
role: "Travel Blogger",
company: "Global Travels",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg",
},
{
id: "2",
name: "Mark Stevens",
role: "Tech Founder",
company: "TechStart",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-couple-beach_1153-814.jpg",
},
{
id: "3",
name: "Sarah Miller",
role: "Architect",
company: "Studio A",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-travel-bag-airport-waiting-flight_1303-20378.jpg",
},
{
id: "4",
name: "James Bond",
role: "CEO",
company: "Secretive Corp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-smiling-caucasian-woman-traveller-fitting-dress-sunglasses-high-floor-bangkok-stylish-female-exploring-amazing-big-city-view_343596-1447.jpg",
},
{
id: "5",
name: "Anna Karenina",
role: "Author",
company: "Book Corp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-standing-with-laptop_1303-22604.jpg",
},
{ id: "1", name: "Elena Rossi", role: "Travel Blogger", company: "Global Travels", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg" },
{ id: "2", name: "Mark Stevens", role: "Tech Founder", company: "TechStart", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-couple-beach_1153-814.jpg" },
{ id: "3", name: "Sarah Miller", role: "Architect", company: "Studio A", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-travel-bag-airport-waiting-flight_1303-20378.jpg" },
{ id: "4", name: "James Bond", role: "CEO", company: "Secretive Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-smiling-caucasian-woman-traveller-fitting-dress-sunglasses-high-floor-bangkok-stylish-female-exploring-amazing-big-city-view_343596-1447.jpg" },
{ id: "5", name: "Anna Karenina", role: "Author", company: "Book Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-standing-with-laptop_1303-22604.jpg" },
]}
kpiItems={[
{
value: "4.9/5",
label: "Average Rating",
},
{
value: "12k+",
label: "Happy Stays",
},
{
value: "98%",
label: "Recommendation",
},
{ value: "4.9/5", label: "Average Rating" },
{ value: "12k+", label: "Happy Stays" },
{ value: "98%", label: "Recommendation" },
]}
title="What Our Guests Say"
description="Real stories from guests who made Grand Horizon their home away from home."
@@ -244,21 +124,9 @@ export default function LandingPage() {
title="Frequently Asked Questions"
description="Have questions about your stay? Find answers to the most common queries below."
faqs={[
{
id: "q1",
title: "What are the check-in and check-out times?",
content: "Check-in begins at 3:00 PM and check-out is at 11:00 AM. We offer flexible options based on availability.",
},
{
id: "q2",
title: "Is parking available at the hotel?",
content: "Yes, we offer complimentary valet parking for all our guests throughout their stay.",
},
{
id: "q3",
title: "Are pets allowed in the hotel?",
content: "We are a pet-friendly property. Please contact our reception prior to booking for our pet policy details.",
},
{ id: "q1", title: "What are the check-in and check-out times?", content: "Check-in begins at 3:00 PM and check-out is at 11:00 AM. We offer flexible options based on availability." },
{ id: "q2", title: "Is parking available at the hotel?", content: "Yes, we offer complimentary valet parking for all our guests throughout their stay." },
{ id: "q3", title: "Are pets allowed in the hotel?", content: "We are a pet-friendly property. Please contact our reception prior to booking for our pet policy details." },
]}
faqsAnimation="slide-up"
/>
@@ -267,45 +135,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Spa & Wellness",
href: "#",
},
{
label: "Dining",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
{ title: "Services", items: [{ label: "Spa & Wellness", href: "#" }, { label: "Dining", href: "#" }] },
{ title: "Support", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="Grand Horizon"
/>