bender/6a8b4349-9186-498b-9bb1-4aac6df6dfa4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-10 18:17:05 +00:00
parent 7b4f3db0c8
commit ffabbf53af
1 changed files with 53 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
src/app/page.tsx
View File

@@ -10,13 +10,11 @@ import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCar
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import {
Sparkles,
TrendingUp,
MessageCircle,
Award,
HelpCircle,
Webhook,
Globe,
Zap,
@@ -52,9 +50,9 @@ const HomePage = () => {
brandName="Replit Automation"
navItems={[
{ name: "Features", id: "/features" },
{ name: "About", id: "about" },
{ name: "Pricing", id: "pricing" },
{ name: "Docs", id: "https://docs.example.com" },
{ name: "About", id: "/about" },
{ name: "Pricing", id: "/pricing" },
{ name: "Docs", id: "/docs" },
{ name: "Contact", id: "contact" },
]}
/>
@@ -65,20 +63,14 @@ const HomePage = () => {
<HeroCentered
title="Build Powerful Automation Workflows Visually"
description="Create complex automation workflows with an intuitive drag-and-drop canvas. Connect nodes, configure properties, and execute workflows in real-time with instant feedback."
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "sparkles-gradient" }}
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-software-engi-1773159223352-fa9579a8.jpg",
alt: "Engineer 1",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-software-engi-1773159223352-fa9579a8.jpg", alt: "Engineer 1"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-product-manag-1773159224806-5ee55511.png",
alt: "Manager",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-product-manag-1773159224806-5ee55511.png", alt: "Manager"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-devops-engine-1773159223841-b1c40d63.png",
alt: "Engineer 2",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-devops-engine-1773159223841-b1c40d63.png", alt: "Engineer 2"},
]}
avatarText="Trusted by 500+ developers building automation"
buttons={[
@@ -100,53 +92,30 @@ const HomePage = () => {
tagAnimation="slide-up"
features={[
{
title: "Infinite Canvas",
description:
"Pan and zoom freely across unlimited workspace to organize complex workflows",
bentoComponent: "globe",
},
title: "Infinite Canvas", description:
"Pan and zoom freely across unlimited workspace to organize complex workflows", bentoComponent: "globe"},
{
title: "Real-Time Execution",
description:
"Watch nodes highlight in real-time as workflows execute with instant status updates",
bentoComponent: "animated-bar-chart",
},
title: "Real-Time Execution", description:
"Watch nodes highlight in real-time as workflows execute with instant status updates", bentoComponent: "animated-bar-chart"},
{
title: "Node Library",
description:
"Access webhook triggers, HTTP requests, JSON transformers, schedulers, and custom nodes",
bentoComponent: "3d-stack-cards",
items: [
title: "Node Library", description:
"Access webhook triggers, HTTP requests, JSON transformers, schedulers, and custom nodes", bentoComponent: "3d-stack-cards", items: [
{
icon: Webhook,
title: "Webhook Trigger",
subtitle: "Trigger workflows",
detail: "From HTTP requests",
},
title: "Webhook Trigger", subtitle: "Trigger workflows", detail: "From HTTP requests"},
{
icon: Globe,
title: "HTTP Request",
subtitle: "Make API calls",
detail: "GET, POST, PUT, DELETE",
},
title: "HTTP Request", subtitle: "Make API calls", detail: "GET, POST, PUT, DELETE"},
{
icon: Zap,
title: "Transform Data",
subtitle: "JSON Processing",
detail: "Parse and modify data",
},
title: "Transform Data", subtitle: "JSON Processing", detail: "Parse and modify data"},
],
},
{
title: "Configuration Panel",
description:
"Edit node properties with an intuitive side panel for each node type",
bentoComponent: "phone",
statusIcon: Lock,
title: "Configuration Panel", description:
"Edit node properties with an intuitive side panel for each node type", bentoComponent: "phone", statusIcon: Lock,
alertIcon: Bell,
alertTitle: "Config Updated",
alertMessage: "Your node settings have been saved",
apps: [
alertTitle: "Config Updated", alertMessage: "Your node settings have been saved", apps: [
{ name: "Settings", icon: Settings },
{ name: "Data", icon: Database },
{ name: "Logic", icon: GitBranch },
@@ -158,28 +127,16 @@ const HomePage = () => {
],
},
{
title: "Execution Logs",
description:
"View detailed execution output and debugging information for each workflow run",
bentoComponent: "timeline",
heading: "Execution Flow",
subheading: "Track workflow progress",
items: [
title: "Execution Logs", description:
"View detailed execution output and debugging information for each workflow run", bentoComponent: "timeline", heading: "Execution Flow", subheading: "Track workflow progress", items: [
{
label: "Webhook Received",
detail: "Triggered at 14:32:15",
},
label: "Webhook Received", detail: "Triggered at 14:32:15"},
{
label: "HTTP Request Sent",
detail: "POST to /api/data completed",
},
label: "HTTP Request Sent", detail: "POST to /api/data completed"},
{
label: "Data Transformed",
detail: "JSON processing finished",
},
label: "Data Transformed", detail: "JSON processing finished"},
],
completedLabel: "Workflow Completed",
},
completedLabel: "Workflow Completed"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -214,25 +171,13 @@ const HomePage = () => {
tagAnimation="slide-up"
metrics={[
{
id: "1",
value: "500K+",
description: "Workflows Created",
},
id: "1", value: "500K+", description: "Workflows Created"},
{
id: "2",
value: "50M+",
description: "Executions Per Month",
},
id: "2", value: "50M+", description: "Executions Per Month"},
{
id: "3",
value: "99.9%",
description: "Platform Uptime",
},
id: "3", value: "99.9%", description: "Platform Uptime"},
{
id: "4",
value: "2.5K+",
description: "Active Teams",
},
id: "4", value: "2.5K+", description: "Active Teams"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -253,65 +198,29 @@ const HomePage = () => {
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Sarah Chen",
handle: "@dataengineer",
testimonial:
"The visual workflow builder is intuitive and powerful. We reduced our data pipeline setup time by 80% using this platform.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-software-engi-1773159223352-fa9579a8.jpg?_wi=1",
imageAlt: "Sarah Chen",
},
id: "1", name: "Sarah Chen", handle: "@dataengineer", testimonial:
"The visual workflow builder is intuitive and powerful. We reduced our data pipeline setup time by 80% using this platform.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-software-engi-1773159223352-fa9579a8.jpg?_wi=1", imageAlt: "Sarah Chen"},
{
id: "2",
name: "Marcus Johnson",
handle: "CTO, TechFlow Inc",
testimonial:
"Real-time execution feedback is a game-changer. Our team can now debug workflows instantly without complex logging.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-product-manag-1773159224806-5ee55511.png?_wi=1",
imageAlt: "Marcus Johnson",
},
id: "2", name: "Marcus Johnson", handle: "CTO, TechFlow Inc", testimonial:
"Real-time execution feedback is a game-changer. Our team can now debug workflows instantly without complex logging.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-product-manag-1773159224806-5ee55511.png?_wi=1", imageAlt: "Marcus Johnson"},
{
id: "3",
name: "Elena Rodriguez",
handle: "DevOps Lead",
testimonial:
"The node library is comprehensive and extensible. We've integrated our custom APIs seamlessly into workflows.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-devops-engine-1773159223841-b1c40d63.png?_wi=1",
imageAlt: "Elena Rodriguez",
},
id: "3", name: "Elena Rodriguez", handle: "DevOps Lead", testimonial:
"The node library is comprehensive and extensible. We've integrated our custom APIs seamlessly into workflows.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-devops-engine-1773159223841-b1c40d63.png?_wi=1", imageAlt: "Elena Rodriguez"},
{
id: "4",
name: "David Park",
handle: "Founder, AutoScale",
testimonial:
"From prototype to production, this platform handled everything we threw at it. Outstanding reliability and support.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-startup-found-1773159223429-7fc20ed5.jpg?_wi=1",
imageAlt: "David Park",
},
id: "4", name: "David Park", handle: "Founder, AutoScale", testimonial:
"From prototype to production, this platform handled everything we threw at it. Outstanding reliability and support.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-startup-found-1773159223429-7fc20ed5.jpg?_wi=1", imageAlt: "David Park"},
{
id: "5",
name: "Priya Patel",
handle: "ML Engineer",
testimonial:
"Triggering ML pipelines has never been easier. The webhook integration is rock-solid and incredibly fast.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-data-scientis-1773159224169-ccddd0e7.png?_wi=1",
imageAlt: "Priya Patel",
},
id: "5", name: "Priya Patel", handle: "ML Engineer", testimonial:
"Triggering ML pipelines has never been easier. The webhook integration is rock-solid and incredibly fast.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-data-scientis-1773159224169-ccddd0e7.png?_wi=1", imageAlt: "Priya Patel"},
{
id: "6",
name: "James Wright",
handle: "Architect",
testimonial:
"Enterprise-grade automation at your fingertips. This is the future of workflow orchestration.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-senior-archit-1773159223611-10c25e20.png?_wi=1",
imageAlt: "James Wright",
},
id: "6", name: "James Wright", handle: "Architect", testimonial:
"Enterprise-grade automation at your fingertips. This is the future of workflow orchestration.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/professional-headshot-of-a-senior-archit-1773159223611-10c25e20.png?_wi=1", imageAlt: "James Wright"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -330,14 +239,7 @@ const HomePage = () => {
tagIcon={Award}
tagAnimation="slide-up"
names={[
"TechFlow Inc",
"DataSync Systems",
"CloudAutomation",
"IntegrationHub",
"WorkflowPro",
"AutoScale Labs",
"DevOps Central",
]}
"TechFlow Inc", "DataSync Systems", "CloudAutomation", "IntegrationHub", "WorkflowPro", "AutoScale Labs", "DevOps Central"]}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
@@ -350,7 +252,7 @@ const HomePage = () => {
<ContactText
text="Ready to automate your workflows and increase productivity? Get started with our powerful visual automation platform today."
animationType="entrance-slide"
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
buttons={[
{ text: "Start Free Trial", href: "#" },
@@ -365,8 +267,7 @@ const HomePage = () => {
logoText="Replit Automation"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "/features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Documentation", href: "/docs" },
@@ -374,8 +275,7 @@ const HomePage = () => {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -383,8 +283,7 @@ const HomePage = () => {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Community", href: "#" },
{ label: "Tutorials", href: "#" },
{ label: "Templates", href: "#" },
@@ -392,8 +291,7 @@ const HomePage = () => {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Security", href: "#" },