6 Commits

Author SHA1 Message Date
f740e6cef6 Update src/app/page.tsx 2026-03-03 17:57:46 +00:00
c7dcf0fa14 Update src/app/styles/variables.css 2026-03-03 17:46:51 +00:00
5673c28ab4 Update src/app/styles/base.css 2026-03-03 17:46:50 +00:00
a2ec36009a Update src/app/page.tsx 2026-03-03 17:46:49 +00:00
69435f2281 Update src/app/layout.tsx 2026-03-03 17:46:48 +00:00
27f5f13ccb Merge version_1 into main
Merge version_1 into main
2026-03-03 17:30:34 +00:00
4 changed files with 83 additions and 60 deletions

View File

@@ -1,18 +1,12 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Nunito_Sans } from "next/font/google"; import { DM_Sans } from "next/font/google";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const nunitoSans = Nunito_Sans({ const dmSans = DM_Sans({
variable: "--font-nunito-sans", subsets: ["latin"], variable: "--font-dm-sans", subsets: ["latin"],
});
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
}); });
const inter = Inter({ const inter = Inter({
@@ -47,7 +41,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={`${nunitoSans.variable} ${halant.variable} ${inter.variable} antialiased`} className={`${dmSans.variable} ${inter.variable} antialiased`}
> >
<Tag /> <Tag />
{children} {children}

View File

@@ -10,21 +10,21 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix"; import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import ContactCenter from "@/components/sections/contact/ContactCenter"; import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Award, CheckCircle, Mail, Sparkles, Star, Zap } from "lucide-react"; import { Award, CheckCircle, Mail, Sparkles, Star, Zap, Database, Workflow, Box, MapPin, Upload, Users } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="icon-arrow" defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="soft" borderRadius="pill"
contentWidth="compact" contentWidth="compact"
sizing="largeSmallSizeMediumTitles" sizing="largeSmallSizeMediumTitles"
background="floatingGradient" background="none"
cardStyle="glass-elevated" cardStyle="glass-elevated"
primaryButtonStyle="radial-glow" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="light" headingFontWeight="medium"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
@@ -43,10 +43,10 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
title="Centralized Machine Maintenance at Scale" title="Centralized Equipment Maintenance Management Platform"
description="Report Desk streamlines equipment issue tracking and maintenance management across your entire network. Eliminate silent failures, accelerate repairs, and gain real-time visibility into asset health without requiring app installations." description="Report Desk streamlines issue tracking, parts inventory, and maintenance workflows across your entire network. Real-time QR-based reporting, complete lifecycle tracking, and seamless integrations with Zapier and Connecteam. No app installation required—operators report issues instantly from any phone."
background={{ variant: "glowing-orb" }} background={{ variant: "plain" }}
tag="No App Installation Required" tag="Modern SaaS for Operations"
tagIcon={Zap} tagIcon={Zap}
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
@@ -54,7 +54,7 @@ export default function LandingPage() {
{ text: "View Demo", href: "https://demo.reportdesk.io" }, { text: "View Demo", href: "https://demo.reportdesk.io" },
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/a-modern-saas-dashboard-interface-for-ma-1772558982100-a0273659.png" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/a-modern-saas-dashboard-interface-for-ma-1772558982100-a0273659.png?_wi=1"
imageAlt="Report Desk maintenance dashboard interface" imageAlt="Report Desk maintenance dashboard interface"
imagePosition="right" imagePosition="right"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -64,8 +64,8 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<MediaAbout <MediaAbout
title="The Problem with Silent Failures" title="Service Overview: Unified Maintenance Operations"
description="Equipment operators managing multiple locations face critical visibility gaps. Machines stop generating revenue without anyone knowing. Maintenance data is scattered. Issue resolution takes weeks instead of days. Report Desk bridges this gap with instant QR-based reporting, unified maintenance history, and complete lifecycle tracking." description="Report Desk powers maintenance operations for car washes, laundromats, vending kiosks, and multi-location service businesses. Our platform eliminates information silos with instant issue reporting, centralized maintenance history, complete equipment lifecycle tracking from purchase to retirement, part cost analysis, and real-time visibility into asset health. Integrate seamlessly with Zapier for workflow automation and Connecteam for team coordination."
tag="Why Report Desk" tag="Why Report Desk"
tagIcon={CheckCircle} tagIcon={CheckCircle}
buttons={[{ text: "Learn More", href: "#features" }]} buttons={[{ text: "Learn More", href: "#features" }]}
@@ -77,8 +77,8 @@ export default function LandingPage() {
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwentyThree <FeatureCardTwentyThree
title="Core Platform Features" title="Core Platform Features & Complete Lifecycle Tracking"
description="Everything you need to manage equipment maintenance across your entire network, from reporting to parts tracking." description="Everything you need to manage equipment maintenance, from instant reporting to detailed lifecycle analytics, parts tracking, and multi-location operations with advanced metadata management."
tag="Capabilities" tag="Capabilities"
tagIcon={Sparkles} tagIcon={Sparkles}
textboxLayout="default" textboxLayout="default"
@@ -86,31 +86,60 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
features={[ features={[
{ {
id: "1", title: "QR-Based Instant Reporting", tags: ["No Installation", "Real-Time"], id: "1", title: "QR-Based Instant Reporting", tags: ["No Installation", "Real-Time", "Mobile First"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/a-mobile-phone-screen-showing-a-qr-code--1772558981265-d7b22381.png?_wi=2", imageAlt: "QR scanning interface for instant issue reporting"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/a-mobile-phone-screen-showing-a-qr-code--1772558981265-d7b22381.png?_wi=2", imageAlt: "QR scanning interface for instant issue reporting"},
{ {
id: "2", title: "Complete Lifecycle Tracking", tags: ["Purchase to Retirement", "ROI Analytics"], id: "2", title: "Complete Lifecycle Tracking", tags: ["Purchase to Retirement", "ROI Analytics", "Cost Per Machine"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/key-performance-metric-visualizations-sh-1772558981232-ce89bd13.png", imageAlt: "Equipment lifecycle and ROI tracking metrics"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/key-performance-metric-visualizations-sh-1772558981232-ce89bd13.png?_wi=1", imageAlt: "Equipment lifecycle and ROI tracking metrics"},
{ {
id: "3", title: "Parts & Inventory Management", tags: ["Installation Tracking", "Cost Analysis"], id: "3", title: "Parts & Inventory Management", tags: ["Installation Tracking", "Cost Analysis", "Supplier Integration"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/a-parts-and-inventory-management-interfa-1772558983143-c16d841b.png", imageAlt: "Parts inventory and tracking interface"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/a-parts-and-inventory-management-interfa-1772558983143-c16d841b.png", imageAlt: "Parts inventory and tracking interface"},
{ {
id: "4", title: "Location Database & Network", tags: ["Multi-Site", "Contact Management"], id: "4", title: "Location Database & Network Management", tags: ["Multi-Site", "Contact Management", "Geographic Mapping"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/a-geographic-map-interface-displaying-mu-1772558981923-07d4473b.png", imageAlt: "Geographic location and facility network map"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/a-geographic-map-interface-displaying-mu-1772558981923-07d4473b.png?_wi=1", imageAlt: "Geographic location and facility network map"},
{ {
id: "5", title: "Bulk Data Management", tags: ["Excel Integration", "Quick Setup"], id: "5", title: "Bulk Data Management & Excel Integration", tags: ["Batch Import", "Quick Setup", "Data Migration"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/a-workflow-automation-interface-showing--1772558982042-081586b4.png?_wi=1", imageAlt: "Data import and automation workflow"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/a-workflow-automation-interface-showing--1772558982042-081586b4.png?_wi=1", imageAlt: "Data import and automation workflow"},
{ {
id: "6", title: "Professional Staff Workflows", tags: ["Internal Teams", "Documentation"], id: "6", title: "Step-by-Step Onboarding & Staff Workflows", tags: ["Guided Setup", "Internal Teams", "Documentation"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/a-workflow-automation-interface-showing--1772558982042-081586b4.png?_wi=2", imageAlt: "Staff issue reporting and documentation interface"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/a-workflow-automation-interface-showing--1772558982042-081586b4.png?_wi=2", imageAlt: "Staff onboarding and documentation interface"},
{
id: "7", title: "Complete Metadata & Audit Tracking", tags: ["Maintenance History", "Service Records", "Compliance"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/key-performance-metric-visualizations-sh-1772558981232-ce89bd13.png?_wi=2", imageAlt: "Metadata tracking and audit history interface"},
{
id: "8", title: "Zapier & Connecteam Integrations", tags: ["Workflow Automation", "Team Sync", "Custom Workflows"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/a-workflow-automation-interface-showing--1772558982042-081586b4.png?_wi=1", imageAlt: "Integration workflow automation interface"},
]}
/>
</div>
<div id="industries" data-section="industries">
<FeatureCardTwentyThree
title="Target Industries"
description="Report Desk is purpose-built for service and operations businesses with distributed equipment networks. Perfect for operators managing multiple locations requiring real-time visibility and coordinated maintenance."
tag="Industries"
tagIcon={Award}
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
id: "1", title: "Car Washes", tags: ["Multi-Bay Systems", "Seasonal Peaks"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/a-modern-saas-dashboard-interface-for-ma-1772558982100-a0273659.png?_wi=2", imageAlt: "Car wash equipment management"},
{
id: "2", title: "Laundromats", tags: ["24/7 Operations", "Revenue Loss Visibility"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/a-mobile-phone-screen-showing-a-qr-code--1772558981265-d7b22381.png?_wi=1", imageAlt: "Laundromat operations dashboard"},
{
id: "3", title: "Vending Kiosks", tags: ["Distributed Network", "Quick Response"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARcaaQYWcFcmfuUJAWR2nqbnsa/a-geographic-map-interface-displaying-mu-1772558981923-07d4473b.png?_wi=2", imageAlt: "Vending kiosk location tracking"},
]} ]}
/> />
</div> </div>
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardOne <PricingCardOne
title="Simple, Transparent Pricing" title="Flexible Pricing for Pilot & Enterprise"
description="Start with a free pilot and scale as you grow. Pre-pilot pricing available—rates subject to change after pilot phase concludes." description="Start with our free pilot program and scale as you grow. Enterprise pricing available with custom features, dedicated support, and advanced integrations. Rates subject to change after pilot completion."
tag="Pilot Program" tag="Pilot Program"
tagIcon={Sparkles} tagIcon={Sparkles}
textboxLayout="default" textboxLayout="default"
@@ -118,19 +147,19 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
plans={[ plans={[
{ {
id: "pilot", badge: "Current Phase", badgeIcon: Zap, id: "pilot", badge: "Free Pilot", badgeIcon: Zap,
price: "Free", subtitle: "Start your pilot program", features: [ price: "Free", subtitle: "Start your pilot program today", features: [
"QR-based issue reporting", "Up to 50 machines", "Single location", "Basic maintenance history", "Email support"], "QR-based issue reporting", "Up to 50 machines", "Single location", "Basic maintenance history", "Email support", "30-day trial access"],
}, },
{ {
id: "pro", badge: "Popular", badgeIcon: Sparkles, id: "pro", badge: "Popular for Growing Ops", badgeIcon: Sparkles,
price: "Custom", subtitle: "For growing operations", features: [ price: "Custom", subtitle: "For growing operations", features: [
"Unlimited machines", "Multiple locations", "Parts inventory tracking", "Advanced analytics & ROI", "Priority support", "Staff workflows", "Custom integrations"], "Unlimited machines", "Multiple locations", "Complete parts inventory", "Advanced analytics & ROI", "Priority support", "Staff workflows", "Zapier & Connecteam integration", "Custom metadata fields"],
}, },
{ {
id: "enterprise", badge: "Enterprise", badgeIcon: CheckCircle, id: "enterprise", badge: "Enterprise", badgeIcon: CheckCircle,
price: "Contact Sales", subtitle: "For large-scale networks", features: [ price: "Contact Sales", subtitle: "For large-scale networks", features: [
"Unlimited everything", "Dedicated account manager", "Custom workflows", "API access", "SLA guarantees", "Advanced security", "On-premise options"], "Unlimited everything", "Dedicated account manager", "Custom workflows", "API access", "SLA guarantees", "Advanced security & SSO", "On-premise deployment options", "24/7 technical support"],
}, },
]} ]}
/> />
@@ -140,7 +169,7 @@ export default function LandingPage() {
<SocialProofOne <SocialProofOne
title="Trusted by Operators Across Industries" title="Trusted by Operators Across Industries"
description="Report Desk powers maintenance operations for car washes, laundromats, vending networks, and kiosks nationwide." description="Report Desk powers maintenance operations for car washes, laundromats, vending networks, and kiosks nationwide."
tag="Partners" tag="Partners & Industry Leaders"
tagIcon={Award} tagIcon={Award}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
@@ -154,7 +183,7 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardSix <TestimonialCardSix
title="What Customers Say" title="What Customers Say"
description="Hear from operations managers and maintenance teams using Report Desk daily." description="Hear from operations managers and maintenance teams using Report Desk to transform their operations."
tag="Customer Stories" tag="Customer Stories"
tagIcon={Star} tagIcon={Star}
textboxLayout="default" textboxLayout="default"
@@ -182,7 +211,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
tag="Get Started" tag="Get Started"
title="Join the Free Pilot Program" title="Join the Free Pilot Program"
description="Start managing your equipment maintenance better today. No credit card required. Get instant access to centralized issue tracking, QR-based reporting, and complete lifecycle visibility across your network." description="Start managing your equipment maintenance better today. No credit card required. Get instant access to centralized issue tracking, QR-based reporting, complete lifecycle visibility, and seamless integrations across your entire network."
tagIcon={Mail} tagIcon={Mail}
background={{ variant: "rotated-rays-animated" }} background={{ variant: "rotated-rays-animated" }}
useInvertedBackground={false} useInvertedBackground={false}

View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-nunito-sans), sans-serif; font-family: var(--font-dm-sans), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-nunito-sans), sans-serif; font-family: var(--font-dm-sans), sans-serif;
} }

View File

@@ -2,23 +2,23 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #f5f4f0;; /* --background: #ffffff;;
--card: #ffffff;; --card: #f9f9f9;;
--foreground: #1a1a1a;; --foreground: #2c2c2c;;
--primary-cta: #2c2c2c;; --primary-cta: #0078d4;;
--secondary-cta: #f5f4f0;; --secondary-cta: #f5f5f5;;
--accent: #8a8a8a;; --accent: #ff8c42;;
--background-accent: #e8e6e1;; */ --background-accent: #e6f2ff;; */
--background: #f5f4f0;; --background: #ffffff;;
--card: #ffffff;; --card: #f9f9f9;;
--foreground: #1a1a1a;; --foreground: #2c2c2c;;
--primary-cta: #2c2c2c;; --primary-cta: #0078d4;;
--primary-cta-text: #f5f4f0;; --primary-cta-text: #f5f4f0;;
--secondary-cta: #f5f4f0;; --secondary-cta: #f5f5f5;;
--secondary-cta-text: #1a1a1a;; --secondary-cta-text: #1a1a1a;;
--accent: #8a8a8a;; --accent: #ff8c42;;
--background-accent: #e8e6e1;; --background-accent: #e6f2ff;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);