Merge version_1 into main #1
282
src/app/page.tsx
282
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Golden Gate"
|
||||
/>
|
||||
@@ -53,101 +41,40 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Golden Gate Hotel"
|
||||
description="Experience luxury and comfort in the heart of Dessie."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/los-angeles-downtown-night-with-urban-buildings-lake_649448-4079.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-1123.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-apartment-building-with-balconies_181624-33175.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/important-building-facade_1127-23.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-skyscraper-view-night-downtown_1127-2800.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728869.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/los-angeles-downtown-night-with-urban-buildings-lake_649448-4079.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-1123.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-apartment-building-with-balconies_181624-33175.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/important-building-facade_1127-23.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/office-skyscraper-view-night-downtown_1127-2800.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728869.jpg" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-block-flats_1203-57.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-building-textures-surface-exterior_74190-7915.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896796.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/port-liverpool-building-night-united-kingdom_1268-19710.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/facade-modern-new-building_23-2147694757.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-pattern_1203-2838.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glass-block-flats_1203-57.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-building-textures-surface-exterior_74190-7915.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896796.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/port-liverpool-building-night-united-kingdom_1268-19710.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/facade-modern-new-building_23-2147694757.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/building-pattern_1203-2838.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/building-night_1127-3365.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892972.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100068.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-shot-aria-hotel-las-vegas_181624-42881.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-building-with-windows-blue-sky-sunlight-evening_181624-14350.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/building-night_1127-3365.jpg", alt: "Guest 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892972.jpg", alt: "Guest 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100068.jpg", alt: "Guest 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/aerial-shot-aria-hotel-las-vegas_181624-42881.jpg", alt: "Guest 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-building-with-windows-blue-sky-sunlight-evening_181624-14350.jpg", alt: "Guest 5" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ satisfied guests globally"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Five-Star Luxury",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Complimentary Breakfast",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Central Location",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Airport Transfer",
|
||||
},
|
||||
{ type: "text", text: "Five-Star Luxury" },
|
||||
{ type: "text", text: "Complimentary Breakfast" },
|
||||
{ type: "text", text: "Central Location" },
|
||||
{ type: "text", text: "24/7 Service" },
|
||||
{ type: "text", text: "Airport Transfer" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,21 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Swimming Pool",
|
||||
description: "Relax in our state-of-the-art pool area.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool_1203-2596.jpg",
|
||||
},
|
||||
{
|
||||
title: "Wellness Center",
|
||||
description: "Stay fit with our modern gym facilities.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-using-elliptical-trainer_23-2148017430.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gourmet Dining",
|
||||
description: "Enjoy the finest local and international cuisine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-candles_23-2148966209.jpg",
|
||||
},
|
||||
{ title: "Swimming Pool", description: "Relax in our state-of-the-art pool area.", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool_1203-2596.jpg" },
|
||||
{ title: "Wellness Center", description: "Stay fit with our modern gym facilities.", imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-using-elliptical-trainer_23-2148017430.jpg" },
|
||||
{ title: "Gourmet Dining", description: "Enjoy the finest local and international cuisine.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-candles_23-2148966209.jpg" },
|
||||
]}
|
||||
title="Our Amenities"
|
||||
description="World-class services to make your stay memorable."
|
||||
@@ -191,44 +106,15 @@ export default function LandingPage() {
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Deluxe Room",
|
||||
price: "$150/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-bed-with-cushions_1203-668.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Executive Suite",
|
||||
price: "$250/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683421.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Junior Suite",
|
||||
price: "$200/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-luxury-hotel-room_74190-358.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Standard Room",
|
||||
price: "$120/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Family Suite",
|
||||
price: "$300/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-pretty-blonde-hair-woman-outdoor-kitchen-villa-female-with-light-makeup-summer-white-dress-straw-hat-vacation_343596-2522.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Presidential Suite",
|
||||
price: "$500/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-meal-with-bread-green-table-food-meal-restaurant_140725-28204.jpg",
|
||||
},
|
||||
{ id: "1", name: "Deluxe Room", price: "$150/night", imageSrc: "http://img.b2bpic.net/free-photo/double-bed-with-cushions_1203-668.jpg" },
|
||||
{ id: "2", name: "Executive Suite", price: "$250/night", imageSrc: "http://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683421.jpg" },
|
||||
{ id: "3", name: "Junior Suite", price: "$200/night", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-luxury-hotel-room_74190-358.jpg" },
|
||||
{ id: "4", name: "Standard Room", price: "$120/night", imageSrc: "http://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg" },
|
||||
{ id: "5", name: "Family Suite", price: "$300/night", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-pretty-blonde-hair-woman-outdoor-kitchen-villa-female-with-light-makeup-summer-white-dress-straw-hat-vacation_343596-2522.jpg" },
|
||||
{ id: "6", name: "Presidential Suite", price: "$500/night", imageSrc: "http://img.b2bpic.net/free-photo/top-view-meal-with-bread-green-table-food-meal-restaurant_140725-28204.jpg" },
|
||||
]}
|
||||
title="Our Rooms"
|
||||
description="Elegant spaces designed for total comfort."
|
||||
@@ -241,36 +127,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10k+",
|
||||
title: "Happy Guests",
|
||||
items: [
|
||||
"Verified reviews",
|
||||
"Returning visitors",
|
||||
"5-star ratings",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "5",
|
||||
title: "Service Stars",
|
||||
items: [
|
||||
"Quality assurance",
|
||||
"Top standards",
|
||||
"Premium care",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
title: "Concierge",
|
||||
items: [
|
||||
"Always available",
|
||||
"Personal support",
|
||||
"Fast response",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "10k+", title: "Happy Guests", items: ["Verified reviews", "Returning visitors", "5-star ratings"] },
|
||||
{ id: "2", value: "5", title: "Service Stars", items: ["Quality assurance", "Top standards", "Premium care"] },
|
||||
{ id: "3", value: "24/7", title: "Concierge", items: ["Always available", "Personal support", "Fast response"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Serving thousands of guests with excellence."
|
||||
@@ -283,46 +142,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "An incredible experience, the staff were so accommodating.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tea_1098-13992.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Best hotel in Dessie, very clean and luxurious.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-bathrobe-reading-magazine-while-relaxing-beauty-spa-looking-camera_637285-7434.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Perfect location and amenities, loved every minute.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@davidk",
|
||||
testimonial: "Excellent service and high standard of comfort.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-enjoying-view-mountains-landscape-water-surface_146671-15622.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice Wong",
|
||||
handle: "@alicew",
|
||||
testimonial: "Highly recommended for business or leisure travel.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-man-chats-social-media-laughs-message-smartphone-looks-mobile-phone-with-happy-face-sits-near-suitcase-floor_1258-314255.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "An incredible experience, the staff were so accommodating.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tea_1098-13992.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Best hotel in Dessie, very clean and luxurious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-bathrobe-reading-magazine-while-relaxing-beauty-spa-looking-camera_637285-7434.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Perfect location and amenities, loved every minute.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@davidk", testimonial: "Excellent service and high standard of comfort.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-enjoying-view-mountains-landscape-water-surface_146671-15622.jpg" },
|
||||
{ id: "5", name: "Alice Wong", handle: "@alicew", testimonial: "Highly recommended for business or leisure travel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-man-chats-social-media-laughs-message-smartphone-looks-mobile-phone-with-happy-face-sits-near-suitcase-floor_1258-314255.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Guest Voices"
|
||||
@@ -333,9 +157,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Reserve Your Stay"
|
||||
description="Book your room directly for the best rates."
|
||||
@@ -345,14 +167,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Golden Gate Hotel"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Dessie, Ethiopia",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Dessie, Ethiopia", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user