Update src/pages/HomePage.tsx
This commit is contained in:
@@ -12,241 +12,132 @@ 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">
|
||||
<HeroOverlay
|
||||
tag="Luxury Living"
|
||||
title="M2K Olive Greens"
|
||||
description="Experience a life of elegance, comfort, and serenity in the heart of nature."
|
||||
primaryButton={{
|
||||
text: "Book a Site Visit",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Amenities",
|
||||
href: "#amenities",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-exterior-urban-view_23-2149091989.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Luxury Living"
|
||||
title="M2K Olive Greens"
|
||||
description="Experience a life of elegance, comfort, and serenity in the heart of nature."
|
||||
primaryButton={{ text: "Book a Site Visit", href: "#contact" }}
|
||||
secondaryButton={{ text: "View Amenities", href: "#amenities" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-exterior-urban-view_23-2149091989.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="M2K Olive Greens represents the perfect blend of modern architecture and natural harmony, offering an unparalleled living experience for those who appreciate the finer things."
|
||||
author="M2K Group"
|
||||
role="Visionary Real Estate Developers"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-loft-scandinavian-living-room-with-working-table-bookshelf_105762-2141.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Philosophy"
|
||||
quote="M2K Olive Greens represents the perfect blend of modern architecture and natural harmony, offering an unparalleled living experience for those who appreciate the finer things."
|
||||
author="M2K Group"
|
||||
role="Visionary Real Estate Developers"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-loft-scandinavian-living-room-with-working-table-bookshelf_105762-2141.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesComparison
|
||||
tag="Living Standards"
|
||||
title="Why Olive Greens"
|
||||
description="Compare the exceptional lifestyle features that make Olive Greens the premier choice for luxury living."
|
||||
negativeItems={[
|
||||
"Traditional congested housing",
|
||||
"Limited recreational space",
|
||||
"Lack of natural greenery",
|
||||
]}
|
||||
positiveItems={[
|
||||
"Spacious premium apartments",
|
||||
"Expansive landscaped parks",
|
||||
"Sustainable lush green surroundings",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Living Standards"
|
||||
title="Why Olive Greens"
|
||||
description="Compare the exceptional lifestyle features that make Olive Greens the premier choice for luxury living."
|
||||
negativeItems={[
|
||||
"Traditional congested housing", "Limited recreational space", "Lack of natural greenery"]}
|
||||
positiveItems={[
|
||||
"Spacious premium apartments", "Expansive landscaped parks", "Sustainable lush green surroundings"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="amenities" data-section="amenities">
|
||||
<SectionErrorBoundary name="amenities">
|
||||
<div id="amenities" data-section="amenities">
|
||||
<SectionErrorBoundary name="amenities">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Amenities"
|
||||
title="Unmatched Lifestyle Features"
|
||||
description="Discover a wealth of luxury amenities tailored to your comfort and well-being."
|
||||
items={[
|
||||
{
|
||||
title: "Clubhouse",
|
||||
description: "State-of-the-art lounge space for community gatherings and socializing.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-128388.jpg",
|
||||
},
|
||||
{
|
||||
title: "Swimming Pool",
|
||||
description: "Relax in our crystal clear temperature-controlled pool.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-people-walking-cycling-paved-path-through-green-fields_1308-189594.jpg",
|
||||
},
|
||||
{
|
||||
title: "Landscaped Gardens",
|
||||
description: "Beautifully maintained green spaces for peaceful daily walks.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-activists-taking-action_23-2149502779.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fitness Center",
|
||||
description: "Fully equipped gym with modern training apparatus.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-practices-yoga-morning-terrace-fresh-air_1153-3985.jpg",
|
||||
},
|
||||
{
|
||||
title: "Children Play Area",
|
||||
description: "Safe, dedicated play zones for children to learn and explore.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sports Courts",
|
||||
description: "Professional-grade courts for tennis, badminton, and basketball.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-11378.jpg",
|
||||
},
|
||||
{
|
||||
title: "24/7 Security",
|
||||
description: "Advanced security systems for complete safety and peace of mind.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/promenade-beautiful-city-park_1127-3520.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Amenities"
|
||||
title="Unmatched Lifestyle Features"
|
||||
description="Discover a wealth of luxury amenities tailored to your comfort and well-being."
|
||||
items={[
|
||||
{ title: "Clubhouse", description: "State-of-the-art lounge space for community gatherings and socializing.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-128388.jpg" },
|
||||
{ title: "Swimming Pool", description: "Relax in our crystal clear temperature-controlled pool.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-people-walking-cycling-paved-path-through-green-fields_1308-189594.jpg" },
|
||||
{ title: "Landscaped Gardens", description: "Beautifully maintained green spaces for peaceful daily walks.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/young-activists-taking-action_23-2149502779.jpg" },
|
||||
{ title: "Fitness Center", description: "Fully equipped gym with modern training apparatus.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/woman-practices-yoga-morning-terrace-fresh-air_1153-3985.jpg" },
|
||||
{ title: "Children Play Area", description: "Safe, dedicated play zones for children to learn and explore.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg" },
|
||||
{ title: "Sports Courts", description: "Professional-grade courts for tennis, badminton, and basketball.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-11378.jpg" },
|
||||
{ title: "24/7 Security", description: "Advanced security systems for complete safety and peace of mind.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/promenade-beautiful-city-park_1127-3520.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Project Scale"
|
||||
title="Olive Greens Facts"
|
||||
description="Numbers speak to the quality and expansive nature of our project."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Acres of Greenery",
|
||||
features: [
|
||||
"Open green spaces",
|
||||
"Botanical themes",
|
||||
"Natural parklands",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Happy Families",
|
||||
features: [
|
||||
"Luxury homeowners",
|
||||
"Community living",
|
||||
"Serene neighborhood",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support & Safety",
|
||||
features: [
|
||||
"Gated community",
|
||||
"Maintenance staff",
|
||||
"Security personnel",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Project Scale"
|
||||
title="Olive Greens Facts"
|
||||
description="Numbers speak to the quality and expansive nature of our project."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Acres of Greenery", features: ["Open green spaces", "Botanical themes", "Natural parklands"] },
|
||||
{ value: "500+", title: "Happy Families", features: ["Luxury homeowners", "Community living", "Serene neighborhood"] },
|
||||
{ value: "24/7", title: "Support & Safety", features: ["Gated community", "Maintenance staff", "Security personnel"] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialTrustCard
|
||||
quote="Living at Olive Greens has been a transformative experience for our family. The green surroundings and clubhouse facilities are truly world-class."
|
||||
rating={5}
|
||||
author="The Sharma Family"
|
||||
avatars={[
|
||||
{
|
||||
name: "Vikram",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sunita",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-showing-keys-new-house-moving-day_482257-24107.jpg",
|
||||
},
|
||||
{
|
||||
name: "Aarav",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-dog-moving-new-home_23-2149749161.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ananya",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-dancing-salsa-casual-get-together_23-2151356546.jpg",
|
||||
},
|
||||
{
|
||||
name: "Rahul",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424005.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
quote="Living at Olive Greens has been a transformative experience for our family. The green surroundings and clubhouse facilities are truly world-class."
|
||||
rating={5}
|
||||
author="The Sharma Family"
|
||||
avatars={[
|
||||
{ name: "Vikram", imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg" },
|
||||
{ name: "Sunita", imageSrc: "http://img.b2bpic.net/free-photo/couple-showing-keys-new-house-moving-day_482257-24107.jpg" },
|
||||
{ name: "Aarav", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-dog-moving-new-home_23-2149749161.jpg" },
|
||||
{ name: "Ananya", imageSrc: "http://img.b2bpic.net/free-photo/person-dancing-salsa-casual-get-together_23-2151356546.jpg" },
|
||||
{ name: "Rahul", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424005.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Trusted Partners"
|
||||
title="Industry Collaborations"
|
||||
names={[
|
||||
"M2K Group",
|
||||
"Global Builders",
|
||||
"Nature Landscapes",
|
||||
"Eco Interiors",
|
||||
"Architectural Wonders",
|
||||
"Premium Design Lab",
|
||||
"Modern Realty Associates",
|
||||
]}
|
||||
description="Collaborating with the best in the industry to bring you unparalleled quality."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trusted Partners"
|
||||
title="Industry Collaborations"
|
||||
description="We are proud to collaborate with leading names in the industry."
|
||||
names={["M2K Group", "Global Builders", "Nature Landscapes", "Eco Interiors", "Architectural Wonders", "Premium Design Lab", "Modern Realty Associates"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our premium apartments and amenities."
|
||||
items={[
|
||||
{
|
||||
question: "What is the unit configuration available?",
|
||||
answer: "We offer spacious 2, 3, and 4 BHK premium apartments with custom design options.",
|
||||
},
|
||||
{
|
||||
question: "How do I book a site visit?",
|
||||
answer: "You can fill out the contact form below, and our team will get in touch to schedule a private tour.",
|
||||
},
|
||||
{
|
||||
question: "Are there green features?",
|
||||
answer: "Yes, our project incorporates rainwater harvesting, solar heating, and vast organic green spaces.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to the most common questions about our property."
|
||||
items={[
|
||||
{ question: "What is the unit configuration available?", answer: "We offer spacious 2, 3, and 4 BHK premium apartments with custom design options." },
|
||||
{ question: "How do I book a site visit?", answer: "You can fill out the contact form below, and our team will get in touch to schedule a private tour." },
|
||||
{ question: "Are there green features?", answer: "Yes, our project incorporates rainwater harvesting, solar heating, and vast organic green spaces." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Visit Today"
|
||||
text="Start your journey at M2K Olive Greens. Book your tour or contact our support office."
|
||||
primaryButton={{
|
||||
text: "Call +91-XXX-XXXXXXX",
|
||||
href: "tel:+91XXXXXXXXXX",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@m2k.com",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Visit Today"
|
||||
text="Start your journey at M2K Olive Greens. Book your tour or contact our support office."
|
||||
primaryButton={{ text: "Call +91-XXX-XXXXXXX", href: "tel:+91XXXXXXXXXX" }}
|
||||
secondaryButton={{ text: "Email Us", href: "mailto:info@m2k.com" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user