Update src/pages/HomePage.tsx
This commit is contained in:
@@ -12,288 +12,136 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroCenteredLogos
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg",
|
||||
"http://img.b2bpic.net/free-photo/model-man_158595-3785.jpg",
|
||||
"http://img.b2bpic.net/free-photo/businessman-with-luggage-using-mobile-phone_107420-95917.jpg",
|
||||
"http://img.b2bpic.net/free-photo/elderly-businessman-posing_23-2148116269.jpg",
|
||||
]}
|
||||
avatarText="Trusted by elite investors"
|
||||
title="Discover Luxury Reimagined Through Immersive Vision"
|
||||
description="Explore world-class apartments, fine dining, and iconic destinations in breathtaking 360° detail. Every space tells a story of elegance, crafted for those who demand authenticity and excellence."
|
||||
primaryButton={{
|
||||
text: "Begin Your Immersive Journey",
|
||||
href: "#properties",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Inquire Today",
|
||||
href: "#contact",
|
||||
}}
|
||||
names={[
|
||||
"Sarah",
|
||||
"Marcus",
|
||||
"Elena",
|
||||
"David",
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skyscraper-building-cityscape_23-2151899158.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
avatarsSrc={["http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg", "http://img.b2bpic.net/free-photo/model-man_158595-3785.jpg", "http://img.b2bpic.net/free-photo/businessman-with-luggage-using-mobile-phone_107420-95917.jpg", "http://img.b2bpic.net/free-photo/elderly-businessman-posing_23-2148116269.jpg"]}
|
||||
avatarText="Trusted by elite investors"
|
||||
title="Discover Luxury Reimagined Through Immersive Vision"
|
||||
description="Explore world-class apartments, fine dining, and iconic destinations in breathtaking 360° detail. Every space tells a story of elegance, crafted for those who demand authenticity and excellence."
|
||||
primaryButton={{ text: "Begin Your Immersive Journey", href: "#properties" }}
|
||||
secondaryButton={{ text: "Inquire Today", href: "#contact" }}
|
||||
names={["Sarah", "Marcus", "Elena", "David"]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skyscraper-building-cityscape_23-2151899158.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Our Philosophy"
|
||||
quote="Authenticity is the new luxury. We redefine how you experience premium spaces, blending cutting-edge 360° technology with timeless architectural storytelling."
|
||||
author="Julian Sterling"
|
||||
role="Founder, LuxImmersive"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-wearing-coat_23-2149871317.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Philosophy"
|
||||
quote="Authenticity is the new luxury. We redefine how you experience premium spaces, blending cutting-edge 360° technology with timeless architectural storytelling."
|
||||
author="Julian Sterling"
|
||||
role="Founder, LuxImmersive"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-wearing-coat_23-2149871317.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="properties" data-section="properties">
|
||||
<SectionErrorBoundary name="properties">
|
||||
<div id="properties" data-section="properties">
|
||||
<SectionErrorBoundary name="properties">
|
||||
<FeaturesImageBento
|
||||
tag="Curated Collections"
|
||||
title="Explore Exclusive Spaces"
|
||||
description="Browse our hand-picked selection of iconic properties and dining venues through immersive 360° tours."
|
||||
items={[
|
||||
{
|
||||
title: "Waterfront Villa",
|
||||
description: "Coastal serenity meets metropolitan sophistication.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-textured-facade-modern-building_181624-16993.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "The Grand Atrium",
|
||||
description: "Elite culinary experience at the heart of the city.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279489.jpg",
|
||||
},
|
||||
{
|
||||
title: "Skyline Penthouse",
|
||||
description: "Unrivaled urban views from the penthouse summit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-interior-design-space-with-color-year-furnishings-decorations_23-2151397374.jpg",
|
||||
},
|
||||
{
|
||||
title: "Heritage Manor",
|
||||
description: "Historic charm with contemporary high-end updates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-gothic-architecture-dijon-city_268835-4030.jpg",
|
||||
},
|
||||
{
|
||||
title: "Boutique Hotel",
|
||||
description: "Sophisticated hospitality in prime locations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18725.jpg",
|
||||
},
|
||||
{
|
||||
title: "Modernist Estate",
|
||||
description: "Architectural design masterpiece with garden views.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004725.jpg",
|
||||
},
|
||||
{
|
||||
title: "Urban Smart Studio",
|
||||
description: "Compact high-end tech-integrated urban living.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216661.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Curated Collections"
|
||||
title="Explore Exclusive Spaces"
|
||||
description="Browse our hand-picked selection of iconic properties and dining venues through immersive 360° tours."
|
||||
items={[
|
||||
{ title: "Waterfront Villa", description: "Coastal serenity meets metropolitan sophistication.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-textured-facade-modern-building_181624-16993.jpg" },
|
||||
{ title: "The Grand Atrium", description: "Elite culinary experience at the heart of the city.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279489.jpg" },
|
||||
{ title: "Skyline Penthouse", description: "Unrivaled urban views from the penthouse summit.", imageSrc: "http://img.b2bpic.net/free-photo/view-interior-design-space-with-color-year-furnishings-decorations_23-2151397374.jpg" },
|
||||
{ title: "Heritage Manor", description: "Historic charm with contemporary high-end updates.", imageSrc: "http://img.b2bpic.net/free-photo/detail-gothic-architecture-dijon-city_268835-4030.jpg" },
|
||||
{ title: "Boutique Hotel", description: "Sophisticated hospitality in prime locations.", imageSrc: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18725.jpg" },
|
||||
{ title: "Modernist Estate", description: "Architectural design masterpiece with garden views.", imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004725.jpg" },
|
||||
{ title: "Urban Smart Studio", description: "Compact high-end tech-integrated urban living.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216661.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="The Platform"
|
||||
title="Unmatched Immersive Tech"
|
||||
description="Experience premium environments without leaving your home with our advanced 360-degree tour platform."
|
||||
features={[
|
||||
{
|
||||
title: "High Resolution Detail",
|
||||
description: "Ultra-clear imagery optimized for every device.",
|
||||
bentoComponent: "media-stack",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-real-estate-agent-holding-tablet_23-2150225243.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-with-swimming-pool_169016-3317.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skyscraper-building-cityscape_23-2151899158.jpg?_wi=2",
|
||||
imageAlt: "modern luxury waterfront villa sunset",
|
||||
},
|
||||
{
|
||||
title: "Instant Inquiry",
|
||||
description: "Concierge-style communication for every space.",
|
||||
bentoComponent: "chat-marquee",
|
||||
aiIcon: MessageCircle,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Is this still available?",
|
||||
aiResponse: "Our concierge will respond within 2 hours.",
|
||||
},
|
||||
],
|
||||
placeholder: "Ask our expert...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-coat_23-2149871317.jpg?_wi=2",
|
||||
imageAlt: "modern luxury waterfront villa sunset",
|
||||
},
|
||||
{
|
||||
title: "Global Reach",
|
||||
description: "Showcasing elite locations across five continents.",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Globe,
|
||||
orbitIcons: [
|
||||
"MapPin",
|
||||
"Compass",
|
||||
"Navigation",
|
||||
"TrendingUp",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-textured-facade-modern-building_181624-16993.jpg?_wi=2",
|
||||
imageAlt: "modern luxury waterfront villa sunset",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="The Platform"
|
||||
title="Unmatched Immersive Tech"
|
||||
description="Experience premium environments without leaving your home with our advanced 360-degree tour platform."
|
||||
features={[
|
||||
{
|
||||
title: "High Resolution Detail", description: "Ultra-clear imagery optimized for every device.", bentoComponent: "media-stack", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-real-estate-agent-holding-tablet_23-2150225243.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hotel-with-swimming-pool_169016-3317.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Instant Inquiry", description: "Concierge-style communication for every space.", bentoComponent: "chat-marquee", aiIcon: "MessageCircle", userIcon: "User", exchanges: [{ userMessage: "Is this still available?", aiResponse: "Our concierge will respond within 2 hours." }],
|
||||
placeholder: "Ask our expert..."
|
||||
},
|
||||
{
|
||||
title: "Global Reach", description: "Showcasing elite locations across five continents.", bentoComponent: "orbiting-icons", centerIcon: "Globe", orbitIcons: ["MapPin", "Compass", "Navigation", "TrendingUp"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Client Stories"
|
||||
title="Voices of Excellence"
|
||||
description="See why global leaders trust LuxImmersive for their premium space selection."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Property Investor",
|
||||
company: "Global REIT",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-busy-mature-businessman-laptop-his-way-office_74855-3680.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Hospitality CEO",
|
||||
company: "EliteVenues",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1152.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
role: "Art Connoisseur",
|
||||
company: "Rossi Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661551.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wu",
|
||||
role: "Tech Founder",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-blond-haired-woman-portrait_53876-139738.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie Martin",
|
||||
role: "Estate Manager",
|
||||
company: "Heritage",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-buisness-woman-talking-phone_23-2148317291.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Client Stories"
|
||||
title="Voices of Excellence"
|
||||
description="See why global leaders trust LuxImmersive for their premium space selection."
|
||||
testimonials={[
|
||||
{ name: "Sarah Jenkins", role: "Property Investor", company: "Global REIT", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-busy-mature-businessman-laptop-his-way-office_74855-3680.jpg" },
|
||||
{ name: "Marcus Thorne", role: "Hospitality CEO", company: "EliteVenues", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1152.jpg" },
|
||||
{ name: "Elena Rossi", role: "Art Connoisseur", company: "Rossi Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661551.jpg" },
|
||||
{ name: "David Wu", role: "Tech Founder", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cool-blond-haired-woman-portrait_53876-139738.jpg" },
|
||||
{ name: "Sophie Martin", role: "Estate Manager", company: "Heritage", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-buisness-woman-talking-phone_23-2148317291.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Trusted Impact"
|
||||
title="By The Numbers"
|
||||
description="Our platform leads the way in high-end virtual property engagement."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Verified Tours",
|
||||
features: [
|
||||
"Luxury Apartments",
|
||||
"Fine Dining",
|
||||
"Iconic Landmarks",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "20+",
|
||||
title: "Global Cities",
|
||||
features: [
|
||||
"Major Metros",
|
||||
"Resort Districts",
|
||||
"Prime Real Estate",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Client Satisfaction",
|
||||
features: [
|
||||
"Concierge Care",
|
||||
"Instant Feedback",
|
||||
"Vetted Listings",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trusted Impact"
|
||||
title="By The Numbers"
|
||||
description="Our platform leads the way in high-end virtual property engagement."
|
||||
metrics={[
|
||||
{ value: "500+", title: "Verified Tours", features: ["Luxury Apartments", "Fine Dining", "Iconic Landmarks"] },
|
||||
{ value: "20+", title: "Global Cities", features: ["Major Metros", "Resort Districts", "Prime Real Estate"] },
|
||||
{ value: "99%", title: "Client Satisfaction", features: ["Concierge Care", "Instant Feedback", "Vetted Listings"] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Common Questions"
|
||||
title="Frequently Asked Questions"
|
||||
description="Concierge support information for our users."
|
||||
items={[
|
||||
{
|
||||
question: "Can I book a physical tour?",
|
||||
answer: "Yes, once an immersive tour captures your interest, we offer priority physical site visits via our concierge.",
|
||||
},
|
||||
{
|
||||
question: "Is reservation data secure?",
|
||||
answer: "We utilize bank-grade encryption to ensure your reservation and contact information remain private.",
|
||||
},
|
||||
{
|
||||
question: "How fast is concierge feedback?",
|
||||
answer: "We guarantee a response from our concierge team within 2 business hours for all inquiries.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-hotel-interior_1203-8517.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Common Questions"
|
||||
title="Frequently Asked Questions"
|
||||
description="Concierge support information for our users."
|
||||
items={[
|
||||
{ question: "Can I book a physical tour?", answer: "Yes, once an immersive tour captures your interest, we offer priority physical site visits via our concierge." },
|
||||
{ question: "Is reservation data secure?", answer: "We utilize bank-grade encryption to ensure your reservation and contact information remain private." },
|
||||
{ question: "How fast is concierge feedback?", answer: "We guarantee a response from our concierge team within 2 business hours for all inquiries." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-hotel-interior_1203-8517.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get in Touch"
|
||||
text="Start your luxury journey today. Contact our concierge for personalized space recommendations."
|
||||
primaryButton={{
|
||||
text: "Contact Concierge",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Browse Properties",
|
||||
href: "#properties",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get in Touch"
|
||||
text="Start your luxury journey today. Contact our concierge for personalized space recommendations."
|
||||
primaryButton={{ text: "Contact Concierge", href: "#" }}
|
||||
secondaryButton={{ text: "Browse Properties", href: "#properties" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user