bender/93b9150a-8932-46c7-b9e5-121713702aa9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-05-17 19:25:56 +00:00
parent 7a5bdf68c0 aa84ebb47c
commit 33f2f7aabf
5 changed files with 100 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/app/dashboard/page.tsx Normal file
View File

@@ -0,0 +1,59 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import FooterCard from '@/components/sections/footer/FooterCard';
export default function DashboardPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeMediumTitles"
background="fluid"
cardStyle="layered-gradient"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Dashboard", id: "/dashboard" },
{ name: "Properties", id: "/properties" },
{ name: "Invoices", id: "/invoices" },
{ name: "Utilities", id: "/utilities" },
]}
brandName="Rently"
/>
</div>
<div id="dashboard-overview" data-section="dashboard-overview">
<MetricCardFourteen
useInvertedBackground={false}
title="Management Overview"
tag="Executive Summary"
metrics={[
{ id: "m1", value: "14", description: "Active Units" },
{ id: "m2", value: "$18.5k", description: "Monthly Net" },
{ id: "m3", value: "94%", description: "Collection Rate" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Rently Management"
copyrightText="© 2025 Rently Property Management Inc."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

59
src/app/invoices/page.tsx
View File

@@ -27,21 +27,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Dashboard",
id: "/",
},
name: "Dashboard", id: "/dashboard"},
{
name: "Properties",
id: "/properties",
},
name: "Properties", id: "/properties"},
{
name: "Invoices",
id: "/invoices",
},
name: "Invoices", id: "/invoices"},
{
name: "Utilities",
id: "/utilities",
},
name: "Utilities", id: "/utilities"},
]}
brandName="Rently"
/>
@@ -54,23 +46,14 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: DollarSign,
title: "Total Collected",
value: "$52,000",
},
id: "m1", icon: DollarSign,
title: "Total Collected", value: "$52,000"},
{
id: "m2",
icon: XCircle,
title: "Overdue",
value: "$1,200",
},
id: "m2", icon: XCircle,
title: "Overdue", value: "$1,200"},
{
id: "m3",
icon: CheckCircle,
title: "Paid Bills",
value: "18",
},
id: "m3", icon: CheckCircle,
title: "Paid Bills", value: "18"},
]}
title="Recent Transactions"
description="Monitor your monthly payments and invoice status."
@@ -85,27 +68,9 @@ export default function LandingPage() {
description="Voices from our happy landlord community."
testimonials={[
{
id: "t1",
name: "Sarah J.",
date: "Jan 2025",
title: "Portfolio Manager",
quote: "Incredible efficiency boost.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/chart-statistics-left-side_187299-39622.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924115.jpg?_wi=3",
imageAlt: "Chart Statistics Left Side",
},
id: "t1", name: "Sarah J.", date: "Jan 2025", title: "Portfolio Manager", quote: "Incredible efficiency boost.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/chart-statistics-left-side_187299-39622.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924115.jpg?_wi=3", imageAlt: "Chart Statistics Left Side"},
{
id: "t2",
name: "Mark D.",
date: "Dec 2024",
title: "Investor",
quote: "Changed how I track cash flow.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/credit-card-right-side-white-background_187299-40292.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-level-concept_23-2148761006.jpg?_wi=2",
imageAlt: "Chart Statistics Left Side",
},
id: "t2", name: "Mark D.", date: "Dec 2024", title: "Investor", quote: "Changed how I track cash flow.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/credit-card-right-side-white-background_187299-40292.jpg", imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-level-concept_23-2148761006.jpg?_wi=2", imageAlt: "Chart Statistics Left Side"},
]}
/>
</div>

115
src/app/page.tsx
View File

@@ -30,21 +30,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Dashboard",
id: "/",
},
name: "Dashboard", id: "/dashboard"},
{
name: "Properties",
id: "/properties",
},
name: "Properties", id: "/properties"},
{
name: "Invoices",
id: "/invoices",
},
name: "Invoices", id: "/invoices"},
{
name: "Utilities",
id: "/utilities",
},
name: "Utilities", id: "/utilities"},
]}
brandName="Rently"
/>
@@ -53,23 +45,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "animated-grid",
}}
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: "12", label: "Active Properties"},
{
value: "$14,200",
label: "Monthly Revenue",
},
value: "$14,200", label: "Monthly Revenue"},
{
value: "4",
label: "Pending Utilities",
},
value: "4", label: "Pending Utilities"},
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924115.jpg?_wi=1"
@@ -77,48 +62,28 @@ export default function LandingPage() {
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/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/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/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/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/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: "Real-time Analytics"},
{
type: "text",
text: "Secure Tenant Portal",
},
type: "text", text: "Secure Tenant Portal"},
{
type: "text",
text: "Automated Billing",
},
type: "text", text: "Automated Billing"},
{
type: "text",
text: "Smart Maintenance",
},
type: "text", text: "Smart Maintenance"},
{
type: "text",
text: "Utility Tracking",
},
type: "text", text: "Utility Tracking"},
]}
/>
</div>
@@ -131,19 +96,13 @@ export default function LandingPage() {
features={[
{
icon: LayoutDashboard,
title: "Unified Dashboard",
description: "Single-view metrics for all your properties.",
},
title: "Unified Dashboard", description: "Single-view metrics for all your properties."},
{
icon: MessageSquare,
title: "Secure Messaging",
description: "Direct communication with your tenants.",
},
title: "Secure Messaging", description: "Direct communication with your tenants."},
{
icon: AlertTriangle,
title: "Payment Alerts",
description: "Real-time notifications for overdue rent.",
},
title: "Payment Alerts", description: "Real-time notifications for overdue rent."},
]}
title="System Overview"
description="Streamline your workflow with automated tasks and real-time analytics."
@@ -157,12 +116,7 @@ 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>
@@ -173,20 +127,11 @@ export default function LandingPage() {
tag="Live Stats"
metrics={[
{
id: "m1",
value: "98%",
description: "Occupancy Rate",
},
id: "m1", value: "98%", description: "Occupancy Rate"},
{
id: "m2",
value: "$1.2M",
description: "Total Value Managed",
},
id: "m2", value: "$1.2M", description: "Total Value Managed"},
{
id: "m3",
value: "24/7",
description: "System Availability",
},
id: "m3", value: "24/7", description: "System Availability"},
]}
metricsAnimation="slide-up"
/>
@@ -204,15 +149,9 @@ export default function LandingPage() {
faqsAnimation="slide-up"
faqs={[
{
id: "f1",
title: "Is the system secure?",
content: "Yes, we use bank-grade encryption for all data.",
},
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: "f2", title: "How do I add a new property?", content: "Navigate to Properties > Add New and follow the steps."},
]}
/>
</div>

2
src/app/properties/page.tsx
View File

@@ -25,7 +25,7 @@ export default function PropertiesPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Dashboard", id: "/" },
{ name: "Dashboard", id: "/dashboard" },
{ name: "Properties", id: "/properties" },
{ name: "Invoices", id: "/invoices" },
{ name: "Utilities", id: "/utilities" },

2
src/app/utilities/page.tsx
View File

@@ -26,7 +26,7 @@ export default function UtilitiesPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Dashboard", id: "/" },
{ name: "Dashboard", id: "/dashboard" },
{ name: "Properties", id: "/properties" },
{ name: "Invoices", id: "/invoices" },
{ name: "Utilities", id: "/utilities" },