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

Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-03-10 18:17:10 +00:00
Conversation 0 Commits 5 Files Changed 5 +113 -381
5 changed files with 113 additions and 381 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/app/about/page.tsx
View File

@@ -6,22 +6,20 @@ import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { Sparkles, TrendingUp } from "lucide-react";
export default function AboutPage() {
const navItems = [
{ name: "Features", id: "features" },
{ name: "About", id: "about" },
{ name: "Pricing", id: "pricing" },
{ name: "Docs", id: "https://docs.example.com" },
{ name: "Features", id: "/features" },
{ name: "About", id: "/about" },
{ name: "Pricing", id: "/pricing" },
{ name: "Docs", id: "/docs" },
{ name: "Contact", id: "contact" },
];
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Documentation", href: "/docs" },
@@ -29,8 +27,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -38,8 +35,7 @@ export default function AboutPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Community", href: "#" },
{ label: "Tutorials", href: "#" },
{ label: "Templates", href: "#" },
@@ -47,8 +43,7 @@ export default function AboutPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Security", href: "#" },
@@ -73,13 +68,7 @@ export default function AboutPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Replit Automation"
navItems={[
{ name: "Features", id: "/" },
{ name: "About", id: "/about" },
{ name: "Pricing", id: "/pricing" },
{ name: "Docs", id: "https://docs.example.com" },
{ name: "Contact", id: "/" },
]}
navItems={navItems}
/>
</div>
@@ -101,28 +90,16 @@ export default function AboutPage() {
<FeatureBento
features={[
{
title: "Open Architecture",
description: "Our platform is built on open standards and extensible APIs, allowing you to integrate custom nodes and services seamlessly.",
bentoComponent: "globe",
},
title: "Open Architecture", description: "Our platform is built on open standards and extensible APIs, allowing you to integrate custom nodes and services seamlessly.", bentoComponent: "globe"},
{
title: "Developer-First Design",
description: "We prioritize developer experience with intuitive APIs, comprehensive documentation, and active community support.",
bentoComponent: "animated-bar-chart",
},
title: "Developer-First Design", description: "We prioritize developer experience with intuitive APIs, comprehensive documentation, and active community support.", bentoComponent: "animated-bar-chart"},
{
title: "Continuous Innovation",
description: "We're constantly evolving the platform with new features, performance improvements, and enterprise capabilities.",
bentoComponent: "timeline",
heading: "Our Journey",
subheading: "Key milestones",
items: [
title: "Continuous Innovation", description: "We're constantly evolving the platform with new features, performance improvements, and enterprise capabilities.", bentoComponent: "timeline", heading: "Our Journey", subheading: "Key milestones", items: [
{ label: "Platform Launch", detail: "Started with core workflow engine" },
{ label: "Community Growth", detail: "Reached 500+ active users" },
{ label: "Enterprise Release", detail: "Added security and compliance features" },
],
completedLabel: "Continuously Evolving",
},
completedLabel: "Continuously Evolving"},
]}
title="Our Values & Vision"
description="We believe in building powerful, accessible automation tools that enable developers to focus on business logic rather than infrastructure."
@@ -141,25 +118,13 @@ export default function AboutPage() {
<MetricCardTwo
metrics={[
{
id: "1",
value: "50+",
description: "Team Members Worldwide",
},
id: "1", value: "50+", description: "Team Members Worldwide"},
{
id: "2",
value: "10+",
description: "Years Combined Experience",
},
id: "2", value: "10+", description: "Years Combined Experience"},
{
id: "3",
value: "100%",
description: "Dedicated to Quality",
},
id: "3", value: "100%", description: "Dedicated to Quality"},
{
id: "4",
value: "24/7",
description: "Support & Development",
},
id: "4", value: "24/7", description: "Support & Development"},
]}
title="Building Great Teams"
description="Our diverse and talented team is committed to delivering excellence in automation technology."

10
src/app/docs/page.tsx
View File

