Merge version_1 into main #1
233
src/app/page.tsx
233
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Bell, MapPin, Sparkles, Star, Wifi } from "lucide-react";
|
||||
import { Bell, MapPin, Sparkles, Star, Wifi, Waves, Utensils } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
name: "Rooms", id: "rooms"},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "amenities",
|
||||
},
|
||||
name: "Amenities", id: "amenities"},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "booking",
|
||||
},
|
||||
name: "Booking", id: "booking"},
|
||||
]}
|
||||
brandName="Grand Horizon"
|
||||
/>
|
||||
@@ -53,66 +45,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Stay in Elegance"
|
||||
description="Experience unparalleled comfort at Grand Horizon. Flash Sale: Book your stay within 24 hours to receive 30% off any suite."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Book Now", href: "#booking"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712925.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-man-checkin-airport-with-his-passport_657883-690.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-man-checkin-airport-with-his-passport_657883-690.jpg", alt: "Guest 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-couple-sitting-pup-holding-drinks_23-2147859648.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-couple-sitting-pup-holding-drinks_23-2147859648.jpg", alt: "Guest 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-tourist-with-backpack-station_1262-3635.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-tourist-with-backpack-station_1262-3635.jpg", alt: "Guest 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/airbnb-host-welcoming-guests_23-2149872034.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/airbnb-host-welcoming-guests_23-2149872034.jpg", alt: "Guest 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-women-clinking-glasses_23-2149152924.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-women-clinking-glasses_23-2149152924.jpg", alt: "Guest 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ happy travelers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "5-Star Rating",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "5-Star Rating", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "City Center Location",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "City Center Location", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Concierge",
|
||||
icon: Bell,
|
||||
type: "text-icon", text: "24/7 Concierge", icon: Bell,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Free High-Speed Wi-Fi",
|
||||
icon: Wifi,
|
||||
type: "text-icon", text: "Free High-Speed Wi-Fi", icon: Wifi,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Spa Services",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Premium Spa Services", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -124,22 +93,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Luxury Spa",
|
||||
description: "Rejuvenate with our world-class spa treatments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-bed-using-mobile-phone-with-his-wife-carrying-her-baby_23-2147923005.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
title: "Luxury Spa", description: "Rejuvenate with our world-class spa treatments.", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-bed-using-mobile-phone-with-his-wife-carrying-her-baby_23-2147923005.jpg", buttonIcon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Fine Dining",
|
||||
description: "Gourmet experiences curated by Michelin-star chefs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/royal-dining-room-with-wooden-furniture-chandeliers_114579-2222.jpg",
|
||||
buttonIcon: "Utensils",
|
||||
title: "Fine Dining", description: "Gourmet experiences curated by Michelin-star chefs.", imageSrc: "http://img.b2bpic.net/free-photo/royal-dining-room-with-wooden-furniture-chandeliers_114579-2222.jpg", buttonIcon: Utensils,
|
||||
},
|
||||
{
|
||||
title: "Infinity Pool",
|
||||
description: "Relax with panoramic views of the city skyline.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-water-nature-palm-chair_1203-3919.jpg",
|
||||
buttonIcon: "Waves",
|
||||
title: "Infinity Pool", description: "Relax with panoramic views of the city skyline.", imageSrc: "http://img.b2bpic.net/free-photo/hotel-water-nature-palm-chair_1203-3919.jpg", buttonIcon: Waves,
|
||||
},
|
||||
]}
|
||||
title="World-Class Amenities"
|
||||
@@ -155,59 +115,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Room",
|
||||
name: "Deluxe Suite",
|
||||
price: "$299",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg",
|
||||
},
|
||||
id: "1", brand: "Room", name: "Deluxe Suite", price: "$299", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Room",
|
||||
name: "Grand Suite",
|
||||
price: "$499",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg",
|
||||
},
|
||||
id: "2", brand: "Room", name: "Grand Suite", price: "$499", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Room",
|
||||
name: "Presidential Suite",
|
||||
price: "$999",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-leather-armchairs-french-windows_140725-8445.jpg",
|
||||
},
|
||||
id: "3", brand: "Room", name: "Presidential Suite", price: "$999", rating: 5,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-leather-armchairs-french-windows_140725-8445.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Room",
|
||||
name: "Executive Room",
|
||||
price: "$350",
|
||||
rating: 4,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-bedroom-design-overlooking-city-through-window-generated-by-ai_188544-16923.jpg",
|
||||
},
|
||||
id: "4", brand: "Room", name: "Executive Room", price: "$350", rating: 4,
|
||||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-bedroom-design-overlooking-city-through-window-generated-by-ai_188544-16923.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Room",
|
||||
name: "Standard Room",
|
||||
price: "$199",
|
||||
rating: 4,
|
||||
reviewCount: "250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-3601.jpg",
|
||||
},
|
||||
id: "5", brand: "Room", name: "Standard Room", price: "$199", rating: 4,
|
||||
reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-3601.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Room",
|
||||
name: "Family Suite",
|
||||
price: "$450",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285967.jpg",
|
||||
},
|
||||
id: "6", brand: "Room", name: "Family Suite", price: "$450", rating: 5,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285967.jpg"},
|
||||
]}
|
||||
title="Our Accommodations"
|
||||
description="From cozy standard rooms to opulent presidential suites."
|
||||
@@ -221,40 +145,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Travel Blogger",
|
||||
testimonial: "An absolutely incredible experience. The service was top-tier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-checkin-airport-with-his-passport_657883-690.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Travel Blogger", testimonial: "An absolutely incredible experience. The service was top-tier.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-checkin-airport-with-his-passport_657883-690.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Architect",
|
||||
testimonial: "Luxury redefined. The architecture is stunning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-couple-sitting-pup-holding-drinks_23-2147859648.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Architect", testimonial: "Luxury redefined. The architecture is stunning.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-couple-sitting-pup-holding-drinks_23-2147859648.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Business Exec",
|
||||
testimonial: "Perfect for my business trip. Efficient and comfortable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-tourist-with-backpack-station_1262-3635.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Business Exec", testimonial: "Perfect for my business trip. Efficient and comfortable.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-tourist-with-backpack-station_1262-3635.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Global Traveler",
|
||||
testimonial: "The best infinity pool I have ever encountered.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/airbnb-host-welcoming-guests_23-2149872034.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", role: "Global Traveler", testimonial: "The best infinity pool I have ever encountered.", imageSrc: "http://img.b2bpic.net/free-photo/airbnb-host-welcoming-guests_23-2149872034.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe B.",
|
||||
role: "Designer",
|
||||
testimonial: "Inspiration at every corner. Truly a grand stay.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-clinking-glasses_23-2149152924.jpg",
|
||||
},
|
||||
id: "5", name: "Chloe B.", role: "Designer", testimonial: "Inspiration at every corner. Truly a grand stay.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-clinking-glasses_23-2149152924.jpg"},
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="What our guests say about their stay at Grand Horizon."
|
||||
@@ -270,30 +169,15 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are the check-in and check-out times?",
|
||||
content: "Check-in is from 3:00 PM, and check-out is by 11:00 AM.",
|
||||
},
|
||||
id: "1", title: "What are the check-in and check-out times?", content: "Check-in is from 3:00 PM, and check-out is by 11:00 AM."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, we offer complimentary valet parking for all registered guests.",
|
||||
},
|
||||
id: "2", title: "Is parking available?", content: "Yes, we offer complimentary valet parking for all registered guests."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you allow pets?",
|
||||
content: "We are a pet-friendly hotel; please inquire about our pet policy upon booking.",
|
||||
},
|
||||
id: "3", title: "Do you allow pets?", content: "We are a pet-friendly hotel; please inquire about our pet policy upon booking."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Are there dining options on-site?",
|
||||
content: "We feature three award-winning restaurants and a 24/7 room service menu.",
|
||||
},
|
||||
id: "4", title: "Are there dining options on-site?", content: "We feature three award-winning restaurants and a 24/7 room service menu."},
|
||||
{
|
||||
id: "5",
|
||||
title: "How can I modify my reservation?",
|
||||
content: "You can manage your booking directly through our website or by calling our concierge desk.",
|
||||
},
|
||||
id: "5", title: "How can I modify my reservation?", content: "You can manage your booking directly through our website or by calling our concierge desk."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -302,42 +186,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rooms",
|
||||
items: [
|
||||
title: "Rooms", items: [
|
||||
{
|
||||
label: "Deluxe",
|
||||
href: "#rooms",
|
||||
},
|
||||
label: "Deluxe", href: "#rooms"},
|
||||
{
|
||||
label: "Suites",
|
||||
href: "#rooms",
|
||||
},
|
||||
label: "Suites", href: "#rooms"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Booking FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "Booking FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user