Merge version_1 into main #1

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

View File

@@ -29,448 +29,173 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "Rooms",
id: "#rooms",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "FAQ",
id: "#faq",
},
]}
brandName="RED HOUSE"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "#hero" },
{ name: "Rooms", id: "#rooms" },
{ name: "Pricing", id: "#pricing" },
{ name: "FAQ", id: "#faq" }
]}
brandName="RED HOUSE"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "glowing-orb",
}}
title="Enter the Realm of Red House"
description="An exclusive, high-end sanctuary designed for the discerning individual. Experience ultimate privacy and sophistication."
kpis={[
{
value: "24/7",
label: "Discreet Support",
},
{
value: "6",
label: "Global Cities",
},
{
value: "100%",
label: "Privacy Guaranteed",
},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Book Now",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2148773522.jpg",
alt: "Guest profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg",
alt: "Guest profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/bowl-popcorn-table-empty-neon-lit-cozy-residential-interior_482257-124565.jpg",
alt: "Guest profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037583.jpg",
alt: "Guest profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/modern-fashionable-red-leather-couch-with-cushions-cropped-christmas-tree-brick-wall-loft-design_132075-6153.jpg",
alt: "Guest profile 5",
},
]}
avatarText="Join our elite circle"
marqueeItems={[
{
type: "text-icon",
text: "Absolute Discretion",
icon: Shield,
},
{
type: "text-icon",
text: "Bespoke Service",
icon: Star,
},
{
type: "text-icon",
text: "World-Class Security",
icon: Lock,
},
{
type: "text-icon",
text: "Premium Amenities",
icon: Sparkles,
},
{
type: "text-icon",
text: "Global Access",
icon: Globe,
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{ variant: "glowing-orb" }}
title="Enter the Realm of Red House"
description="An exclusive, high-end sanctuary designed for the discerning individual. Experience ultimate privacy and sophistication."
kpis={[
{ value: "24/7", label: "Discreet Support" },
{ value: "6", label: "Global Cities" },
{ value: "100%", label: "Privacy Guaranteed" }
]}
enableKpiAnimation={true}
buttons={[{ text: "Book Now", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2148773522.jpg", alt: "Guest profile 1" },
{ src: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg", alt: "Guest profile 2" },
{ src: "http://img.b2bpic.net/free-photo/bowl-popcorn-table-empty-neon-lit-cozy-residential-interior_482257-124565.jpg", alt: "Guest profile 3" },
{ src: "http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037583.jpg", alt: "Guest profile 4" },
{ src: "http://img.b2bpic.net/free-photo/modern-fashionable-red-leather-couch-with-cushions-cropped-christmas-tree-brick-wall-loft-design_132075-6153.jpg", alt: "Guest profile 5" }
]}
avatarText="Join our elite circle"
marqueeItems={[
{ type: "text-icon", text: "Absolute Discretion", icon: Shield },
{ type: "text-icon", text: "Bespoke Service", icon: Star },
{ type: "text-icon", text: "World-Class Security", icon: Lock },
{ type: "text-icon", text: "Premium Amenities", icon: Sparkles },
{ type: "text-icon", text: "Global Access", icon: Globe }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyEight
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Absolute Privacy",
subtitle: "Discreet entry and staff.",
category: "Security",
value: "100%",
},
{
id: "f2",
title: "Luxurious Design",
subtitle: "Bespoke furnishings and décor.",
category: "Comfort",
value: "Elite",
},
{
id: "f3",
title: "24/7 Concierge",
subtitle: "Dedicated service at your command.",
category: "Service",
value: "Always",
},
]}
title="Why Choose Red House"
description="Unmatched amenities and standards set us apart in the private hospitality industry."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyEight
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
features={[
{ id: "f1", title: "Absolute Privacy", subtitle: "Discreet entry and staff.", category: "Security", value: "100%" },
{ id: "f2", title: "Luxurious Design", subtitle: "Bespoke furnishings and décor.", category: "Comfort", value: "Elite" },
{ id: "f3", title: "24/7 Concierge", subtitle: "Dedicated service at your command.", category: "Service", value: "Always" }
]}
title="Why Choose Red House"
description="Unmatched amenities and standards set us apart in the private hospitality industry."
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Room",
name: "The Crimson Suite",
price: "$400/hr",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-bar-stool-with-valentines-day-red-roses-living-room-filled-with-luxury-presents-wide-shot-beautiful-elegant-blonde-girl-black-dress-with-expensive-gifts_482257-51719.jpg",
},
{
id: "p2",
brand: "Room",
name: "The Obsidian Vault",
price: "$550/hr",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/neoclassical-style-interior-design-with-decor-furnishings_23-2151199385.jpg",
},
{
id: "p3",
brand: "Room",
name: "The Velvet Chamber",
price: "$350/hr",
rating: 4,
reviewCount: "20",
imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg",
},
{
id: "p4",
brand: "Room",
name: "The Dungeon Prime",
price: "$700/hr",
rating: 5,
reviewCount: "5",
imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-still-life-with-black-sofa-decor-living-room_169016-6439.jpg",
},
{
id: "p5",
brand: "Room",
name: "The Gilded Cage",
price: "$500/hr",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-bed-decoration-bedroom_74190-8673.jpg",
},
{
id: "p6",
brand: "Room",
name: "The Sanctum",
price: "$600/hr",
rating: 5,
reviewCount: "9",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-with-modern-design-elegance-generated-by-ai_188544-33409.jpg",
},
]}
title="Our Exclusive Rooms"
description="Explore our uniquely themed dungeon environments."
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Room", name: "The Crimson Suite", price: "$400/hr", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-bar-stool-with-valentines-day-red-roses-living-room-filled-with-luxury-presents-wide-shot-beautiful-elegant-blonde-girl-black-dress-with-expensive-gifts_482257-51719.jpg" },
{ id: "p2", brand: "Room", name: "The Obsidian Vault", price: "$550/hr", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/neoclassical-style-interior-design-with-decor-furnishings_23-2151199385.jpg" },
{ id: "p3", brand: "Room", name: "The Velvet Chamber", price: "$350/hr", rating: 4, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg" },
{ id: "p4", brand: "Room", name: "The Dungeon Prime", price: "$700/hr", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-still-life-with-black-sofa-decor-living-room_169016-6439.jpg" },
{ id: "p5", brand: "Room", name: "The Gilded Cage", price: "$500/hr", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-bed-decoration-bedroom_74190-8673.jpg" },
{ id: "p6", brand: "Room", name: "The Sanctum", price: "$600/hr", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-with-modern-design-elegance-generated-by-ai_188544-33409.jpg" }
]}
title="Our Exclusive Rooms"
description="Explore our uniquely themed dungeon environments."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Entry",
price: "$1,000",
subtitle: "Access to standard suites",
buttons: [
{
text: "Select",
href: "#",
},
],
features: [
"1 hour free credit",
"24/7 Support",
],
},
{
id: "pro",
badge: "Elite",
price: "$3,500",
subtitle: "Priority booking access",
buttons: [
{
text: "Select",
href: "#",
},
],
features: [
"3 hours free credit",
"Dedicated host",
"Priority availability",
],
},
{
id: "vip",
badge: "Infinite",
price: "$10,000",
subtitle: "Total venue access",
buttons: [
{
text: "Select",
href: "#",
},
],
features: [
"Unlimited access",
"Personal concierge",
"Guest invitations",
],
},
]}
title="Membership Options"
description="Select the level of access that suits your requirements."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{ id: "basic", badge: "Entry", price: "$1,000", subtitle: "Access to standard suites", buttons: [{ text: "Select", href: "#" }], features: ["1 hour free credit", "24/7 Support"] },
{ id: "pro", badge: "Elite", price: "$3,500", subtitle: "Priority booking access", buttons: [{ text: "Select", href: "#" }], features: ["3 hours free credit", "Dedicated host", "Priority availability"] },
{ id: "vip", badge: "Infinite", price: "$10,000", subtitle: "Total venue access", buttons: [{ text: "Select", href: "#" }], features: ["Unlimited access", "Personal concierge", "Guest invitations"] }
]}
title="Membership Options"
description="Select the level of access that suits your requirements."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Globe,
title: "Total Locations",
value: "6",
},
{
id: "m2",
icon: Users,
title: "Active Members",
value: "1200+",
},
{
id: "m3",
icon: Award,
title: "Awards Won",
value: "15",
},
]}
title="Global Presence"
description="We are proud to serve our exclusive clientele across major international hubs."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", icon: Globe, title: "Total Locations", value: "6" },
{ id: "m2", icon: Users, title: "Active Members", value: "1200+" },
{ id: "m3", icon: Award, title: "Awards Won", value: "15" }
]}
title="Global Presence"
description="We are proud to serve our exclusive clientele across major international hubs."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "A.R.",
role: "Member",
company: "UK",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",
},
{
id: "t2",
name: "M.S.",
role: "Member",
company: "USA",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
},
{
id: "t3",
name: "J.K.",
role: "Member",
company: "CAN",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-woman-posing_23-2149417556.jpg",
},
{
id: "t4",
name: "K.L.",
role: "Member",
company: "AUS",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-stylish-bearded-man-with-hairstyle-glasses-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20005.jpg",
},
{
id: "t5",
name: "D.P.",
role: "Member",
company: "NLD",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
},
]}
title="Client Experience"
description="What our exclusive guests are saying."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
animationType="depth-3d"
testimonials={[
{ id: "t1", name: "A.R.", role: "Member", company: "UK", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg" },
{ id: "t2", name: "M.S.", role: "Member", company: "USA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg" },
{ id: "t3", name: "J.K.", role: "Member", company: "CAN", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-woman-posing_23-2149417556.jpg" },
{ id: "t4", name: "K.L.", role: "Member", company: "AUS", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-stylish-bearded-man-with-hairstyle-glasses-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20005.jpg" },
{ id: "t5", name: "D.P.", role: "Member", company: "NLD", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg" }
]}
title="Client Experience"
description="What our exclusive guests are saying."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is privacy guaranteed?",
content: "Yes, our discreet entrance and staff ensure total confidentiality.",
},
{
id: "q2",
title: "Are there safety protocols?",
content: "Our staff are trained in modern aftercare and safety protocols.",
},
{
id: "q3",
title: "How to book?",
content: "Booking is done via our calendar or direct concierge support.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/red-wool-sweater_1122-555.jpg"
mediaAnimation="slide-up"
title="Frequently Asked"
description="Information regarding privacy and safety standards."
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Is privacy guaranteed?", content: "Yes, our discreet entrance and staff ensure total confidentiality." },
{ id: "q2", title: "Are there safety protocols?", content: "Our staff are trained in modern aftercare and safety protocols." },
{ id: "q3", title: "How to book?", content: "Booking is done via our calendar or direct concierge support." }
]}
imageSrc="http://img.b2bpic.net/free-photo/red-wool-sweater_1122-555.jpg"
mediaAnimation="slide-up"
title="Frequently Asked"
description="Information regarding privacy and safety standards."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Contact Concierge"
description="Reach out for private bookings, questions, or consultations."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Inquiry",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/christmas-decor-house_23-2151207114.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Contact Concierge"
description="Reach out for private bookings, questions, or consultations."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
textarea={{ name: "message", placeholder: "Your Inquiry", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/christmas-decor-house_23-2151207114.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-102960.jpg"
logoText="RED HOUSE"
columns={[
{
title: "Venue",
items: [
{
label: "Rooms",
href: "#rooms",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
title: "Legal",
items: [
{
label: "Safety",
href: "#faq",
},
{
label: "Privacy",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-102960.jpg"
logoText="RED HOUSE"
columns={[
{ title: "Venue", items: [{ label: "Rooms", href: "#rooms" }, { label: "Pricing", href: "#pricing" }] },
{ title: "Legal", items: [{ label: "Safety", href: "#faq" }, { label: "Privacy", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);