Merge version_1_1781514871713 into main #1
@@ -10,240 +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",
|
||||
]}
|
||||
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"
|
||||
/>
|
||||
</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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user