232 lines
13 KiB
TypeScript
232 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Zap, TrendingUp, DollarSign, CheckCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="sharp"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="inset-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="Workflow"
|
|
button={{
|
|
text: "Book a Demo", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Automate your workflows. Save thousands in overhead."
|
|
description="Eliminate manual tasks. Connect your tools. Run your business on autopilot. Built for teams scaling from 5 to 500."
|
|
tag="Workflow Automation"
|
|
buttons={[
|
|
{
|
|
text: "Book a Demo", href: "contact"
|
|
},
|
|
{
|
|
text: "View Pricing", href: "pricing"
|
|
}
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg", imageAlt: "Automation workflow dashboard"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg", imageAlt: "Process integration visualization"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg", imageAlt: "Team collaboration platform"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "Analytics and reporting interface"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908079.jpg", imageAlt: "API integration framework"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg", imageAlt: "Efficiency optimization results"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
<FeatureCardEight
|
|
title="Four steps to automation"
|
|
description="Get from zero to fully automated in under 24 hours."
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Connect Tools", description: "Link your existing apps—Slack, Salesforce, HubSpot, Stripe, and 500+ more. Native integrations or custom webhooks.", imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Define Workflows", description: "Set rules in plain English. If X happens, do Y. No code required. Drag-and-drop builder with templates.", imageSrc: "https://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Run & Monitor", description: "Workflows execute instantly. Real-time logs and error handling. Audit trail for compliance.", imageSrc: "https://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Scale Effortlessly", description: "From 1 workflow to 1,000. Handles millions of actions per month. Always available, zero downtime.", imageSrc: "https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
title="Backed by numbers"
|
|
description="Proven impact for teams that matter."
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", icon: Zap,
|
|
title: "Hours Saved", value: "40+ hrs/mo"
|
|
},
|
|
{
|
|
id: "2", icon: TrendingUp,
|
|
title: "Productivity Gain", value: "3.2x faster"
|
|
},
|
|
{
|
|
id: "3", icon: DollarSign,
|
|
title: "Cost Reduction", value: "$85k/year"
|
|
},
|
|
{
|
|
id: "4", icon: CheckCircle,
|
|
title: "Error Reduction", value: "99.9% accuracy"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What customers say"
|
|
description="Real feedback from the teams using our platform."
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen, COO at TechScale", date: "Date: 12 November 2024", title: "This tool paid for itself in week one.", quote: "Our team was drowning in manual data entry. Within 48 hours of setup, we eliminated 80% of repetitive work. ROI was immediate—we're processing 10x the volume with the same headcount.", tag: "Enterprise", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg", imageSrc: "https://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908079.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Rodriguez, VP Engineering at FinTech Collective", date: "Date: 18 November 2024", title: "The integration was seamless. The support team is exceptional.", quote: "We integrated our entire stack in a weekend. The platform is bulletproof—zero failures in production. Every integration works exactly as promised. Highly recommend.", tag: "Mid-Market", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-woman-wearing-formal-suit_23-2148937763.jpg", imageSrc: "https://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Lisa Park, Operations Director at Growth Labs", date: "Date: 25 November 2024", title: "Our compliance team loves the audit trails.", quote: "For regulated industries, the logging and compliance features are critical. Everything is documented, timestamped, and auditable. This is the only tool that meets our security requirements.", tag: "Compliance", avatarSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg", imageSrc: "https://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "James Wu, Founder at Velocity Systems", date: "Date: 02 December 2024", title: "Freed up our best people to do real work.", quote: "I was watching brilliant engineers waste time on busywork. We deployed this, automated the repetitive stuff, and suddenly they could focus on building. It's been transformative.", tag: "Startup", avatarSrc: "https://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg", imageSrc: "https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"
|
|
},
|
|
{
|
|
id: "5", name: "Priya Kapoor, CTO at DataWorks Inc", date: "Date: 08 December 2024", title: "The best investment we made this year.", quote: "Cost savings alone exceeded our annual budget. But the real win is the operational resilience—we sleep better at night knowing systems run reliably without manual intervention.", tag: "Enterprise", avatarSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg"
|
|
},
|
|
{
|
|
id: "6", name: "David Thompson, Head of Operations at StreamCorp", date: "Date: 15 December 2024", title: "Exactly what we needed. No bloat, no nonsense.", quote: "Too many tools promise the world and deliver complexity. This one is refreshingly simple. Powerful automation, minimal learning curve, transparent pricing. Everything works.", tag: "Mid-Market", avatarSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", imageSrc: "https://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to eliminate manual work? Let's get you running in 24 hours."
|
|
animationType="reveal-blur"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{
|
|
text: "Book a Demo", href: "contact"
|
|
},
|
|
{
|
|
text: "View Plans", href: "pricing"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-vector/technology-background_1035-1272.jpg"
|
|
imageAlt="Workflow automation technology"
|
|
logoText="Workflow"
|
|
copyrightText="© 2025 Workflow. Built for teams that move fast."
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{
|
|
label: "Features", href: "#features"
|
|
},
|
|
{
|
|
label: "Integrations", href: "#integrations"
|
|
},
|
|
{
|
|
label: "Pricing", href: "#pricing"
|
|
},
|
|
{
|
|
label: "Security", href: "#security"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About", href: "#about"
|
|
},
|
|
{
|
|
label: "Blog", href: "#blog"
|
|
},
|
|
{
|
|
label: "Careers", href: "#careers"
|
|
},
|
|
{
|
|
label: "Contact", href: "#contact"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "Documentation", href: "#docs"
|
|
},
|
|
{
|
|
label: "API Reference", href: "#api"
|
|
},
|
|
{
|
|
label: "Community", href: "#community"
|
|
},
|
|
{
|
|
label: "Status", href: "#status"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |