From 75d5697fd242a9fc3abfac093500e5fa747a7230 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 17 May 2026 19:00:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 328 ++++++-----------------------------------------
 1 file changed, 41 insertions(+), 287 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f2b8fb8..f729d81 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Dashboard",
-          id: "#hero",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Metrics",
-          id: "#metrics",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
+        { name: "Dashboard", id: "#hero" },
+        { name: "Features", id: "#features" },
+        { name: "Metrics", id: "#metrics" },
+        { name: "Pricing", id: "#pricing" },
       ]}
       brandName="PropFlow"
     />
@@ -55,52 +43,20 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated-grid",
-      }}
+      background={{ variant: "rotated-rays-animated-grid" }}
       title="Streamline Your Property Empire"
       description="Professional-grade property management software designed for scaling portfolios. Automate rent, track maintenance, and monitor financial health in one unified dashboard."
       buttons={[
-        {
-          text: "Get Started",
-          href: "#pricing",
-        },
-        {
-          text: "Learn More",
-          href: "#features",
-        },
+        { text: "Get Started", href: "#pricing" },
+        { text: "Learn More", href: "#features" },
       ]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg",
-          imageAlt: "Dashboard view 1",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-female-leader-evaluating-trading-risks-before-making-investment_482257-112812.jpg",
-          imageAlt: "Dashboard view 2",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-messy-creative-strategy-education-occupation-concept_53876-42755.jpg",
-          imageAlt: "Dashboard view 3",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-housing-brokerage-concept_53876-120663.jpg",
-          imageAlt: "Dashboard view 4",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-startup-employee-analyzing-business-key-performance-indicators-laptop-screen-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-31286.jpg",
-          imageAlt: "Dashboard view 5",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-man-with-beard-working-hard-his-desk-office-motivated-man_482257-18758.jpg",
-          imageAlt: "Dashboard view 6",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg", imageAlt: "Dashboard view 1" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/professional-female-leader-evaluating-trading-risks-before-making-investment_482257-112812.jpg", imageAlt: "Dashboard view 2" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/business-messy-creative-strategy-education-occupation-concept_53876-42755.jpg", imageAlt: "Dashboard view 3" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-housing-brokerage-concept_53876-120663.jpg", imageAlt: "Dashboard view 4" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-startup-employee-analyzing-business-key-performance-indicators-laptop-screen-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-31286.jpg", imageAlt: "Dashboard view 5" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/business-man-with-beard-working-hard-his-desk-office-motivated-man_482257-18758.jpg", imageAlt: "Dashboard view 6" },
       ]}
     />
   </div>
@@ -109,51 +65,22 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
-          type: "text",
-          content: "Engineered for Growth",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/luxury-working-room-executive-office_105762-1725.jpg",
-          alt: "Engineering Excellence",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Our Mission",
-          href: "#",
-        },
+        { type: "text", content: "Engineered for Growth" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/luxury-working-room-executive-office_105762-1725.jpg", alt: "Engineering Excellence" },
       ]}
+      buttons={[{ text: "Our Mission", href: "#" }]}
     />
   </div>
 
   <div id="metrics" data-section="metrics">
       <MetricCardEleven
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "1",
-          value: "98.2%",
-          title: "Portfolio Occupancy",
-          description: "Across all active managed units.",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
-        },
-        {
-          id: "2",
-          value: "$4.2M",
-          title: "Annualized Rent",
-          description: "Total projected recurring revenue.",
-          imageSrc: "http://img.b2bpic.net/free-vector/infographics-with-circular-shapes_1045-682.jpg",
-        },
-        {
-          id: "3",
-          value: "12min",
-          title: "Response Time",
-          description: "Average maintenance ticket turnaround.",
-          imageSrc: "http://img.b2bpic.net/free-vector/building-elements-website-flat-design_23-2147544225.jpg",
-        },
+        { id: "1", value: "98.2%", title: "Portfolio Occupancy", description: "Across all active managed units.", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg" },
+        { id: "2", value: "$4.2M", title: "Annualized Rent", description: "Total projected recurring revenue.", imageSrc: "http://img.b2bpic.net/free-vector/infographics-with-circular-shapes_1045-682.jpg" },
+        { id: "3", value: "12min", title: "Response Time", description: "Average maintenance ticket turnaround.", imageSrc: "http://img.b2bpic.net/free-vector/building-elements-website-flat-design_23-2147544225.jpg" },
       ]}
       title="Operational Intelligence"
       description="Visualize your portfolio performance with surgical precision."
