bender/d7fffd4a-ba22-4015-807a-1e4d2f863a87
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-04-17 17:11:23 +00:00
parent 8867b6b595
commit e59610ae94
1 changed files with 56 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
src/app/page.tsx
View File

@@ -36,56 +36,62 @@ export default function RemindSyncPage() {
secondaryButtonStyle="layered"
headingFontWeight="semibold"
>
<NavbarStyleFullscreen
navItems={navItems}
brandName="RemindSync"
bottomLeftText="Automate Payments"
bottomRightText="hello@remindsync.io"
/>
<HeroBillboardDashboard
background={{ variant: "canvas-reveal" }}
tag="Smart Payment Automation"
tagIcon={Bot}
title="Automate Payment Follow-ups via WhatsApp & Email"
description="Streamline your accounts receivable with our n8n-powered dashboard. Track statuses, send automated notifications, and recover late payments effortlessly."
buttons={[{ text: "Run Workflow", href: "#" }, { text: "View Clients", href: "#" }]}
dashboard={{
title: "RemindSync Control Panel", logoIcon: Workflow,
imageSrc: "http://img.b2bpic.net/free-photo/small-business-analysis-pie-chart-concept_53876-132158.jpg", imageAlt: "RemindSync Dashboard Interface", buttons: [{ text: "Execute Now", href: "#" }, { text: "System Logs", href: "#" }],
sidebarItems: [
{ icon: Activity, active: true },
{ icon: Users },
{ icon: BarChart3 },
{ icon: Settings },
{ icon: Clock }
],
stats: [
{
title: "Total Clients", values: [124, 138, 145],
description: "Number of active clients monitored for payments."
},
{
title: "Unpaid Owed", values: [4200, 5800, 3100],
valuePrefix: "$", description: "Current outstanding balance across all accounts."
},
{
title: "Notifications Sent", values: [85, 92, 105],
description: "WhatsApp & Email follow-ups dispatched today."
}
],
chartTitle: "Revenue Collected (7 Days)", chartData: [{ value: 400 }, { value: 600 }, { value: 550 }, { value: 800 }, { value: 750 }, { value: 900 }, { value: 950 }],
listTitle: "Recent Client Activity", listItems: [
{ icon: Mail, title: "Follow-up sent: Acct #442", status: "Sent" },
{ icon: MessageSquare, title: "WhatsApp reminder: #992", status: "Delivered" },
{ icon: Activity, title: "Payment verified: #102", status: "Paid" }
]
}}
/>
<FooterBaseCard
logoText="RemindSync"
columns={footerColumns}
copyrightText="© 2025 RemindSync. All rights reserved."
/>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="RemindSync"
bottomLeftText="Automate Payments"
bottomRightText="hello@remindsync.io"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardDashboard
background={{ variant: "canvas-reveal" }}
tag="Smart Payment Automation"
tagIcon={Bot}
title="Automate Payment Follow-ups via WhatsApp & Email"
description="Streamline your accounts receivable with our n8n-powered dashboard. Track statuses, send automated notifications, and recover late payments effortlessly."
buttons={[{ text: "Run Workflow", href: "#" }, { text: "View Clients", href: "#" }]}
dashboard={{
title: "RemindSync Control Panel", logoIcon: Workflow,
imageSrc: "http://img.b2bpic.net/free-photo/small-business-analysis-pie-chart-concept_53876-132158.jpg", imageAlt: "RemindSync Dashboard Interface", buttons: [{ text: "Execute Now", href: "#" }, { text: "System Logs", href: "#" }],
sidebarItems: [
{ icon: Activity, active: true },
{ icon: Users },
{ icon: BarChart3 },
{ icon: Settings },
{ icon: Clock }
],
stats: [
{
title: "Total Clients", values: [124, 138, 145],
description: "Number of active clients monitored for payments."
},
{
title: "Unpaid Owed", values: [4200, 5800, 3100],
valuePrefix: "$", description: "Current outstanding balance across all accounts."
},
{
title: "Notifications Sent", values: [85, 92, 105],
description: "WhatsApp & Email follow-ups dispatched today."
}
],
chartTitle: "Revenue Collected (7 Days)", chartData: [{ value: 400 }, { value: 600 }, { value: 550 }, { value: 800 }, { value: 750 }, { value: 900 }, { value: 950 }],
listTitle: "Recent Client Activity", listItems: [
{ icon: Mail, title: "Follow-up sent: Acct #442", status: "Sent" },
{ icon: MessageSquare, title: "WhatsApp reminder: #992", status: "Delivered" },
{ icon: Activity, title: "Payment verified: #102", status: "Paid" }
]
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="RemindSync"
columns={footerColumns}
copyrightText="© 2025 RemindSync. All rights reserved."
/>
</div>
</ThemeProvider>
);
}