Merge version_1 into main #1
413
src/app/page.tsx
413
src/app/page.tsx
@@ -28,293 +28,150 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Pearl of Beirut"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pearl of Beirut"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Timeless Elegance in the Heart of Beirut"
|
||||
description="Experience unparalleled comfort and historic charm at Pearl of Beirut."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/day-view-dam-ebro-river-logrono_1398-4853.jpg",
|
||||
imageAlt: "Beirut skyline view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591376.jpg",
|
||||
imageAlt: "Hotel lobby entrance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg",
|
||||
imageAlt: "Deluxe room interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg",
|
||||
imageAlt: "Elegant restaurant dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-refreshment-neo-futuristic-style_23-2151370310.jpg",
|
||||
imageAlt: " Rooftop bar sunset",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-exterior-with-wooden-fence_23-2147663471.jpg",
|
||||
imageAlt: "Outdoor courtyard patio",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Timeless Elegance in the Heart of Beirut"
|
||||
description="Experience unparalleled comfort and historic charm at Pearl of Beirut."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/day-view-dam-ebro-river-logrono_1398-4853.jpg", imageAlt: "Beirut skyline view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591376.jpg", imageAlt: "Hotel lobby entrance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg", imageAlt: "Deluxe room interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg", imageAlt: "Elegant restaurant dining" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cocktail-refreshment-neo-futuristic-style_23-2151370310.jpg", imageAlt: "Rooftop bar sunset" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/house-exterior-with-wooden-fence_23-2147663471.jpg", imageAlt: "Outdoor courtyard patio" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Hospitality"
|
||||
description="Nestled in the center of Beirut, our hotel combines classic heritage with modern luxury, offering a tranquil sanctuary for travelers from around the world."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Historic Location",
|
||||
description: "Ideally situated for exploring city landmarks.",
|
||||
},
|
||||
{
|
||||
title: "Luxurious Amenities",
|
||||
description: "Enjoy world-class dining, spa, and fitness facilities.",
|
||||
},
|
||||
{
|
||||
title: "Personalized Service",
|
||||
description: "Our team ensures every stay is curated to perfection.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/facade-window-colonial-style-bangkok-thailand_1150-10807.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Hospitality"
|
||||
description="Nestled in the center of Beirut, our hotel combines classic heritage with modern luxury, offering a tranquil sanctuary for travelers from around the world."
|
||||
bulletPoints={[
|
||||
{ title: "Historic Location", description: "Ideally situated for exploring city landmarks." },
|
||||
{ title: "Luxurious Amenities", description: "Enjoy world-class dining, spa, and fitness facilities." },
|
||||
{ title: "Personalized Service", description: "Our team ensures every stay is curated to perfection." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/facade-window-colonial-style-bangkok-thailand_1150-10807.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Standard Suite",
|
||||
price: "$150/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-comfortable-pillow-decoration-interior-bedroom_74190-11125.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Deluxe Room",
|
||||
price: "$220/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-with-bed-chair-front-sliding-glass-door_1340-25294.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Executive Suite",
|
||||
price: "$350/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-businessman-sitting-bed-besides-luggage-bag_1163-5498.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Royal Suite",
|
||||
price: "$500/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ornate-bed-art-nouveau-style_23-2150975587.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Family Room",
|
||||
price: "$280/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bellboy-providing-services-client-lounge-area-before-registering-front-desk-hotel-guest-waiting-couch-talking-african-american-bellhop-summer-vacation-handheld-shot_482257-72657.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Honeymoon Suite",
|
||||
price: "$400/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-glasses-drink-near-couple-kissing-spa-tub_23-2148003837.jpg",
|
||||
},
|
||||
]}
|
||||
title="Accommodations"
|
||||
description="Discover our uniquely designed rooms and suites tailored for your comfort."
|
||||
/>
|
||||
</div>
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Standard Suite", price: "$150/night", imageSrc: "http://img.b2bpic.net/free-photo/white-comfortable-pillow-decoration-interior-bedroom_74190-11125.jpg" },
|
||||
{ id: "2", name: "Deluxe Room", price: "$220/night", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-with-bed-chair-front-sliding-glass-door_1340-25294.jpg" },
|
||||
{ id: "3", name: "Executive Suite", price: "$350/night", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-businessman-sitting-bed-besides-luggage-bag_1163-5498.jpg" },
|
||||
{ id: "4", name: "Royal Suite", price: "$500/night", imageSrc: "http://img.b2bpic.net/free-photo/ornate-bed-art-nouveau-style_23-2150975587.jpg" },
|
||||
{ id: "5", name: "Family Room", price: "$280/night", imageSrc: "http://img.b2bpic.net/free-photo/bellboy-providing-services-client-lounge-area-before-registering-front-desk-hotel-guest-waiting-couch-talking-african-american-bellhop-summer-vacation-handheld-shot_482257-72657.jpg" },
|
||||
{ id: "6", name: "Honeymoon Suite", price: "$400/night", imageSrc: "http://img.b2bpic.net/free-photo/flowers-glasses-drink-near-couple-kissing-spa-tub_23-2148003837.jpg" },
|
||||
]}
|
||||
title="Accommodations"
|
||||
description="Discover our uniquely designed rooms and suites tailored for your comfort."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Rooftop Restaurant",
|
||||
description: "Authentic Mediterranean cuisine with panoramic views.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg",
|
||||
},
|
||||
{
|
||||
title: "Wellness Spa",
|
||||
description: "Rejuvenating treatments and modern hydrotherapy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-robe_23-2148238375.jpg",
|
||||
},
|
||||
{
|
||||
title: "Business Center",
|
||||
description: "Fully equipped spaces for meetings and conferences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-employee-leaving-office-job-waving-colleague-woman-sitting-desk-working-business-report-presentation-doing-executive-project-work-company-network-sunset_482257-48874.jpg",
|
||||
},
|
||||
]}
|
||||
title="Exceptional Amenities"
|
||||
description="Enhance your stay with our thoughtfully curated services."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Rooftop Restaurant", description: "Authentic Mediterranean cuisine with panoramic views.", imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg" },
|
||||
{ title: "Wellness Spa", description: "Rejuvenating treatments and modern hydrotherapy.", imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-robe_23-2148238375.jpg" },
|
||||
{ title: "Business Center", description: "Fully equipped spaces for meetings and conferences.", imageSrc: "http://img.b2bpic.net/free-photo/male-employee-leaving-office-job-waving-colleague-woman-sitting-desk-working-business-report-presentation-doing-executive-project-work-company-network-sunset_482257-48874.jpg" },
|
||||
]}
|
||||
title="Exceptional Amenities"
|
||||
description="Enhance your stay with our thoughtfully curated services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "50+",
|
||||
description: "Years of experience",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "10k+",
|
||||
description: "Happy guests hosted",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
description: "Satisfaction rate",
|
||||
},
|
||||
]}
|
||||
title="A Trusted Choice"
|
||||
description="Numbers that speak to our commitment to excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", value: "50+", description: "Years of experience" },
|
||||
{ id: "2", value: "10k+", description: "Happy guests hosted" },
|
||||
{ id: "3", value: "98%", description: "Satisfaction rate" },
|
||||
]}
|
||||
title="A Trusted Choice"
|
||||
description="Numbers that speak to our commitment to excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "A beautiful stay in the heart of the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Clark",
|
||||
handle: "@d_clark",
|
||||
testimonial: "Exceptional service and amazing rooftop view.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-surfer-snapback-looking-smiling-cheerfully-after-winning-sports-contest-surfers-holding-his-white-surfboard-his-arm_273609-1551.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria Rossi",
|
||||
handle: "@m_rossi",
|
||||
testimonial: "My favorite hotel in Beirut. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-brunette-woman-wear-white-sweater-with-crossed-arms-looks-away-city-indoors_197531-33292.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John Doe",
|
||||
handle: "@john_d",
|
||||
testimonial: "Perfect location and very clean rooms.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-standing-with-luggage-waiting-area-airport_107420-95857.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena P.",
|
||||
handle: "@elena_p",
|
||||
testimonial: "A truly wonderful experience for our anniversary.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-elder-tourist-woman-beach_23-2148620254.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Guest Experiences"
|
||||
description="Read what our cherished guests have to say about their stay."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "A beautiful stay in the heart of the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg" },
|
||||
{ id: "2", name: "David Clark", handle: "@d_clark", testimonial: "Exceptional service and amazing rooftop view.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-surfer-snapback-looking-smiling-cheerfully-after-winning-sports-contest-surfers-holding-his-white-surfboard-his-arm_273609-1551.jpg" },
|
||||
{ id: "3", name: "Maria Rossi", handle: "@m_rossi", testimonial: "My favorite hotel in Beirut. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-brunette-woman-wear-white-sweater-with-crossed-arms-looks-away-city-indoors_197531-33292.jpg" },
|
||||
{ id: "4", name: "John Doe", handle: "@john_d", testimonial: "Perfect location and very clean rooms.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-standing-with-luggage-waiting-area-airport_107420-95857.jpg" },
|
||||
{ id: "5", name: "Elena P.", handle: "@elena_p", testimonial: "A truly wonderful experience for our anniversary.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/carefree-elder-tourist-woman-beach_23-2148620254.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Guest Experiences"
|
||||
description="Read what our cherished guests have to say about their stay."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, we provide valet parking for all our guests.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are airport transfers included?",
|
||||
content: "Transfers can be arranged upon request at an additional fee.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are pets allowed?",
|
||||
content: "We allow small pets with prior notice.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Is parking available?", content: "Yes, we provide valet parking for all our guests." },
|
||||
{ id: "2", title: "Are airport transfers included?", content: "Transfers can be arranged upon request at an additional fee." },
|
||||
{ id: "3", title: "Are pets allowed?", content: "We allow small pets with prior notice." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Start Your Beirut Journey"
|
||||
description="Have questions or ready to book your stay? Get in touch with us today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-traveler-talking-receptionist-about-room-reservation_482257-82841.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Start Your Beirut Journey"
|
||||
description="Have questions or ready to book your stay? Get in touch with us today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-traveler-talking-receptionist-about-room-reservation_482257-82841.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Pearl of Beirut"
|
||||
copyrightText="© 2025 Pearl of Beirut. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Pearl of Beirut"
|
||||
copyrightText="© 2025 Pearl of Beirut. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user