Update src/app/page.tsx
This commit is contained in:
@@ -29,14 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard", id: "/dashboard"},
|
||||
{
|
||||
name: "Properties", id: "/properties"},
|
||||
{
|
||||
name: "Invoices", id: "/invoices"},
|
||||
{
|
||||
name: "Utilities", id: "/utilities"},
|
||||
{ name: "Dashboard", id: "/dashboard" },
|
||||
{ name: "Dashboard V2", id: "/dashboard-v2" },
|
||||
{ name: "Properties", id: "/properties" },
|
||||
{ name: "Invoices", id: "/invoices" },
|
||||
{ name: "Utilities", id: "/utilities" },
|
||||
]}
|
||||
brandName="Rently"
|
||||
/>
|
||||
@@ -44,46 +41,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "animated-grid"}}
|
||||
background={{ variant: "animated-grid"}}
|
||||
title="Manage Properties with Ease"
|
||||
description="The centralized property management platform built for efficiency. Monitor income, tenants, and utility costs from your dashboard."
|
||||
kpis={[
|
||||
{
|
||||
value: "12", label: "Active Properties"},
|
||||
{
|
||||
value: "$14,200", label: "Monthly Revenue"},
|
||||
{
|
||||
value: "4", label: "Pending Utilities"},
|
||||
{ value: "12", label: "Active Properties" },
|
||||
{ value: "$14,200", label: "Monthly Revenue" },
|
||||
{ value: "4", label: "Pending Utilities" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924115.jpg?_wi=1"
|
||||
imageAlt="Dashboard Preview"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2747.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg", alt: "User 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2747.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ managers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Real-time Analytics"},
|
||||
{
|
||||
type: "text", text: "Secure Tenant Portal"},
|
||||
{
|
||||
type: "text", text: "Automated Billing"},
|
||||
{
|
||||
type: "text", text: "Smart Maintenance"},
|
||||
{
|
||||
type: "text", text: "Utility Tracking"},
|
||||
{ type: "text", text: "Real-time Analytics" },
|
||||
{ type: "text", text: "Secure Tenant Portal" },
|
||||
{ type: "text", text: "Automated Billing" },
|
||||
{ type: "text", text: "Smart Maintenance" },
|
||||
{ type: "text", text: "Utility Tracking" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,15 +77,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: LayoutDashboard,
|
||||
title: "Unified Dashboard", description: "Single-view metrics for all your properties."},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
title: "Secure Messaging", description: "Direct communication with your tenants."},
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
title: "Payment Alerts", description: "Real-time notifications for overdue rent."},
|
||||
{ icon: LayoutDashboard, title: "Unified Dashboard", description: "Single-view metrics for all your properties." },
|
||||
{ icon: MessageSquare, title: "Secure Messaging", description: "Direct communication with your tenants." },
|
||||
{ icon: AlertTriangle, title: "Payment Alerts", description: "Real-time notifications for overdue rent." },
|
||||
]}
|
||||
title="System Overview"
|
||||
description="Streamline your workflow with automated tasks and real-time analytics."
|
||||
@@ -116,7 +93,8 @@ export default function LandingPage() {
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We help property managers reach their full potential."
|
||||
names={[
|
||||
"Apex Rentals", "Urban Living", "Metro Estates", "Horizon Property Group", "Summit Residential"]}
|
||||
"Apex Rentals", "Urban Living", "Metro Estates", "Horizon Property Group", "Summit Residential"
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -126,12 +104,9 @@ export default function LandingPage() {
|
||||
title="Performance at a Glance"
|
||||
tag="Live Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "98%", description: "Occupancy Rate"},
|
||||
{
|
||||
id: "m2", value: "$1.2M", description: "Total Value Managed"},
|
||||
{
|
||||
id: "m3", value: "24/7", description: "System Availability"},
|
||||
{ id: "m1", value: "98%", description: "Occupancy Rate" },
|
||||
{ id: "m2", value: "$1.2M", description: "Total Value Managed" },
|
||||
{ id: "m3", value: "24/7", description: "System Availability" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -148,10 +123,8 @@ export default function LandingPage() {
|
||||
mediaAnimation="blur-reveal"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Is the system secure?", content: "Yes, we use bank-grade encryption for all data."},
|
||||
{
|
||||
id: "f2", title: "How do I add a new property?", content: "Navigate to Properties > Add New and follow the steps."},
|
||||
{ id: "f1", title: "Is the system secure?", content: "Yes, we use bank-grade encryption for all data." },
|
||||
{ id: "f2", title: "How do I add a new property?", content: "Navigate to Properties > Add New and follow the steps." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,4 +138,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user