From 89c490602bc678f2a53e4490d4e7d744bc597052 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 17:19:16 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 171 +++++++++++++---------------------------------- 1 file changed, 46 insertions(+), 125 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 96a7746..af27b1f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -15,37 +15,34 @@ import { Zap, Shield, Workflow, TrendingUp } from "lucide-react"; export default function HomePage() { const navItems = [ - { name: "Features", id: "features" }, - { name: "How It Works", id: "product" }, - { name: "Pricing", id: "pricing" }, - { name: "FAQ", id: "faq" }, - { name: "Contact", id: "contact" }, + { name: "Features", id: "/features" }, + { name: "How It Works", id: "/" }, + { name: "Pricing", id: "/pricing" }, + { name: "FAQ", id: "/contact" }, + { name: "Contact", id: "/contact" }, ]; const footerColumns = [ { - title: "Product", - items: [ - { label: "Features", href: "features" }, - { label: "Pricing", href: "pricing" }, + title: "Product", items: [ + { label: "Features", href: "/features" }, + { label: "Pricing", href: "/pricing" }, { label: "Security", href: "#" }, { label: "Integrations", href: "#" }, ], }, { - title: "Resources", - items: [ + title: "Resources", items: [ { label: "Documentation", href: "#" }, { label: "API Reference", href: "#" }, { label: "Blog", href: "#" }, - { label: "Support", href: "contact" }, + { label: "Support", href: "/contact" }, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "#" }, - { label: "Contact", href: "contact" }, + { label: "Contact", href: "/contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, ], @@ -54,22 +51,22 @@ export default function HomePage() { return ( @@ -79,13 +76,13 @@ export default function HomePage() { description="Report Desk turns silent equipment failures into instant action. Scan a QR code, log a problem, and connect your entire operation—from field staff to maintenance history to parts inventory—in one centralized platform." tag="No App Required" tagIcon={Zap} - background={{ variant: "circleGradient" }} + background={{ variant: "aurora" }} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-modern-clean-saas-dashboard-interface--1772557690233-9b9ea617.png" imageAlt="Report Desk Dashboard Interface" imagePosition="right" mediaAnimation="slide-up" buttons={[ - { text: "Start Your Free Pilot", href: "#contact" }, + { text: "Start Your Free Pilot", href: "/contact" }, { text: "Watch Demo", href: "#" }, ]} buttonAnimation="slide-up" @@ -99,37 +96,13 @@ export default function HomePage() { tag="Core Features" features={[ { - id: "qr-scanning", - title: "Instant QR Code Reporting", - description: "Operators scan machine QR codes with any smartphone. No app installation. Problem logged in seconds.", - tag: "Zero Friction", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-mobile-phone-screen-showing-a-qr-code--1772557690524-09929a11.png?_wi=1", - imageAlt: "QR Code Scanning Interface", - }, + id: "qr-scanning", title: "Instant QR Code Reporting", description: "Operators scan machine QR codes with any smartphone. No app installation. Problem logged in seconds.", tag: "Zero Friction", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-mobile-phone-screen-showing-a-qr-code--1772557690524-09929a11.png?_wi=1", imageAlt: "QR Code Scanning Interface"}, { - id: "real-time-tracking", - title: "Real-Time Equipment Status", - description: "Operations managers see live updates on every machine. Alert prioritization. Status dashboards by location.", - tag: "Live Visibility", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-comprehensive-real-time-dashboard-show-1772557692130-29c8454c.png?_wi=1", - imageAlt: "Real-Time Dashboard", - }, + id: "real-time-tracking", title: "Real-Time Equipment Status", description: "Operations managers see live updates on every machine. Alert prioritization. Status dashboards by location.", tag: "Live Visibility", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-comprehensive-real-time-dashboard-show-1772557692130-29c8454c.png?_wi=1", imageAlt: "Real-Time Dashboard"}, { - id: "maintenance-history", - title: "Complete Maintenance History", - description: "Every repair, part replacement, and technician note attached to the machine. Fast diagnostics. Predictive insights.", - tag: "Full Context", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-detailed-maintenance-history-timeline--1772557690909-7c7cf474.png?_wi=1", - imageAlt: "Maintenance History Timeline", - }, + id: "maintenance-history", title: "Complete Maintenance History", description: "Every repair, part replacement, and technician note attached to the machine. Fast diagnostics. Predictive insights.", tag: "Full Context", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-detailed-maintenance-history-timeline--1772557690909-7c7cf474.png?_wi=1", imageAlt: "Maintenance History Timeline"}, { - id: "parts-inventory", - title: "Integrated Parts & Inventory", - description: "Track spare parts across locations. Auto-reorder alerts. Reduce downtime. Optimize budget spending.", - tag: "Smart Inventory", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/an-intelligent-inventory-management-syst-1772557691046-5b2f560f.png", - imageAlt: "Parts Inventory Management", - }, + id: "parts-inventory", title: "Integrated Parts & Inventory", description: "Track spare parts across locations. Auto-reorder alerts. Reduce downtime. Optimize budget spending.", tag: "Smart Inventory", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/an-intelligent-inventory-management-syst-1772557691046-5b2f560f.png", imageAlt: "Parts Inventory Management"}, ]} textboxLayout="default" useInvertedBackground={false} @@ -147,24 +120,16 @@ export default function HomePage() { useInvertedBackground={true} bulletPoints={[ { - title: "Designed for Zero Friction", - description: "No app downloads. No training required. Field staff adopt instantly because it works like they already think.", - icon: Zap, + title: "Designed for Zero Friction", description: "No app downloads. No training required. Field staff adopt instantly because it works like they already think.", icon: Zap, }, { - title: "Enterprise-Grade Reliability", - description: "Built for mission-critical operations. 99.9% uptime. Works offline. Syncs automatically when connected.", - icon: Shield, + title: "Enterprise-Grade Reliability", description: "Built for mission-critical operations. 99.9% uptime. Works offline. Syncs automatically when connected.", icon: Shield, }, { - title: "Integration Ready", - description: "Connect to Zapier, Connecteam, and your existing tools. Your data flows where it needs to go.", - icon: Workflow, + title: "Integration Ready", description: "Connect to Zapier, Connecteam, and your existing tools. Your data flows where it needs to go.", icon: Workflow, }, { - title: "ROI in Weeks", - description: "Reduce mean time to repair (MTTR). Minimize silent failures. Protect revenue. See payback fast.", - icon: TrendingUp, + title: "ROI in Weeks", description: "Reduce mean time to repair (MTTR). Minimize silent failures. Protect revenue. See payback fast.", icon: TrendingUp, }, ]} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-team-collaboration-interface-showing-o-1772557690395-797f70b5.png?_wi=1" @@ -183,37 +148,21 @@ export default function HomePage() { useInvertedBackground={false} logos={[ { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-large-eq-1772557688616-0148851e.png", - alt: "Acme Equipment Group", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-large-eq-1772557688616-0148851e.png", alt: "Acme Equipment Group"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-technolo-1772557688817-0b9ef049.png", - alt: "TechFlow Operations", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-technolo-1772557688817-0b9ef049.png", alt: "TechFlow Operations"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-an-innovat-1772557689587-cb86315e.png", - alt: "Innovate Fleet Services", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-an-innovat-1772557689587-cb86315e.png", alt: "Innovate Fleet Services"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-cloud-op-1772557688873-d070161a.png", - alt: "CloudOps Solutions", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-cloud-op-1772557688873-d070161a.png", alt: "CloudOps Solutions"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-field-se-1772557688762-3d46bc2b.png", - alt: "FieldPro Mobile", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-field-se-1772557688762-3d46bc2b.png", alt: "FieldPro Mobile"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-maintena-1772557689785-4d979a48.png", - alt: "MaintIQ Intelligence", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-maintena-1772557689785-4d979a48.png", alt: "MaintIQ Intelligence"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-an-asset-t-1772557688555-775d15fd.png", - alt: "AssetTrack", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-an-asset-t-1772557688555-775d15fd.png", alt: "AssetTrack"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-workflow-1772557688889-2aa4bc65.png", - alt: "Workflows Automation", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-workflow-1772557688889-2aa4bc65.png", alt: "Workflows Automation"}, ]} speed={40} showCard={true} @@ -231,33 +180,13 @@ export default function HomePage() { animationType="slide-up" products={[ { - id: "step-1", - name: "1. Scan & Report", - price: "Field Staff", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-mobile-phone-screen-showing-a-qr-code--1772557690524-09929a11.png?_wi=2", - imageAlt: "QR Code Scanning", - }, + id: "step-1", name: "1. Scan & Report", price: "Field Staff", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-mobile-phone-screen-showing-a-qr-code--1772557690524-09929a11.png?_wi=2", imageAlt: "QR Code Scanning"}, { - id: "step-2", - name: "2. Instant Notification", - price: "Ops Managers", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-comprehensive-real-time-dashboard-show-1772557692130-29c8454c.png?_wi=2", - imageAlt: "Real-Time Alerts", - }, + id: "step-2", name: "2. Instant Notification", price: "Ops Managers", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-comprehensive-real-time-dashboard-show-1772557692130-29c8454c.png?_wi=2", imageAlt: "Real-Time Alerts"}, { - id: "step-3", - name: "3. Dispatch & Track", - price: "Technicians", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-field-maintenance-technician-using-a-m-1772557689967-7f7819ba.png", - imageAlt: "Field Dispatch", - }, + id: "step-3", name: "3. Dispatch & Track", price: "Technicians", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-field-maintenance-technician-using-a-m-1772557689967-7f7819ba.png", imageAlt: "Field Dispatch"}, { - id: "step-4", - name: "4. Log & Optimize", - price: "All Users", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-detailed-parts-inventory-management-in-1772557691291-3d075487.png", - imageAlt: "Historical Analysis", - }, + id: "step-4", name: "4. Log & Optimize", price: "All Users", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/a-detailed-parts-inventory-management-in-1772557691291-3d075487.png", imageAlt: "Historical Analysis"}, ]} /> @@ -269,21 +198,13 @@ export default function HomePage() { author="Sarah Mitchell, Operations Director at LaundroChain" avatars={[ { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-headshot-of-an-operations-m-1772557688837-93ca015e.png", - alt: "Sarah Mitchell", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-headshot-of-an-operations-m-1772557688837-93ca015e.png", alt: "Sarah Mitchell"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-headshot-of-a-maintenance-t-1772557689510-56e43c1d.png", - alt: "Team Member 2", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-headshot-of-a-maintenance-t-1772557689510-56e43c1d.png", alt: "Team Member 2"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-headshot-of-a-business-owne-1772557690072-f310a14a.png", - alt: "Team Member 3", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-headshot-of-a-business-owne-1772557690072-f310a14a.png", alt: "Team Member 3"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-headshot-of-a-fleet-supervi-1772557689241-e298a522.png", - alt: "Team Member 4", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-headshot-of-a-fleet-supervi-1772557689241-e298a522.png", alt: "Team Member 4"}, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -296,7 +217,7 @@ export default function HomePage() { tag="Get Started" title="Start Your Free Pilot Today" description="No credit card required. See Report Desk transform your operations in 2 weeks. Schedule a brief demo with our team." - background={{ variant: "circleGradient" }} + background={{ variant: "aurora" }} useInvertedBackground={false} inputPlaceholder="Enter your work email" buttonText="Start Free Pilot" @@ -313,4 +234,4 @@ export default function HomePage() { ); -} \ No newline at end of file +}