bender/da358798-c8a8-4612-92f5-b37cde13e5f8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-17 19:00:24 +00:00
parent d73a9652bb
commit 75d5697fd2
1 changed files with 41 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files

328
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Dashboard",
id: "#hero",
},
{
name: "Features",
id: "#features",
},
{
name: "Metrics",
id: "#metrics",
},
{
name: "Pricing",
id: "#pricing",
},
{ name: "Dashboard", id: "#hero" },
{ name: "Features", id: "#features" },
{ name: "Metrics", id: "#metrics" },
{ name: "Pricing", id: "#pricing" },
]}
brandName="PropFlow"
/>
@@ -55,52 +43,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated-grid",
}}
background={{ variant: "rotated-rays-animated-grid" }}
title="Streamline Your Property Empire"
description="Professional-grade property management software designed for scaling portfolios. Automate rent, track maintenance, and monitor financial health in one unified dashboard."
buttons={[
{
text: "Get Started",
href: "#pricing",
},
{
text: "Learn More",
href: "#features",
},
{ text: "Get Started", href: "#pricing" },
{ text: "Learn More", href: "#features" },
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg",
imageAlt: "Dashboard view 1",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/professional-female-leader-evaluating-trading-risks-before-making-investment_482257-112812.jpg",
imageAlt: "Dashboard view 2",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/business-messy-creative-strategy-education-occupation-concept_53876-42755.jpg",
imageAlt: "Dashboard view 3",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-housing-brokerage-concept_53876-120663.jpg",
imageAlt: "Dashboard view 4",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-startup-employee-analyzing-business-key-performance-indicators-laptop-screen-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-31286.jpg",
imageAlt: "Dashboard view 5",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/business-man-with-beard-working-hard-his-desk-office-motivated-man_482257-18758.jpg",
imageAlt: "Dashboard view 6",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg", imageAlt: "Dashboard view 1" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/professional-female-leader-evaluating-trading-risks-before-making-investment_482257-112812.jpg", imageAlt: "Dashboard view 2" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/business-messy-creative-strategy-education-occupation-concept_53876-42755.jpg", imageAlt: "Dashboard view 3" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-housing-brokerage-concept_53876-120663.jpg", imageAlt: "Dashboard view 4" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-startup-employee-analyzing-business-key-performance-indicators-laptop-screen-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-31286.jpg", imageAlt: "Dashboard view 5" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/business-man-with-beard-working-hard-his-desk-office-motivated-man_482257-18758.jpg", imageAlt: "Dashboard view 6" },
]}
/>
</div>
@@ -109,51 +65,22 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Engineered for Growth",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/luxury-working-room-executive-office_105762-1725.jpg",
alt: "Engineering Excellence",
},
]}
buttons={[
{
text: "Our Mission",
href: "#",
},
{ type: "text", content: "Engineered for Growth" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/luxury-working-room-executive-office_105762-1725.jpg", alt: "Engineering Excellence" },
]}
buttons={[{ text: "Our Mission", href: "#" }]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "98.2%",
title: "Portfolio Occupancy",
description: "Across all active managed units.",
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
},
{
id: "2",
value: "$4.2M",
title: "Annualized Rent",
description: "Total projected recurring revenue.",
imageSrc: "http://img.b2bpic.net/free-vector/infographics-with-circular-shapes_1045-682.jpg",
},
{
id: "3",
value: "12min",
title: "Response Time",
description: "Average maintenance ticket turnaround.",
imageSrc: "http://img.b2bpic.net/free-vector/building-elements-website-flat-design_23-2147544225.jpg",
},
{ id: "1", value: "98.2%", title: "Portfolio Occupancy", description: "Across all active managed units.", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg" },
{ id: "2", value: "$4.2M", title: "Annualized Rent", description: "Total projected recurring revenue.", imageSrc: "http://img.b2bpic.net/free-vector/infographics-with-circular-shapes_1045-682.jpg" },
{ id: "3", value: "12min", title: "Response Time", description: "Average maintenance ticket turnaround.", imageSrc: "http://img.b2bpic.net/free-vector/building-elements-website-flat-design_23-2147544225.jpg" },
]}
title="Operational Intelligence"
description="Visualize your portfolio performance with surgical precision."
@@ -167,60 +94,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Module",
name: "Unit Inventory",
price: "Active",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-voice-activated-smart-wireless-lighting-app-tablet_482257-7529.jpg",
},
{
id: "p2",
brand: "Module",
name: "Billing Engine",
price: "Active",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-collection_23-2148626878.jpg",
},
{
id: "p3",
brand: "Module",
name: "Tenant Portal",
price: "Active",
rating: 4,
reviewCount: "92",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440914.jpg",
},
{
id: "p4",
brand: "Module",
name: "Task Scheduler",
price: "Active",
rating: 5,
reviewCount: "110",
imageSrc: "http://img.b2bpic.net/free-photo/mortgage-house-loan-website-login-graphic-concept_53876-127712.jpg",
},
{
id: "p5",
brand: "Module",
name: "Reporting Suite",
price: "Active",
rating: 5,
reviewCount: "78",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-concept_23-2148114664.jpg",
},
{
id: "p6",
brand: "Module",
name: "Lease Tracker",
price: "Active",
rating: 5,
reviewCount: "99",
imageSrc: "http://img.b2bpic.net/free-photo/finger-touching-tablet-living-room_1134-240.jpg",
},
{ id: "p1", brand: "Module", name: "Unit Inventory", price: "Active", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-voice-activated-smart-wireless-lighting-app-tablet_482257-7529.jpg" },
{ id: "p2", brand: "Module", name: "Billing Engine", price: "Active", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-collection_23-2148626878.jpg" },
{ id: "p3", brand: "Module", name: "Tenant Portal", price: "Active", rating: 4, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440914.jpg" },
{ id: "p4", brand: "Module", name: "Task Scheduler", price: "Active", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/mortgage-house-loan-website-login-graphic-concept_53876-127712.jpg" },
{ id: "p5", brand: "Module", name: "Reporting Suite", price: "Active", rating: 5, reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-concept_23-2148114664.jpg" },
{ id: "p6", brand: "Module", name: "Lease Tracker", price: "Active", rating: 5, reviewCount: "99", imageSrc: "http://img.b2bpic.net/free-photo/finger-touching-tablet-living-room_1134-240.jpg" },
]}
title="Integrated Modules"
description="Powerful, modular tools to manage every aspect of your real estate business."
@@ -233,21 +112,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Shield,
title: "Secure Vault",
description: "Bank-level encryption for all lease and payment data.",
},
{
icon: Zap,
title: "Automated Billing",
description: "Zero-touch invoice generation and rent collection.",
},
{
icon: BarChart,
title: "Advanced Analytics",
description: "Predictive insights into portfolio health.",
},
{ icon: Shield, title: "Secure Vault", description: "Bank-level encryption for all lease and payment data." },
{ icon: Zap, title: "Automated Billing", description: "Zero-touch invoice generation and rent collection." },
{ icon: BarChart, title: "Advanced Analytics", description: "Predictive insights into portfolio health." },
]}
title="Why Industry Leaders Choose PropFlow"
description="Unmatched reliability for high-stakes property operations."
@@ -260,41 +127,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Elena Vance",
handle: "@evance",
testimonial: "PropFlow has saved our team over 20 hours a week on manual billing.",
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",
},
{
id: "2",
name: "Marcus Thorne",
handle: "@mthorne",
testimonial: "The predictive analytics module is a complete game changer for our expansion strategy.",
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
},
{
id: "3",
name: "Sarah Jenkins",
handle: "@sjenkins",
testimonial: "Intuitive, fast, and incredibly reliable. Exactly what we needed.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037865.jpg",
},
{
id: "4",
name: "David Wu",
handle: "@dwu",
testimonial: "Finally, a platform that understands the scale of my enterprise portfolio.",
imageSrc: "http://img.b2bpic.net/free-photo/sensual-blond-female-dressed-purple-jacket-isolated-dark-grey-background_613910-141.jpg",
},
{
id: "5",
name: "Linda Gray",
handle: "@lgray",
testimonial: "Responsive support and constant feature updates make this a superior tool.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
},
{ id: "1", name: "Elena Vance", handle: "@evance", testimonial: "PropFlow has saved our team over 20 hours a week on manual billing.", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg" },
{ id: "2", name: "Marcus Thorne", handle: "@mthorne", testimonial: "The predictive analytics module is a complete game changer for our expansion strategy.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
{ id: "3", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Intuitive, fast, and incredibly reliable. Exactly what we needed.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037865.jpg" },
{ id: "4", name: "David Wu", handle: "@dwu", testimonial: "Finally, a platform that understands the scale of my enterprise portfolio.", imageSrc: "http://img.b2bpic.net/free-photo/sensual-blond-female-dressed-purple-jacket-isolated-dark-grey-background_613910-141.jpg" },
{ id: "5", name: "Linda Gray", handle: "@lgray", testimonial: "Responsive support and constant feature updates make this a superior tool.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg" },
]}
title="Proven by Professionals"
description="Hear how property managers and investors leverage PropFlow to drive results."
@@ -307,54 +144,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Essential",
price: "$199",
period: "/mo",
description: "Perfect for growing portfolios.",
button: {
text: "Get Started",
},
featuresTitle: "Included",
features: [
"50 units",
"Basic billing",
"Tenant portal",
],
},
{
id: "pro",
tag: "Professional",
price: "$499",
period: "/mo",
description: "For high-scale operators.",
button: {
text: "Get Started",
},
featuresTitle: "Everything in Essential plus",
features: [
"Unlimited units",
"Advanced reporting",
"API access",
],
},
{
id: "ent",
tag: "Enterprise",
price: "Custom",
period: "",
description: "Tailored solutions for your brand.",
button: {
text: "Contact Sales",
},
featuresTitle: "Everything in Pro plus",
features: [
"Dedicated support",
"Custom integrations",
"SLA",
],
},
{ id: "basic", tag: "Essential", price: "$199", period: "/mo", description: "Perfect for growing portfolios.", button: { text: "Get Started" }, featuresTitle: "Included", features: ["50 units", "Basic billing", "Tenant portal"] },
{ id: "pro", tag: "Professional", price: "$499", period: "/mo", description: "For high-scale operators.", button: { text: "Get Started" }, featuresTitle: "Everything in Essential plus", features: ["Unlimited units", "Advanced reporting", "API access"] },
{ id: "ent", tag: "Enterprise", price: "Custom", period: "", description: "Tailored solutions for your brand.", button: { text: "Contact Sales" }, featuresTitle: "Everything in Pro plus", features: ["Dedicated support", "Custom integrations", "SLA"] },
]}
title="Scale with Confidence"
description="Transparent pricing for portfolios of all sizes."
@@ -364,9 +156,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Ready to scale?"
title="Request a platform demo"
description="Get a personalized tour of our operational tools."
@@ -379,45 +169,9 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="PropFlow"
columns={[
{
title: "Product",
items: [
{
label: "Features",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Support",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Support", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
copyrightText="© 2024 PropFlow Technologies"
/>