Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-05 21:30:57 +00:00

View File

@@ -17,379 +17,168 @@ import { Headphones, MapPin, Star } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Suites",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="VFXira"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Suites", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="VFXira"
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
title="Exquisite Living at VFXira"
description="Discover unparalleled comfort and sophistication in our premium suites and apartments. Your home away from home."
buttons={[
{
text: "View Suites",
href: "#products",
},
{
text: "Contact Us",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/lit-lamp-beside-bed_1203-634.jpg"
imageAlt="Luxury Apartment Interior"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/white-orchid-living-romm_268835-3707.jpg",
alt: "White orchid",
},
{
src: "http://img.b2bpic.net/free-photo/bride-her-wedding-day-morning-preparation_1303-10492.jpg",
alt: "Morning preparation",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-woman-with-smartphone-vibrator_23-2150232150.jpg",
alt: "Woman lifestyle",
},
{
src: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-with-cake_23-2148238376.jpg",
alt: "Spa day",
},
{
src: "http://img.b2bpic.net/free-photo/view-young-charming-woman-sitting-cafe_197531-33579.jpg",
alt: "Happy guest",
},
]}
avatarText="Join 500+ satisfied guests"
marqueeItems={[
{
type: "text",
text: "Prime Location",
},
{
type: "text",
text: "Luxury Amenities",
},
{
type: "text",
text: "24/7 Concierge",
},
{
type: "text",
text: "Modern Design",
},
{
type: "text",
text: "City Views",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "gradient-bars" }}
title="Exquisite Living at VFXira"
description="Discover unparalleled comfort and sophistication in our premium suites and apartments. Your home away from home."
buttons={[{ text: "View Suites", href: "#products" }, { text: "Contact Us", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/lit-lamp-beside-bed_1203-634.jpg"
imageAlt="Luxury Apartment Interior"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/white-orchid-living-romm_268835-3707.jpg", alt: "White orchid" },
{ src: "http://img.b2bpic.net/free-photo/bride-her-wedding-day-morning-preparation_1303-10492.jpg", alt: "Morning preparation" },
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-with-smartphone-vibrator_23-2150232150.jpg", alt: "Woman lifestyle" },
{ src: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-with-cake_23-2148238376.jpg", alt: "Spa day" },
{ src: "http://img.b2bpic.net/free-photo/view-young-charming-woman-sitting-cafe_197531-33579.jpg", alt: "Happy guest" },
]}
avatarText="Join 500+ satisfied guests"
marqueeItems={[{ type: "text", text: "Prime Location" }, { type: "text", text: "Luxury Amenities" }, { type: "text", text: "24/7 Concierge" }, { type: "text", text: "Modern Design" }, { type: "text", text: "City Views" }]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Redefining Luxury Living"
description="VFXira combines modern design with boutique hospitality. Our spaces are curated for travelers and professionals seeking perfection."
metrics={[
{
value: "15+",
title: "Luxury Units",
},
{
value: "500+",
title: "Happy Guests",
},
{
value: "100%",
title: "Service Guarantee",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/low-angle-city-building-architecture_23-2148798653.jpg"
mediaAnimation="slide-up"
imageAlt="Luxury boutique apartment building facade"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Redefining Luxury Living"
description="VFXira combines modern design with boutique hospitality. Our spaces are curated for travelers and professionals seeking perfection."
metrics={[{ value: "15+", title: "Luxury Units" }, { value: "500+", title: "Happy Guests" }, { value: "100%", title: "Service Guarantee" }]}
imageSrc="http://img.b2bpic.net/free-photo/low-angle-city-building-architecture_23-2148798653.jpg"
mediaAnimation="slide-up"
imageAlt="Luxury boutique apartment building facade"
mediaAnimation="slide-up"
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "s1",
brand: "Standard",
name: "Deluxe Studio",
price: "$120/night",
rating: 5,
reviewCount: "24",
imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg",
},
{
id: "s2",
brand: "Standard",
name: "Executive 1-Bed",
price: "$180/night",
rating: 5,
reviewCount: "18",
imageSrc: "http://img.b2bpic.net/free-photo/mix-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160111.jpg",
},
{
id: "s3",
brand: "Luxury",
name: "Premier Suite",
price: "$250/night",
rating: 5,
reviewCount: "42",
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-large-blue-sofa-large-coffee-table-with-large-window-that-says-room-is-decorated-with-large-plant_123827-23873.jpg",
},
{
id: "s4",
brand: "Luxury",
name: "Penthouse",
price: "$450/night",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg",
},
{
id: "s5",
brand: "Family",
name: "Grand Apartment",
price: "$300/night",
rating: 5,
reviewCount: "35",
imageSrc: "http://img.b2bpic.net/free-photo/sunny-morning-big-city-terrace-young-brunette-fashionable-woman-talking-phone-smiling-attractive-model-woman-chilling-relaxing-time-happiness_197531-1901.jpg",
},
{
id: "s6",
brand: "Family",
name: "Family Suite",
price: "$280/night",
rating: 5,
reviewCount: "29",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-bedroom-design-overlooking-city-through-window-generated-by-ai_188544-16923.jpg",
},
]}
title="Our Exclusive Suites"
description="Choose from a range of high-end, fully equipped apartments tailored to your needs."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "s1", brand: "Standard", name: "Deluxe Studio", price: "$120/night", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg" },
{ id: "s2", brand: "Standard", name: "Executive 1-Bed", price: "$180/night", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/mix-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160111.jpg" },
{ id: "s3", brand: "Luxury", name: "Premier Suite", price: "$250/night", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-large-blue-sofa-large-coffee-table-with-large-window-that-says-room-is-decorated-with-large-plant_123827-23873.jpg" },
{ id: "s4", brand: "Luxury", name: "Penthouse", price: "$450/night", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg" },
{ id: "s5", brand: "Family", name: "Grand Apartment", price: "$300/night", rating: 5, reviewCount: "35", imageSrc: "http://img.b2bpic.net/free-photo/sunny-morning-big-city-terrace-young-brunette-fashionable-woman-talking-phone-smiling-attractive-model-woman-chilling-relaxing-time-happiness_197531-1901.jpg" },
{ id: "s6", brand: "Family", name: "Family Suite", price: "$280/night", rating: 5, reviewCount: "29", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-bedroom-design-overlooking-city-through-window-generated-by-ai_188544-16923.jpg" }
]}
title="Our Exclusive Suites"
description="Choose from a range of high-end, fully equipped apartments tailored to your needs."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "24/7 Security",
description: "Round-the-clock surveillance to ensure your safety.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv_105762-2109.jpg",
imageAlt: "Security",
},
{
title: "High-Speed Wi-Fi",
description: "Gigabit connection for work or entertainment.",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-beach-house-with-glass-windows-beautiful-scenery-sea_181624-9041.jpg",
imageAlt: "WiFi",
},
{
title: "Concierge Service",
description: "Dedicated assistance for all your requests.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-bedroom-suite-bathroom_105762-1945.jpg",
imageAlt: "Service",
},
]}
title="Why VFXira Stands Out"
description="Everything we do is focused on your comfort, security, and peace of mind."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "24/7 Security", description: "Round-the-clock surveillance to ensure your safety.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv_105762-2109.jpg", imageAlt: "Security" },
{ title: "High-Speed Wi-Fi", description: "Gigabit connection for work or entertainment.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-beach-house-with-glass-windows-beautiful-scenery-sea_181624-9041.jpg", imageAlt: "WiFi" },
{ title: "Concierge Service", description: "Dedicated assistance for all your requests.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-bedroom-suite-bathroom_105762-1945.jpg", imageAlt: "Service" },
]}
title="Why VFXira Stands Out"
description="Everything we do is focused on your comfort, security, and peace of mind."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Miller",
handle: "@smiller",
testimonial: "Exceptional stay. The staff was incredibly helpful.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-drinking-coffee-office_1301-4956.jpg",
},
{
id: "2",
name: "John Doe",
handle: "@johndoe",
testimonial: "Beautifully furnished apartment. Will visit again.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people-hugging_23-2148287923.jpg",
},
{
id: "3",
name: "Emily Chen",
handle: "@echen",
testimonial: "The location is perfect and the amenities are luxury.",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-beautiful-young-european-woman-wearing-casual-clothes-relaxing-sofa-home-after-housework-being-proud-herself-smiling-broadly-having-joyful-happy-facial-expression_344912-13.jpg",
},
{
id: "4",
name: "Mark Roberts",
handle: "@markr",
testimonial: "Best apartment rental experience in the city.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-globe-camera-sits-bed-meditating-has-packed-suitcase-standing-near-him-going-vacation-praying-good-weather-holiday-making-wish-with-fingers-crossed_1258-314231.jpg",
},
{
id: "5",
name: "Anna Lee",
handle: "@annalee",
testimonial: "Highly recommended for business or leisure.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-white-robe-spa-stairs-cozy-light-calm-mood-kid-wellness_169016-69180.jpg",
},
]}
title="Guest Experiences"
description="What our guests say about their stay at VFXira."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah Miller", handle: "@smiller", testimonial: "Exceptional stay. The staff was incredibly helpful.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-drinking-coffee-office_1301-4956.jpg" },
{ id: "2", name: "John Doe", handle: "@johndoe", testimonial: "Beautifully furnished apartment. Will visit again.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people-hugging_23-2148287923.jpg" },
{ id: "3", name: "Emily Chen", handle: "@echen", testimonial: "The location is perfect and the amenities are luxury.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-beautiful-young-european-woman-wearing-casual-clothes-relaxing-sofa-home-after-housework-being-proud-herself-smiling-broadly-having-joyful-happy-facial-expression_344912-13.jpg" },
{ id: "4", name: "Mark Roberts", handle: "@markr", testimonial: "Best apartment rental experience in the city.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-globe-camera-sits-bed-meditating-has-packed-suitcase-standing-near-him-going-vacation-praying-good-weather-holiday-making-wish-with-fingers-crossed_1258-314231.jpg" },
{ id: "5", name: "Anna Lee", handle: "@annalee", testimonial: "Highly recommended for business or leisure.", imageSrc: "http://img.b2bpic.net/free-photo/girl-white-robe-spa-stairs-cozy-light-calm-mood-kid-wellness_169016-69180.jpg" }
]}
title="Guest Experiences"
description="What our guests say about their stay at VFXira."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "98%",
title: "Repeat Guests",
description: "Return rate annually",
icon: Star,
},
{
id: "m2",
value: "24/7",
title: "Support",
description: "Always there for you",
icon: Headphones,
},
{
id: "m3",
value: "15+",
title: "Cities",
description: "Expanding nationwide",
icon: MapPin,
},
]}
title="Our Impact"
description="Consistently delivering premium quality for years."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "98%", title: "Repeat Guests", description: "Return rate annually", icon: Star },
{ id: "m2", value: "24/7", title: "Support", description: "Always there for you", icon: Headphones },
{ id: "m3", value: "15+", title: "Cities", description: "Expanding nationwide", icon: MapPin },
]}
title="Our Impact"
description="Consistently delivering premium quality for years."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Are pets allowed?",
content: "Yes, we are pet-friendly in selected units.",
},
{
id: "f2",
title: "Is parking included?",
content: "Parking is provided with every booking.",
},
{
id: "f3",
title: "Can I check in late?",
content: "Our concierge is available for 24-hour check-ins.",
},
]}
title="Frequently Asked Questions"
description="Have questions? We have answers."
imageSrc="http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg"
imageAlt="Hotel Room Interior"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "Are pets allowed?", content: "Yes, we are pet-friendly in selected units." },
{ id: "f2", title: "Is parking included?", content: "Parking is provided with every booking." },
{ id: "f3", title: "Can I check in late?", content: "Our concierge is available for 24-hour check-ins." }
]}
title="Frequently Asked Questions"
description="Have questions? We have answers."
imageSrc="http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg"
imageAlt="Hotel Room Interior"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Inquire Today"
title="Ready to Book Your Stay?"
description="Contact our team to reserve your suite."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Inquire Today"
title="Ready to Book Your Stay?"
description="Contact our team to reserve your suite."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
logoText="VFXira"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
]}
logoText="VFXira"
/>
</div>
</ReactLenis>
</ThemeProvider>
);