Update src/app/page.tsx
This commit is contained in:
171
src/app/page.tsx
171
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 (
|
||||
<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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user