Update src/pages/HomePage.tsx
This commit is contained in:
@@ -6,155 +6,149 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
|
||||
import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
|
||||
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
||||
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
|
||||
import { Shield, Smartphone, Sun, Waves, Trees, Zap } from "lucide-react";
|
||||
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">
|
||||
<HeroTiltedCards
|
||||
tag="Luxury Real Estate"
|
||||
title="Experience Unrivaled Elegance"
|
||||
description="Discover a residence designed for those who appreciate the finer things in life. Exquisite architecture, curated landscapes, and world-class amenities await."
|
||||
primaryButton={{
|
||||
text: "Tour the Estate", href: "#gallery"}}
|
||||
secondaryButton={{
|
||||
text: "View Specs", href: "#about"}}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-house-model-with-modern-architecture_23-2151004061.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-169750.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-with-elegant-decor-comfortable-sofa-generative-ai_188544-8691.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-architecture_23-2151050996.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Luxury Real Estate"
|
||||
title="Experience Unrivaled Elegance"
|
||||
description="Discover a residence designed for those who appreciate the finer things in life. Exquisite architecture, curated landscapes, and world-class amenities await."
|
||||
primaryButton={{ text: "Tour the Estate", href: "#gallery" }}
|
||||
secondaryButton={{ text: "View Specs", href: "#about" }}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-house-model-with-modern-architecture_23-2151004061.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-169750.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-with-elegant-decor-comfortable-sofa-generative-ai_188544-8691.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-architecture_23-2151050996.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="A Legacy of Sophistication"
|
||||
primaryButton={{
|
||||
text: "Read Our Story", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="A Legacy of Sophistication"
|
||||
primaryButton={{ text: "Read Our Story", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Amenities"
|
||||
title="Exceptional Living"
|
||||
description="Every detail has been meticulously crafted to ensure a life of comfort and convenience."
|
||||
features={[
|
||||
{
|
||||
title: "Gourmet Kitchen", description: "Chef-grade appliances and custom marble finishes.", bentoComponent: "media-stack", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-wooden-drawers-with-marble-facade_169016-72795.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-product-backdrop-black-wall_53876-147902.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-light-diagonal-minimal-kitchen_169016-69155.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Smart Home", description: "Fully integrated automation for lighting and security.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Zap", label: "Efficiency", value: "A+" },
|
||||
{ icon: "Shield", label: "Security", value: "24/7" },
|
||||
{ icon: "Smartphone", label: "Control", value: "Remote" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Outdoor Oasis", description: "Lush private garden with infinity edge pool.", bentoComponent: "tilted-stack-cards", stackCards: [
|
||||
{ icon: "Sun", title: "Sun Deck", subtitle: "Relaxation", detail: "Prime southern exposure" },
|
||||
{ icon: "Waves", title: "Pool", subtitle: "Infinity Edge", detail: "Heated sanctuary" },
|
||||
{ icon: "Trees", title: "Landscaping", subtitle: "Botanical", detail: "Rare exotic species" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Amenities"
|
||||
title="Exceptional Living"
|
||||
description="Every detail has been meticulously crafted to ensure a life of comfort and convenience."
|
||||
features={[
|
||||
{
|
||||
title: "Gourmet Kitchen", description: "Chef-grade appliances and custom marble finishes.", bentoComponent: "media-stack", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-wooden-drawers-with-marble-facade_169016-72795.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-product-backdrop-black-wall_53876-147902.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-light-diagonal-minimal-kitchen_169016-69155.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Smart Home", description: "Fully integrated automation for lighting and security.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Zap", label: "Efficiency", value: "A+" },
|
||||
{ icon: "Shield", label: "Security", value: "24/7" },
|
||||
{ icon: "Smartphone", label: "Control", value: "Remote" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Outdoor Oasis", description: "Lush private garden with infinity edge pool.", bentoComponent: "tilted-stack-cards", stackCards: [
|
||||
{ icon: "Sun", title: "Sun Deck", subtitle: "Relaxation", detail: "Prime southern exposure" },
|
||||
{ icon: "Waves", title: "Pool", subtitle: "Infinity Edge", detail: "Heated sanctuary" },
|
||||
{ icon: "Trees", title: "Landscaping", subtitle: "Botanical", detail: "Rare exotic species" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<SectionErrorBoundary name="gallery">
|
||||
<div id="gallery" data-section="gallery">
|
||||
<SectionErrorBoundary name="gallery">
|
||||
<FeaturesImageBento
|
||||
tag="Gallery"
|
||||
title="Visualizing Perfection"
|
||||
description="A glimpse into the stunning interior design and architectural majesty of our signature residence."
|
||||
items={[
|
||||
{ title: "Great Room", description: "Expansive vaulted ceilings.", imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg" },
|
||||
{ title: "Library", description: "Cozy workspace retreat.", imageSrc: "http://img.b2bpic.net/free-photo/lawyer-office-shelf_23-2148172327.jpg" },
|
||||
{ title: "Master Suite", description: "Serene bedroom sanctuary.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-shelf_105762-2077.jpg" },
|
||||
{ title: "Spa Bathroom", description: "Full wellness experience.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-products-hair-care_23-2148547360.jpg" },
|
||||
{ title: "Grand Foyer", description: "Make a lasting entrance.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg" },
|
||||
{ title: "Wine Cellar", description: "Climate controlled storage.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-work_23-2149100301.jpg" },
|
||||
{ title: "Home Cinema", description: "Immersive viewing area.", imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500612.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Gallery"
|
||||
title="Visualizing Perfection"
|
||||
description="A glimpse into the stunning interior design and architectural majesty of our signature residence."
|
||||
items={[
|
||||
{ title: "Great Room", description: "Expansive vaulted ceilings.", imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg" },
|
||||
{ title: "Library", description: "Cozy workspace retreat.", imageSrc: "http://img.b2bpic.net/free-photo/lawyer-office-shelf_23-2148172327.jpg" },
|
||||
{ title: "Master Suite", description: "Serene bedroom sanctuary.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-shelf_105762-2077.jpg" },
|
||||
{ title: "Spa Bathroom", description: "Full wellness experience.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-products-hair-care_23-2148547360.jpg" },
|
||||
{ title: "Grand Foyer", description: "Make a lasting entrance.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg" },
|
||||
{ title: "Wine Cellar", description: "Climate controlled storage.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-work_23-2149100301.jpg" },
|
||||
{ title: "Home Cinema", description: "Immersive viewing area.", imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500612.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="The Stats"
|
||||
title="Architectural Grandeur"
|
||||
description="Defined by scale and precision engineering."
|
||||
metrics={[
|
||||
{ value: "12,000", description: "Square feet of space" },
|
||||
{ value: "7", description: "Spacious bedrooms" },
|
||||
{ value: "9", description: "Luxury bathrooms" },
|
||||
{ value: "4", description: "Attached garage capacity" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="The Stats"
|
||||
title="Architectural Grandeur"
|
||||
description="Defined by scale and precision engineering."
|
||||
metrics={[
|
||||
{ value: "12,000", description: "Square feet of space" },
|
||||
{ value: "7", description: "Spacious bedrooms" },
|
||||
{ value: "9", description: "Luxury bathrooms" },
|
||||
{ value: "4", description: "Attached garage capacity" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="Testimonials"
|
||||
title="Refined Perspectives"
|
||||
description="See why our residents feel they've reached the pinnacle of home living."
|
||||
testimonials={[
|
||||
{ name: "Alexandra V.", role: "Collector", quote: "Living here is nothing short of transcendent. It's a true masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-businesswoman-with-elegance-confidence-standing-generative-ai_188544-7684.jpg" },
|
||||
{ name: "Julian S.", role: "Architect", quote: "The design integrity and material choices are simply world-class.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg" },
|
||||
{ name: "Elena M.", role: "Director", quote: "I have traveled the world and this remains the most beautiful home I've seen.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg" },
|
||||
{ name: "Marcus B.", role: "Investor", quote: "An asset that perfectly blends utility with artistic expression.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-posing_158595-3050.jpg" },
|
||||
{ name: "Sophia L.", role: "Designer", quote: "Every corner of the house tells a story of elegance and quality.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Testimonials"
|
||||
title="Refined Perspectives"
|
||||
description="See why our residents feel they've reached the pinnacle of home living."
|
||||
testimonials={[
|
||||
{ name: "Alexandra V.", role: "Collector", quote: "Living here is nothing short of transcendent. It's a true masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-businesswoman-with-elegance-confidence-standing-generative-ai_188544-7684.jpg" },
|
||||
{ name: "Julian S.", role: "Architect", quote: "The design integrity and material choices are simply world-class.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg" },
|
||||
{ name: "Elena M.", role: "Director", quote: "I have traveled the world and this remains the most beautiful home I've seen.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg" },
|
||||
{ name: "Marcus B.", role: "Investor", quote: "An asset that perfectly blends utility with artistic expression.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-posing_158595-3050.jpg" },
|
||||
{ name: "Sophia L.", role: "Designer", quote: "Every corner of the house tells a story of elegance and quality.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Inquiry"
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions regarding the estate and procurement process."
|
||||
items={[
|
||||
{ question: "Can the property be customized?", answer: "Yes, we work with owners to curate custom finishes." },
|
||||
{ question: "Is security included?", answer: "The estate features round-the-clock enterprise grade security." },
|
||||
{ question: "Are private viewings possible?", answer: "Yes, we facilitate private viewings for qualified candidates." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Inquiry"
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions regarding the estate and procurement process."
|
||||
items={[
|
||||
{ question: "Can the property be customized?", answer: "Yes, we work with owners to curate custom finishes." },
|
||||
{ question: "Is security included?", answer: "The estate features round-the-clock enterprise grade security." },
|
||||
{ question: "Are private viewings possible?", answer: "Yes, we facilitate private viewings for qualified candidates." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Connect"
|
||||
text="Start your journey toward ownership today."
|
||||
primaryButton={{
|
||||
text: "Schedule Private Tour", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Email Inquiries", href: "mailto:info@luxe.com"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Connect"
|
||||
text="Start your journey toward ownership today."
|
||||
primaryButton={{ text: "Schedule Private Tour", href: "#" }}
|
||||
secondaryButton={{ text: "Email Inquiries", href: "mailto:info@luxe.com" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user