bender/f7eaad69-d135-47eb-8855-e32b0e5a1be9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-15 09:15:41 +00:00
parent 7a3c76bc19
commit 3cab02bd5b
1 changed files with 88 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

317
src/pages/HomePage.tsx
View File

@@ -10,247 +10,106 @@ 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
title="Experience your future property before it exists"
description="Future Frame is an immersive platform that combines 3D digital twins, spatial metaverse environments, and AI-driven interior customisation to bridge the gap between imagination and reality."
primaryButton={{
text: "Get Started",
href: "#contact",
}}
secondaryButton={{
text: "Explore Platform",
href: "#features",
}}
names={[
"Developer",
"Investor",
"Buyer",
]}
avatarsSrc={[
"https://i.pravatar.cc/150?img=1",
"https://i.pravatar.cc/150?img=2",
"https://i.pravatar.cc/150?img=3",
"https://i.pravatar.cc/150?img=4",
"https://i.pravatar.cc/150?img=5"
]}
avatarText="Trusted by 10,000+ users"
/>
</SectionErrorBoundary>
</div>
title="Experience your future property before it exists"
description="Future Frame is an immersive platform that combines 3D digital twins, spatial metaverse environments, and AI-driven interior customisation to bridge the gap between imagination and reality."
primaryButton={{ text: "Get Started", href: "#contact" }}
secondaryButton={{ text: "Explore Platform", href: "#features" }}
names={["Developer", "Investor", "Buyer"]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-woman-designing-blueprints-plan-analyzing-building-model-team-people-working-construction-design-with-industrial-sketch-maquette-urban-project_482257-29994.jpg"
avatarsSrc={[]}
avatarText="Trusted by leading experts"
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutText
title="Bridging the gap between property imagination and reality through immersive technology."
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutText title="Bridging the gap between property imagination and reality through immersive technology." />
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesTaggedCards
tag="Platform Capabilities"
title="Seamless Property Experience"
description="Our ecosystem streamlines every stage of the off-plan property journey."
items={[
{
tag: "Walkthrough",
title: "Spatial Walkthroughs",
description: "Explore properties before they exist through high-fidelity digital twins.",
primaryButton: {
text: "Try Demo",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-isometric-house-model_23-2150799767.jpg",
},
{
tag: "Customisation",
title: "AI Design Studio",
description: "Customise finishes, furniture, and lighting with real-time AI previews.",
primaryButton: {
text: "Launch Studio",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-office_23-2147653307.jpg",
},
{
tag: "Tracking",
title: "Construction Progress",
description: "Transparency with milestone updates and real-time site progression.",
primaryButton: {
text: "View Updates",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Platform Capabilities"
title="Seamless Property Experience"
description="Our ecosystem streamlines every stage of the off-plan property journey."
items={[
{ tag: "Walkthrough", title: "Spatial Walkthroughs", description: "Explore properties before they exist through high-fidelity digital twins.", primaryButton: { text: "Try Demo", href: "#" }, imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-isometric-house-model_23-2150799767.jpg" },
{ tag: "Customisation", title: "AI Design Studio", description: "Customise finishes, furniture, and lighting with real-time AI previews.", primaryButton: { text: "Launch Studio", href: "#" }, imageSrc: "http://img.b2bpic.net/free-photo/real-estate-office_23-2147653307.jpg" },
{ tag: "Tracking", title: "Construction Progress", description: "Transparency with milestone updates and real-time site progression.", primaryButton: { text: "View Updates", href: "#" }, imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsSimpleCards
tag="Platform Security"
title="Built on Trust"
description="Everything we do is underpinned by industry-leading security and verification standards."
metrics={[
{
value: "100%",
description: "Verified Developers",
},
{
value: "256-bit",
description: "Secure Encryption",
},
{
value: "24/7",
description: "Identity Support",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Platform Security"
title="Built on Trust"
description="Everything we do is underpinned by industry-leading security and verification standards."
metrics={[
{ value: "100%", description: "Verified Developers" },
{ value: "256-bit", description: "Secure Encryption" },
{ value: "24/7", description: "Identity Support" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="developer" data-section="developer">
<SectionErrorBoundary name="developer">
<div id="developer" data-section="developer">
<SectionErrorBoundary name="developer">
<FeaturesRevealCardsBento
tag="Developer Tools"
title="Total Project Control"
description="Upload CAD files, track investor engagement, and manage milestones effectively."
items={[
{
title: "BIM Integration",
description: "Standardised uploads",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440914.jpg",
},
{
title: "Analytics Dashboard",
description: "Deep engagement insights",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-examining-reports-papers-looking-statistics-annual-data-analytics-increase-profit-workers-group-planning-research-strategy-with-documents-business-development_482257-64771.jpg",
},
{
title: "Design Approval",
description: "Review and publish",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/architecture-project-tablet-mockup_23-2148252114.jpg",
},
{
title: "Identity Check",
description: "Secure KYC/KYB flow",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2149101159.jpg",
},
{
title: "Milestone Tracker",
description: "Automated progress logs",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/working-homewhite-caucasian-male-adult-wear-casual-cloth-working-with-desktop-check-analysing-business-data-chart-dinining-table-home-home-isolate-quarantine-ideaswork-remote-concept_609648-2142.jpg",
},
{
title: "Collaboration",
description: "Team project management",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-isometric-house_23-2150727928.jpg",
},
{
title: "Secure Payments",
description: "Automated transactional flows",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/log-secured-access-verify-identity-password-concept_53876-124066.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Developer Tools"
title="Total Project Control"
description="Upload CAD files, track investor engagement, and manage milestones effectively."
items={[
{ title: "BIM Integration", description: "Standardised uploads", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440914.jpg" },
{ title: "Analytics Dashboard", description: "Deep engagement insights", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-examining-reports-papers-looking-statistics-annual-data-analytics-increase-profit-workers-group-planning-research-strategy-with-documents-business-development_482257-64771.jpg" },
{ title: "Design Approval", description: "Review and publish", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/architecture-project-tablet-mockup_23-2148252114.jpg" },
{ title: "Identity Check", description: "Secure KYC/KYB flow", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2149101159.jpg" },
{ title: "Milestone Tracker", description: "Automated progress logs", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/working-homewhite-caucasian-male-adult-wear-casual-cloth-working-with-desktop-check-analysing-business-data-chart-dinining-table-home-home-isolate-quarantine-ideaswork-remote-concept_609648-2142.jpg" },
{ title: "Collaboration", description: "Team project management", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-isometric-house_23-2150727928.jpg" },
{ title: "Secure Payments", description: "Automated transactional flows", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/log-secured-access-verify-identity-password-concept_53876-124066.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="studio" data-section="studio">
<SectionErrorBoundary name="studio">
<div id="studio" data-section="studio">
<SectionErrorBoundary name="studio">
<PricingLayeredCards
tag="Choose Your Path"
title="Ready to get started?"
description="Future Frame supports all stakeholders in the property ecosystem."
plans={[
{
tag: "Developer",
price: "Pro Suite",
description: "Complete toolset for project lifecycle management.",
primaryButton: {
text: "Contact Sales",
href: "#",
},
features: [
"BIM Processing",
"Buyer Analytics",
"KYC Verification",
"Dedicated Support",
],
},
{
tag: "Buyer / Investor",
price: "Free Access",
description: "Immersive exploration and interior design.",
primaryButton: {
text: "Create Account",
href: "#",
},
features: [
"Walkthroughs",
"Design Studio",
"Construction Updates",
"Secure Sharing",
],
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Choose Your Path"
title="Ready to get started?"
description="Future Frame supports all stakeholders in the property ecosystem."
plans={[
{ tag: "Developer", price: "Pro Suite", description: "Complete toolset for project lifecycle management.", primaryButton: { text: "Contact Sales", href: "#" }, features: ["BIM Processing", "Buyer Analytics", "KYC Verification", "Dedicated Support"] },
{ tag: "Buyer / Investor", price: "Free Access", description: "Immersive exploration and interior design.", primaryButton: { text: "Create Account", href: "#" }, features: ["Walkthroughs", "Design Studio", "Construction Updates", "Secure Sharing"] }
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonial" data-section="testimonial">
<SectionErrorBoundary name="testimonial">
<div id="testimonial" data-section="testimonial">
<SectionErrorBoundary name="testimonial">
<TestimonialQuoteCards
tag="Client Success"
title="Loved by the industry"
description="Trusted by visionary developers and investors globally."
testimonials={[
{
name: "Elena Rossi",
role: "Head Architect",
quote: "The spatial twins are indistinguishable from the finished reality.",
imageSrc: "http://img.b2bpic.net/free-photo/executive-with-good-future_1098-540.jpg",
},
{
name: "Mark Sterling",
role: "Property Developer",
quote: "Future Frame accelerated our sales cycle by 40% this year.",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29548.jpg",
},
{
name: "Sarah Chen",
role: "Institutional Investor",
quote: "I have total confidence in every investment I track here.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-living-room-with-fabric-sofa_105762-2186.jpg",
},
{
name: "David Thorne",
role: "Creative Lead",
quote: "The design studio creates an emotional connection with buyers instantly.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
},
{
name: "Jessica Low",
role: "Property Agency CEO",
quote: "Future Frame sets the new industry standard for property transparency.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-person-conference-room_23-2149085913.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Client Success"
title="Loved by the industry"
description="Trusted by visionary developers and investors globally."
testimonials={[
{ name: "Elena Rossi", role: "Head Architect", quote: "The spatial twins are indistinguishable from the finished reality.", imageSrc: "http://img.b2bpic.net/free-photo/executive-with-good-future_1098-540.jpg" },
{ name: "Mark Sterling", role: "Property Developer", quote: "Future Frame accelerated our sales cycle by 40% this year.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29548.jpg" },
{ name: "Sarah Chen", role: "Institutional Investor", quote: "I have total confidence in every investment I track here.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-living-room-with-fabric-sofa_105762-2186.jpg" },
{ name: "David Thorne", role: "Creative Lead", quote: "The design studio creates an emotional connection with buyers instantly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg" },
{ name: "Jessica Low", role: "Property Agency CEO", quote: "Future Frame sets the new industry standard for property transparency.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-person-conference-room_23-2149085913.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
</>
);
}