From e59610ae94f983fa92d049326bc5ee2a4d5996bc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 17:11:23 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 106 +++++++++++++++++++++++++----------------------
 1 file changed, 56 insertions(+), 50 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c60be92..856645d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
     );
 }
\ No newline at end of file