Merge version_2 into main #1
235
src/app/page.tsx
235
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Apartments",
|
||||
id: "products",
|
||||
},
|
||||
name: "Apartments", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Luxebnb"
|
||||
/>
|
||||
@@ -56,23 +48,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Experience Unmatched Luxury Living"
|
||||
description="Discover curated, premium apartments in the heart of the city. Elevate your travel experience with Luxebnb’s elite collection."
|
||||
kpis={[
|
||||
{
|
||||
value: "150+",
|
||||
label: "Luxury Suites",
|
||||
},
|
||||
value: "150+", label: "Luxury Suites"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Guest Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Guest Rating"},
|
||||
{
|
||||
value: "20",
|
||||
label: "Prime Locations",
|
||||
},
|
||||
value: "20", label: "Prime Locations"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-lounge-room-interior-office-building_1262-12374.jpg"
|
||||
@@ -80,47 +65,27 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-unfurnished-brand-new-apartment_181624-45321.jpg",
|
||||
alt: "Empty and unfurnished brand new apartment",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-unfurnished-brand-new-apartment_181624-45321.jpg", alt: "Empty and unfurnished brand new apartment"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-wooden-wardrobe-decorated-with-blinds-wardrobe-with-blinds-decoration_169016-13498.jpg",
|
||||
alt: "Black wooden wardrobe decorated with blinds, wardrobe with blinds decoration.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-wooden-wardrobe-decorated-with-blinds-wardrobe-with-blinds-decoration_169016-13498.jpg", alt: "Black wooden wardrobe decorated with blinds, wardrobe with blinds decoration."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-minimalist-living-room-interior-design_23-2151983191.jpg",
|
||||
alt: "Modern minimalist living room interior design",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-minimalist-living-room-interior-design_23-2151983191.jpg", alt: "Modern minimalist living room interior design"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-modern-living-room-with-gray-sofa_23-2151978981.jpg",
|
||||
alt: "Elegant modern living room with gray sofa",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-modern-living-room-with-gray-sofa_23-2151978981.jpg", alt: "Elegant modern living room with gray sofa"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/red-brick-building-bathed-light_181624-13886.jpg",
|
||||
alt: "Red brick building bathed in light",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/red-brick-building-bathed-light_181624-13886.jpg", alt: "Red brick building bathed in light"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Verified Elite Status",
|
||||
},
|
||||
type: "text", text: "Verified Elite Status"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Concierge",
|
||||
},
|
||||
type: "text", text: "24/7 Concierge"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime Locations",
|
||||
},
|
||||
type: "text", text: "Prime Locations"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Design",
|
||||
},
|
||||
type: "text", text: "Modern Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Entry",
|
||||
},
|
||||
type: "text", text: "Secure Entry"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,41 +106,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Downtown Skyline Loft",
|
||||
price: "$350/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-with-chandelier-bed-with-blanket-it_188544-33431.jpg",
|
||||
},
|
||||
id: "1", name: "Downtown Skyline Loft", price: "$350/night", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-with-chandelier-bed-with-blanket-it_188544-33431.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Riverside Oasis Suite",
|
||||
price: "$420/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-chair-table-cafe_1339-6124.jpg",
|
||||
},
|
||||
id: "2", name: "Riverside Oasis Suite", price: "$420/night", imageSrc: "http://img.b2bpic.net/free-photo/red-chair-table-cafe_1339-6124.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Modern Minimalist Studio",
|
||||
price: "$280/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-kitchen-interior-design_23-2151008677.jpg",
|
||||
},
|
||||
id: "3", name: "Modern Minimalist Studio", price: "$280/night", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-kitchen-interior-design_23-2151008677.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Historic District Penthouse",
|
||||
price: "$650/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929539.jpg",
|
||||
},
|
||||
id: "4", name: "Historic District Penthouse", price: "$650/night", imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929539.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Grand Boulevard Suite",
|
||||
price: "$500/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-spending-time-home_23-2150170881.jpg",
|
||||
},
|
||||
id: "5", name: "Grand Boulevard Suite", price: "$500/night", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-spending-time-home_23-2150170881.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Sunset Terrace Apartment",
|
||||
price: "$390/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room_23-2150528592.jpg",
|
||||
},
|
||||
id: "6", name: "Sunset Terrace Apartment", price: "$390/night", imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room_23-2150528592.jpg"},
|
||||
]}
|
||||
title="Our Elite Collection"
|
||||
description="Hand-picked apartments that blend designer style with home-like comfort."
|
||||
@@ -189,26 +130,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Secure Access",
|
||||
subtitle: "Keyless entry for peace of mind.",
|
||||
category: "Security",
|
||||
value: "100%",
|
||||
},
|
||||
id: "f1", title: "Secure Access", subtitle: "Keyless entry for peace of mind.", category: "Security", value: "100%"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "High-Speed WiFi",
|
||||
subtitle: "Reliable connectivity for work or leisure.",
|
||||
category: "Tech",
|
||||
value: "500 Mbps",
|
||||
},
|
||||
id: "f2", title: "High-Speed WiFi", subtitle: "Reliable connectivity for work or leisure.", category: "Tech", value: "500 Mbps"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Concierge Service",
|
||||
subtitle: "On-demand support for a seamless stay.",
|
||||
category: "Service",
|
||||
value: "24/7",
|
||||
},
|
||||
id: "f3", title: "Concierge Service", subtitle: "On-demand support for a seamless stay.", category: "Service", value: "24/7"},
|
||||
]}
|
||||
title="Why Choose Luxebnb?"
|
||||
description="We prioritize your comfort, security, and convenience above all else."
|
||||
@@ -221,45 +147,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Incredible Stay!",
|
||||
quote: "Luxebnb provided the most seamless booking experience.",
|
||||
name: "Sarah J.",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-coffee_23-2148895170.jpg",
|
||||
},
|
||||
id: "t1", title: "Incredible Stay!", quote: "Luxebnb provided the most seamless booking experience.", name: "Sarah J.", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-coffee_23-2148895170.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Top-tier Luxury",
|
||||
quote: "Unmatched attention to detail. Every amenity felt premium.",
|
||||
name: "Michael B.",
|
||||
role: "Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stunning-woman-with-red-lips-elegant-make-up-wearing-glamour-black-dress-posing-white-background-evening-event_291049-2865.jpg",
|
||||
},
|
||||
id: "t2", title: "Top-tier Luxury", quote: "Unmatched attention to detail. Every amenity felt premium.", name: "Michael B.", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stunning-woman-with-red-lips-elegant-make-up-wearing-glamour-black-dress-posing-white-background-evening-event_291049-2865.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Perfect Location",
|
||||
quote: "Ideally located and flawlessly designed.",
|
||||
name: "Elena R.",
|
||||
role: "Business Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-trendy-girl-sitting-bench-street_158538-1670.jpg",
|
||||
},
|
||||
id: "t3", title: "Perfect Location", quote: "Ideally located and flawlessly designed.", name: "Elena R.", role: "Business Traveler", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-trendy-girl-sitting-bench-street_158538-1670.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Five-star Service",
|
||||
quote: "The concierge was exceptionally helpful.",
|
||||
name: "David K.",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
|
||||
},
|
||||
id: "t4", title: "Five-star Service", quote: "The concierge was exceptionally helpful.", name: "David K.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Sophisticated Living",
|
||||
quote: "Sophistication at every turn.",
|
||||
name: "Chloe T.",
|
||||
role: "Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-romantic-couple-seaside_52683-115508.jpg",
|
||||
},
|
||||
id: "t5", title: "Sophisticated Living", quote: "Sophistication at every turn.", name: "Chloe T.", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-romantic-couple-seaside_52683-115508.jpg"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Experience excellence through the eyes of our distinguished guests."
|
||||
@@ -273,22 +169,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Satisfied Guests",
|
||||
value: "10,000+",
|
||||
icon: Users,
|
||||
id: "m1", title: "Satisfied Guests", value: "10,000+", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Luxury Apartments",
|
||||
value: "150+",
|
||||
icon: Building2,
|
||||
id: "m2", title: "Luxury Apartments", value: "150+", icon: Building2,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Average Response",
|
||||
value: "5 Min",
|
||||
icon: MessageSquare,
|
||||
id: "m3", title: "Average Response", value: "5 Min", icon: MessageSquare,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -302,20 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is check-in handled?",
|
||||
content: "We offer keyless entry with access codes provided 24 hours before your stay.",
|
||||
},
|
||||
id: "q1", title: "How is check-in handled?", content: "We offer keyless entry with access codes provided 24 hours before your stay."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are amenities included?",
|
||||
content: "Yes, every unit comes fully furnished with premium kitchen, linen, and bathroom supplies.",
|
||||
},
|
||||
id: "q2", title: "Are amenities included?", content: "Yes, every unit comes fully furnished with premium kitchen, linen, and bathroom supplies."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is cleaning service available?",
|
||||
content: "Professional cleaning is provided for every stay, with mid-stay options available upon request.",
|
||||
},
|
||||
id: "q3", title: "Is cleaning service available?", content: "Professional cleaning is provided for every stay, with mid-stay options available upon request."},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Have questions? We have answers to ensure a smooth booking process."
|
||||
@@ -327,14 +205,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to book your premium stay? Our team is standing by to assist with any questions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Inquire About Availability", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -345,41 +220,27 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Explore",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Explore", href: "#products"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -389,4 +250,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user