Update src/app/page.tsx
This commit is contained in:
329
src/app/page.tsx
329
src/app/page.tsx
@@ -32,28 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Dashboard", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Support", id: "contact" },
|
||||
]}
|
||||
brandName="PropFlow"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,35 +46,15 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Scale Your Portfolio With Precision"
|
||||
description="The ultimate operating system for modern property management. Seamlessly track rent, maintenance, and investor returns in one high-performance dashboard."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-124687.jpg?_wi=1"
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-124687.jpg"
|
||||
imageAlt="PropFlow Dashboard Interface"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
|
||||
alt: "Executive",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
|
||||
alt: "Leader",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "Manager",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-business-woman-wearing-office-suit-standing-outdoors-looking-camera-talking-businesspeople-city-buildings-background-copy-space-female-portrait-concept_74855-7807.jpg",
|
||||
alt: "Director",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-architect-man-holding-cellphone-hard-hat-with-blueprint-construction-site_23-2148203937.jpg",
|
||||
alt: "Architect",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg", alt: "Executive" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "Leader" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Manager" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-beautiful-business-woman-wearing-office-suit-standing-outdoors-looking-camera-talking-businesspeople-city-buildings-background-copy-space-female-portrait-concept_74855-7807.jpg", alt: "Director" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-architect-man-holding-cellphone-hard-hat-with-blueprint-construction-site_23-2148203937.jpg", alt: "Architect" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ managers"
|
||||
/>
|
||||
@@ -101,21 +66,9 @@ export default function LandingPage() {
|
||||
title="Operational Excellence"
|
||||
tag="Live Analytics"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
description: "Rent Collection Rate",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$1.2B",
|
||||
description: "Assets Under Management",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "14k+",
|
||||
description: "Active Units Managed",
|
||||
},
|
||||
{ id: "m1", value: "98%", description: "Rent Collection Rate" },
|
||||
{ id: "m2", value: "$1.2B", description: "Assets Under Management" },
|
||||
{ id: "m3", value: "14k+", description: "Active Units Managed" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -128,55 +81,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Automated Reporting",
|
||||
description: "Generate financial statements and performance metrics with a single click.",
|
||||
icon: LineChart,
|
||||
title: "Automated Reporting", description: "Generate financial statements and performance metrics with a single click.", icon: LineChart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mortgage-house-loan-website-login-graphic-concept_53876-132598.jpg",
|
||||
imageAlt: "Reports",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-office-workspace-with-advanced-technology-enhance-efficiency_482257-119656.jpg",
|
||||
imageAlt: "Reports",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-124687.jpg?_wi=2",
|
||||
imageAlt: "financial reporting chart saas",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mortgage-house-loan-website-login-graphic-concept_53876-132598.jpg", imageAlt: "Reports" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-office-workspace-with-advanced-technology-enhance-efficiency_482257-119656.jpg", imageAlt: "Reports" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Tenant Portal",
|
||||
description: "Direct communication and maintenance requests built into one interface.",
|
||||
icon: MessageSquare,
|
||||
title: "Tenant Portal", description: "Direct communication and maintenance requests built into one interface.", icon: MessageSquare,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-ai-chatbot-system-computer-guide-her-through-tasks_482257-118915.jpg",
|
||||
imageAlt: "Tenant portal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miniature-workmen-repairing-laptop-keyboard_1252-849.jpg",
|
||||
imageAlt: "Tenant portal",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg",
|
||||
imageAlt: "financial reporting chart saas",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-ai-chatbot-system-computer-guide-her-through-tasks_482257-118915.jpg", imageAlt: "Tenant portal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/miniature-workmen-repairing-laptop-keyboard_1252-849.jpg", imageAlt: "Tenant portal" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Lease Management",
|
||||
description: "Digitally sign and archive leases with automated expiration tracking.",
|
||||
icon: FileText,
|
||||
title: "Lease Management", description: "Digitally sign and archive leases with automated expiration tracking.", icon: FileText,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064992.jpg?_wi=1",
|
||||
imageAlt: "Lease management",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chalkboard-table-realtor-office_23-2147764217.jpg",
|
||||
imageAlt: "Lease management",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=1",
|
||||
imageAlt: "financial reporting chart saas",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064992.jpg", imageAlt: "Lease management" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chalkboard-table-realtor-office_23-2147764217.jpg", imageAlt: "Lease management" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Built for Modern Scale"
|
||||
@@ -191,42 +114,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Multifamily",
|
||||
price: "Standard Plan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flight-booking-website-information-banner_53876-121017.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Commercial",
|
||||
price: "Enterprise Plan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Student Housing",
|
||||
price: "Growth Plan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-laptop-screen_53876-124518.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Self-Storage",
|
||||
price: "Growth Plan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-loan-estate-sell-mortgage-concept_53876-125098.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Industrial",
|
||||
price: "Enterprise Plan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-construction-error-concept_53876-132306.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Retail Space",
|
||||
price: "Standard Plan",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/professional-presenting-research-result_74855-3890.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Multifamily", price: "Standard Plan", imageSrc: "http://img.b2bpic.net/free-photo/flight-booking-website-information-banner_53876-121017.jpg" },
|
||||
{ id: "p2", name: "Commercial", price: "Enterprise Plan", imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg" },
|
||||
{ id: "p3", name: "Student Housing", price: "Growth Plan", imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-background-laptop-screen_53876-124518.jpg" },
|
||||
{ id: "p4", name: "Self-Storage", price: "Growth Plan", imageSrc: "http://img.b2bpic.net/free-photo/house-loan-estate-sell-mortgage-concept_53876-125098.jpg" },
|
||||
{ id: "p5", name: "Industrial", price: "Enterprise Plan", imageSrc: "http://img.b2bpic.net/free-photo/website-construction-error-concept_53876-132306.jpg" },
|
||||
{ id: "p6", name: "Retail Space", price: "Standard Plan", imageSrc: "http://img.b2bpic.net/free-vector/professional-presenting-research-result_74855-3890.jpg" },
|
||||
]}
|
||||
title="Property Operational Modules"
|
||||
description="Specialized toolsets for different asset classes."
|
||||
@@ -239,39 +132,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Starter",
|
||||
price: "$499/mo",
|
||||
subtitle: "Perfect for smaller portfolios.",
|
||||
features: [
|
||||
"1-50 Units",
|
||||
"Basic Reporting",
|
||||
"Email Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Professional",
|
||||
price: "$999/mo",
|
||||
subtitle: "Ideal for growing operations.",
|
||||
features: [
|
||||
"51-200 Units",
|
||||
"Advanced Analytics",
|
||||
"Priority Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
price: "Custom",
|
||||
subtitle: "For large-scale assets.",
|
||||
features: [
|
||||
"200+ Units",
|
||||
"Custom Integrations",
|
||||
"Dedicated Manager",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Starter", price: "$499/mo", subtitle: "Perfect for smaller portfolios.", features: ["1-50 Units", "Basic Reporting", "Email Support"] },
|
||||
{ id: "pro", badge: "Professional", price: "$999/mo", subtitle: "Ideal for growing operations.", features: ["51-200 Units", "Advanced Analytics", "Priority Support"] },
|
||||
{ id: "enterprise", badge: "Enterprise", price: "Custom", subtitle: "For large-scale assets.", features: ["200+ Units", "Custom Integrations", "Dedicated Manager"] },
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Choose the tier that matches your portfolio size."
|
||||
@@ -283,49 +146,14 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
description="Our platform helps managers scale with efficiency."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "CEO, Miller Group",
|
||||
testimonial: "PropFlow transformed how we manage our 500+ unit portfolio. Efficiency is up 40%.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064992.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
handle: "CFO, InvestPro",
|
||||
testimonial: "The automated financial tracking is exactly what our investors were demanding.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Watson",
|
||||
handle: "Director, Apex Realty",
|
||||
testimonial: "Finally a platform that feels like it was built for 2025, not 1995.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-suit-holds-hands-crossed-chest-stands-power-pose-street_1258-123439.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Johnson",
|
||||
handle: "Owner, Johnson Holdings",
|
||||
testimonial: "Incredible interface and even better customer support team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "Manager, Urban Living",
|
||||
testimonial: "The maintenance tracking feature saved us thousands in overhead costs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "James Lee",
|
||||
handle: "Investor, Lee Assets",
|
||||
testimonial: "The best investment in tech we've made this year.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", handle: "CEO, Miller Group", testimonial: "PropFlow transformed how we manage our 500+ unit portfolio. Efficiency is up 40%.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064992.jpg" },
|
||||
{ id: "2", name: "David Chen", handle: "CFO, InvestPro", testimonial: "The automated financial tracking is exactly what our investors were demanding.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" },
|
||||
{ id: "3", name: "Emily Watson", handle: "Director, Apex Realty", testimonial: "Finally a platform that feels like it was built for 2025, not 1995.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-suit-holds-hands-crossed-chest-stands-power-pose-street_1258-123439.jpg" },
|
||||
{ id: "4", name: "Mark Johnson", handle: "Owner, Johnson Holdings", testimonial: "Incredible interface and even better customer support team.", imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg" },
|
||||
{ id: "5", name: "Elena Rodriguez", handle: "Manager, Urban Living", testimonial: "The maintenance tracking feature saved us thousands in overhead costs.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
|
||||
{ id: "6", name: "James Lee", handle: "Investor, Lee Assets", testimonial: "The best investment in tech we've made this year.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg" },
|
||||
]}
|
||||
title="Loved by Asset Managers"
|
||||
/>
|
||||
@@ -335,21 +163,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I switch platforms?",
|
||||
content: "Our migration team handles all data exports from your previous system.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is security guaranteed?",
|
||||
content: "Yes, we are SOC2 Type II compliant with 256-bit encryption for all data.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I integrate my bank?",
|
||||
content: "PropFlow integrates with all major US banks for real-time transaction reconciliation.",
|
||||
},
|
||||
{ id: "q1", title: "How do I switch platforms?", content: "Our migration team handles all data exports from your previous system." },
|
||||
{ id: "q2", title: "Is security guaranteed?", content: "Yes, we are SOC2 Type II compliant with 256-bit encryption for all data." },
|
||||
{ id: "q3", title: "Can I integrate my bank?", content: "PropFlow integrates with all major US banks for real-time transaction reconciliation." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -359,61 +175,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
text="Ready to modernize your operations? Talk to our sales team."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Sales", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#" }, { label: "Pricing", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="PropFlow"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user