@@ -167,60 +94,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          brand: "Module",
-          name: "Unit Inventory",
-          price: "Active",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-voice-activated-smart-wireless-lighting-app-tablet_482257-7529.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Module",
-          name: "Billing Engine",
-          price: "Active",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-collection_23-2148626878.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Module",
-          name: "Tenant Portal",
-          price: "Active",
-          rating: 4,
-          reviewCount: "92",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440914.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Module",
-          name: "Task Scheduler",
-          price: "Active",
-          rating: 5,
-          reviewCount: "110",
-          imageSrc: "http://img.b2bpic.net/free-photo/mortgage-house-loan-website-login-graphic-concept_53876-127712.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Module",
-          name: "Reporting Suite",
-          price: "Active",
-          rating: 5,
-          reviewCount: "78",
-          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-concept_23-2148114664.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Module",
-          name: "Lease Tracker",
-          price: "Active",
-          rating: 5,
-          reviewCount: "99",
-          imageSrc: "http://img.b2bpic.net/free-photo/finger-touching-tablet-living-room_1134-240.jpg",
-        },
+        { id: "p1", brand: "Module", name: "Unit Inventory", price: "Active", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-voice-activated-smart-wireless-lighting-app-tablet_482257-7529.jpg" },
+        { id: "p2", brand: "Module", name: "Billing Engine", price: "Active", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-collection_23-2148626878.jpg" },
+        { id: "p3", brand: "Module", name: "Tenant Portal", price: "Active", rating: 4, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440914.jpg" },
+        { id: "p4", brand: "Module", name: "Task Scheduler", price: "Active", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/mortgage-house-loan-website-login-graphic-concept_53876-127712.jpg" },
+        { id: "p5", brand: "Module", name: "Reporting Suite", price: "Active", rating: 5, reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-concept_23-2148114664.jpg" },
+        { id: "p6", brand: "Module", name: "Lease Tracker", price: "Active", rating: 5, reviewCount: "99", imageSrc: "http://img.b2bpic.net/free-photo/finger-touching-tablet-living-room_1134-240.jpg" },
       ]}
       title="Integrated Modules"
       description="Powerful, modular tools to manage every aspect of your real estate business."
@@ -233,21 +112,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Shield,
-          title: "Secure Vault",
-          description: "Bank-level encryption for all lease and payment data.",
-        },
-        {
-          icon: Zap,
-          title: "Automated Billing",
-          description: "Zero-touch invoice generation and rent collection.",
-        },
-        {
-          icon: BarChart,
-          title: "Advanced Analytics",
-          description: "Predictive insights into portfolio health.",
-        },
+        { icon: Shield, title: "Secure Vault", description: "Bank-level encryption for all lease and payment data." },
+        { icon: Zap, title: "Automated Billing", description: "Zero-touch invoice generation and rent collection." },
+        { icon: BarChart, title: "Advanced Analytics", description: "Predictive insights into portfolio health." },
       ]}
       title="Why Industry Leaders Choose PropFlow"
       description="Unmatched reliability for high-stakes property operations."