@@ -2,15 +2,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import Link from "next/link";
export default function DocsPage() {
const navItems = [
{ name: "Features", id: "/features" },
{ name: "About", id: "/about" },
{ name: "Pricing", id: "/pricing" },
{ name: "Docs", id: "https://docs.example.com" },
{ name: "Contact", id: "/contact" },
{ name: "Docs", id: "/docs" },
{ name: "Contact", id: "contact" },
];
return (
@@ -231,11 +230,6 @@ export default function DocsPage() {
<div id="footer" data-section="footer" className="mx-auto px-4 md:px-6 py-12 mt-12 border-t border-foreground/10">
<div className="max-w-4xl mx-auto text-center text-foreground/60">
<p className="mb-4">© 2025 Replit Automation. All rights reserved.</p>
<div className="flex justify-center gap-6 text-sm">
<Link href="#" className="hover:text-foreground transition-colors">Privacy Policy</Link>
<Link href="#" className="hover:text-foreground transition-colors">Terms of Service</Link>
<Link href="#" className="hover:text-foreground transition-colors">Contact</Link>
</div>
</div>
</div>
</ThemeProvider>

108
src/app/features/page.tsx
View File

@@ -3,26 +3,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import {
Sparkles,
HelpCircle,
Webhook,
Globe,
Zap,
Settings,
Database,
GitBranch,
FileJson,
Activity,
Bug,
Share2,
Download,
Lock,
Bell,
} from "lucide-react";
const FeaturesPage = () => {
@@ -45,9 +32,9 @@ const FeaturesPage = () => {
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" },
]}
/>
@@ -63,41 +50,23 @@ const FeaturesPage = () => {
tagAnimation="slide-up"
features={[
{
title: "Infinite Canvas",
description:
"Pan and zoom freely across unlimited workspace to organize complex workflows without constraints",
bentoComponent: "globe",
},
title: "Infinite Canvas", description:
"Pan and zoom freely across unlimited workspace to organize complex workflows without constraints", bentoComponent: "globe"},
{
title: "Real-Time Execution",
description:
"Watch nodes highlight in real-time as workflows execute with instant status updates and live feedback",
bentoComponent: "animated-bar-chart",
},
title: "Real-Time Execution", description:
"Watch nodes highlight in real-time as workflows execute with instant status updates and live feedback", 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"},
],
},
]}
@@ -109,51 +78,12 @@ const FeaturesPage = () => {
/>
</div>
{/* FAQ Section */}
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Frequently Asked Questions"
description="Get answers to common questions about our platform, features, and implementation."
tag="Support"
tagIcon={HelpCircle}
tagAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9KxfTg50MYDrJAi38iMzJ0ll/helpful-illustration-showing-a-user-inte-1773159223916-5f769829.png"
imageAlt="User getting help with the platform"
mediaPosition="left"
faqs={[
{
id: "1",
title: "What types of workflows can I create?",
content:
"You can create virtually any workflow combining triggers (webhooks, schedules), actions (HTTP requests, data transforms), and conditional logic. Our platform supports complex workflows with looping, error handling, and parallel execution.",
},
{
id: "2",
title: "How do I integrate my custom APIs?",
content:
"The HTTP Request node supports any REST API. Configure the endpoint, method, headers, and body. For authentication, we support API keys, OAuth, and custom headers. You can also create custom nodes for specialized integrations.",
},
{
id: "3",
title: "Is there a learning curve?",
content:
"The visual interface is intuitive for beginners, while advanced users can leverage JavaScript code nodes for complex transformations. Our comprehensive documentation and community guides make getting started easy.",
},
]}
mediaAnimation="slide-up"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="smooth"
/>
</div>
{/* Contact Section */}
<div id="contact" data-section="contact">
<ContactText
text="Ready to explore our features and build your first automation workflow? Start your journey today with a free trial."
animationType="entrance-slide"
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
buttons={[
{ text: "Start Free Trial", href: "#" },
@@ -168,8 +98,7 @@ const FeaturesPage = () => {
logoText="Replit Automation"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "/features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Documentation", href: "/docs" },
@@ -177,8 +106,7 @@ const FeaturesPage = () => {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -186,8 +114,7 @@ const FeaturesPage = () => {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Community", href: "#" },
{ label: "Tutorials", href: "#" },
{ label: "Templates", href: "#" },
@@ -195,8 +122,7 @@ const FeaturesPage = () => {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Security", href: "#" },

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: "#" },

99
src/app/pricing/page.tsx
View File

@@ -6,14 +6,20 @@ import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { MessageCircle } from "lucide-react";
export default function PricingPage() {
const navItems = [
{ name: "Features", id: "/features" },
{ name: "About", id: "/about" },
{ name: "Pricing", id: "/pricing" },
{ name: "Docs", id: "/docs" },
{ name: "Contact", id: "contact" },
];
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Documentation", href: "/docs" },
@@ -21,8 +27,7 @@ export default function PricingPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -30,8 +35,7 @@ export default function PricingPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Community", href: "#" },
{ label: "Tutorials", href: "#" },
{ label: "Templates", href: "#" },
@@ -39,8 +43,7 @@ export default function PricingPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Security", href: "#" },
@@ -65,13 +68,7 @@ export default function PricingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Replit Automation"
navItems={[
{ name: "Features", id: "/" },
{ name: "About", id: "/about" },
{ name: "Pricing", id: "/pricing" },
{ name: "Docs", id: "https://docs.example.com" },
{ name: "Contact", id: "/" },
]}
navItems={navItems}
/>
</div>
@@ -79,25 +76,13 @@ export default function PricingPage() {
<MetricCardTwo
metrics={[
{
id: "1",
value: "Free",
description: "Perfect for testing and learning the platform",
},
id: "1", value: "Free", description: "Perfect for testing and learning the platform"},
{
id: "2",
value: "Pro",
description: "For active developers and small teams",
},
id: "2", value: "Pro", description: "For active developers and small teams"},
{
id: "3",
value: "Business",
description: "For growing teams and production workloads",
},
id: "3", value: "Business", description: "For growing teams and production workloads"},
{
id: "4",
value: "Enterprise",
description: "Custom solutions for large organizations",
},
id: "4", value: "Enterprise", description: "Custom solutions for large organizations"},
]}
title="Flexible Pricing Plans"
description="Choose the plan that fits your workflow automation needs. All plans include core features with increasing capabilities."
@@ -114,53 +99,17 @@ export default function PricingPage() {
<TestimonialCardSix
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=2",
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=2", 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=2",
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=2", 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=2",
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=2", 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=2",
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=2", 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=2",
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=2", 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=2",
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=2", imageAlt: "James Wright"},
]}
animationType="slide-up"
title="What Our Users Say About Our Pricing"
@@ -179,7 +128,7 @@ export default function PricingPage() {
<ContactText
text="Ready to start automating? Choose your plan and begin building powerful workflows today. All plans include a 14-day free trial."
animationType="entrance-slide"
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
buttons={[
{ text: "Start Free Trial", href: "#" },