Update src/app/page.tsx

This commit is contained in:
2026-03-03 17:19:16 +00:00
parent 2c7992f3d4
commit 89c490602b

View File

@@ -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 (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSizeMediumTitles"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
background="aurora"
cardStyle="glass-depth"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Report Desk"
navItems={navItems}
button={{ text: "Start Your Free Pilot", href: "#contact" }}
button={{ text: "Start Your Free Pilot", href: "/contact" }}
/>
</div>
@@ -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"},
]}
/>
</div>
@@ -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() {
</div>
</ThemeProvider>
);
}
}