@@ -260,41 +127,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Elena Vance",
-          handle: "@evance",
-          testimonial: "PropFlow has saved our team over 20 hours a week on manual billing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",
-        },
-        {
-          id: "2",
-          name: "Marcus Thorne",
-          handle: "@mthorne",
-          testimonial: "The predictive analytics module is a complete game changer for our expansion strategy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
-        },
-        {
-          id: "3",
-          name: "Sarah Jenkins",
-          handle: "@sjenkins",
-          testimonial: "Intuitive, fast, and incredibly reliable. Exactly what we needed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037865.jpg",
-        },
-        {
-          id: "4",
-          name: "David Wu",
-          handle: "@dwu",
-          testimonial: "Finally, a platform that understands the scale of my enterprise portfolio.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sensual-blond-female-dressed-purple-jacket-isolated-dark-grey-background_613910-141.jpg",
-        },
-        {
-          id: "5",
-          name: "Linda Gray",
-          handle: "@lgray",
-          testimonial: "Responsive support and constant feature updates make this a superior tool.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
-        },
+        { id: "1", name: "Elena Vance", handle: "@evance", testimonial: "PropFlow has saved our team over 20 hours a week on manual billing.", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg" },
+        { id: "2", name: "Marcus Thorne", handle: "@mthorne", testimonial: "The predictive analytics module is a complete game changer for our expansion strategy.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
+        { id: "3", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Intuitive, fast, and incredibly reliable. Exactly what we needed.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037865.jpg" },
+        { id: "4", name: "David Wu", handle: "@dwu", testimonial: "Finally, a platform that understands the scale of my enterprise portfolio.", imageSrc: "http://img.b2bpic.net/free-photo/sensual-blond-female-dressed-purple-jacket-isolated-dark-grey-background_613910-141.jpg" },
+        { id: "5", name: "Linda Gray", handle: "@lgray", testimonial: "Responsive support and constant feature updates make this a superior tool.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg" },
       ]}
       title="Proven by Professionals"
       description="Hear how property managers and investors leverage PropFlow to drive results."
@@ -307,54 +144,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",
-          tag: "Essential",
-          price: "$199",
-          period: "/mo",
-          description: "Perfect for growing portfolios.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Included",
-          features: [
-            "50 units",
-            "Basic billing",
-            "Tenant portal",
-          ],
-        },
-        {
-          id: "pro",
-          tag: "Professional",
-          price: "$499",
-          period: "/mo",
-          description: "For high-scale operators.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Everything in Essential plus",
-          features: [
-            "Unlimited units",
-            "Advanced reporting",
-            "API access",
-          ],
-        },
-        {
-          id: "ent",
-          tag: "Enterprise",
-          price: "Custom",
-          period: "",
-          description: "Tailored solutions for your brand.",
-          button: {
-            text: "Contact Sales",
-          },
-          featuresTitle: "Everything in Pro plus",
-          features: [
-            "Dedicated support",
-            "Custom integrations",
-            "SLA",
-          ],
-        },
+        { id: "basic", tag: "Essential", price: "$199", period: "/mo", description: "Perfect for growing portfolios.", button: { text: "Get Started" }, featuresTitle: "Included", features: ["50 units", "Basic billing", "Tenant portal"] },
+        { id: "pro", tag: "Professional", price: "$499", period: "/mo", description: "For high-scale operators.", button: { text: "Get Started" }, featuresTitle: "Everything in Essential plus", features: ["Unlimited units", "Advanced reporting", "API access"] },
+        { id: "ent", tag: "Enterprise", price: "Custom", period: "", description: "Tailored solutions for your brand.", button: { text: "Contact Sales" }, featuresTitle: "Everything in Pro plus", features: ["Dedicated support", "Custom integrations", "SLA"] },
       ]}
       title="Scale with Confidence"
       description="Transparent pricing for portfolios of all sizes."
@@ -364,9 +156,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Ready to scale?"
       title="Request a platform demo"
       description="Get a personalized tour of our operational tools."
@@ -379,45 +169,9 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="PropFlow"
       columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Support",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+        { title: "Company", items: [{ label: "About", href: "#" }, { label: "Support", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
       copyrightText="© 2024 PropFlow Technologies"
     />