Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-19 11:46:41 +00:00

View File

@@ -31,135 +31,74 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Features",
id: "#features",
},
name: "Features", id: "features"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Integrations",
id: "#integrations",
},
name: "Integrations", id: "integrations"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "faq"},
]}
brandName="Vectora Flow"
button={{
text: "Get Started",
href: "#pricing",
}}
text: "Get Started", href: "#pricing"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "plain",
}}
variant: "plain"}}
title="Unify your operations with automated clarity"
description="Vectora Flow bridges the gap between teams and tasks. Automate approvals, streamline handoffs, and gain real-time visibility into every department."
testimonials={[
{
name: "Sarah Chen",
handle: "@operations",
testimonial: "Vectora Flow completely transformed how our team manages complex cross-department approvals.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg?_wi=1",
imageAlt: "modern saas dashboard design ui",
},
name: "Sarah Chen", handle: "@operations", testimonial: "Vectora Flow completely transformed how our team manages complex cross-department approvals.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg", imageAlt: "modern saas dashboard design ui"},
{
name: "Mark Johnson",
handle: "@cto",
testimonial: "Finally, an operational tool that actually scales with our growth and provides real insights.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169834.jpg?_wi=1",
imageAlt: "modern saas dashboard design ui",
},
name: "Mark Johnson", handle: "@cto", testimonial: "Finally, an operational tool that actually scales with our growth and provides real insights.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169834.jpg", imageAlt: "modern saas dashboard design ui"},
{
name: "Elena Rodriguez",
handle: "@finops",
testimonial: "Reduced our manual data entry by over 70% in the first quarter alone.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/flowchart-information-methodology-operation-icon_53876-133778.jpg?_wi=1",
imageAlt: "modern saas dashboard design ui",
},
name: "Elena Rodriguez", handle: "@finops", testimonial: "Reduced our manual data entry by over 70% in the first quarter alone.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/flowchart-information-methodology-operation-icon_53876-133778.jpg", imageAlt: "modern saas dashboard design ui"},
{
name: "David Kim",
handle: "@head-of-ops",
testimonial: "The level of control and visibility is unprecedented in the operations space.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-template-with-flat-design_23-2147866220.jpg?_wi=1",
imageAlt: "modern saas dashboard design ui",
},
name: "David Kim", handle: "@head-of-ops", testimonial: "The level of control and visibility is unprecedented in the operations space.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-template-with-flat-design_23-2147866220.jpg", imageAlt: "modern saas dashboard design ui"},
{
name: "Lisa Wang",
handle: "@founder",
testimonial: "Alignment improved overnight. Our internal coordination has never been this seamless.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399287.jpg?_wi=1",
imageAlt: "modern saas dashboard design ui",
},
name: "Lisa Wang", handle: "@founder", testimonial: "Alignment improved overnight. Our internal coordination has never been this seamless.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399287.jpg", imageAlt: "modern saas dashboard design ui"},
]}
buttons={[
{
text: "Get Started",
href: "#pricing",
},
text: "Get Started", href: "#pricing"},
{
text: "View Demo",
href: "#features",
},
text: "View Demo", href: "#features"},
]}
imageSrc="http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg"
imageAlt="Vectora Flow Dashboard UI"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-shot-tablet-with-active-smart-home-application-holded-by-man_482257-7528.jpg",
alt: "Sarah Chen",
},
src: "http://img.b2bpic.net/free-photo/close-up-shot-tablet-with-active-smart-home-application-holded-by-man_482257-7528.jpg", alt: "Sarah Chen"},
{
src: "http://img.b2bpic.net/free-photo/person-controlling-house-light-using-smart-home-application-touching-screen-turn-it-by-mobile_482257-2842.jpg",
alt: "Mark Johnson",
},
src: "http://img.b2bpic.net/free-photo/person-controlling-house-light-using-smart-home-application-touching-screen-turn-it-by-mobile_482257-2842.jpg", alt: "Mark Johnson"},
{
src: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg",
alt: "Elena Rodriguez",
},
src: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg", alt: "Elena Rodriguez"},
{
src: "http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg",
alt: "David Kim",
},
src: "http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg", alt: "David Kim"},
{
src: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone_482257-7531.jpg",
alt: "Lisa Wang",
},
]}
avatarText="Trusted by 5,000+ teams worldwide"
marqueeItems={[
src: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone_482257-7531.jpg", alt: "Lisa Wang"},
],
avatarText="Trusted by 5,000+ teams worldwide", marqueeItems={[
{
type: "text",
text: "Automated Handoffs",
},
type: "text", text: "Automated Handoffs"},
{
type: "text",
text: "Real-time Visibility",
},
type: "text", text: "Real-time Visibility"},
{
type: "text",
text: "Enterprise Security",
},
type: "text", text: "Enterprise Security"},
{
type: "text",
text: "Operational Excellence",
},
type: "text", text: "Operational Excellence"},
{
type: "text",
text: "Streamlined Approvals",
},
type: "text", text: "Streamlined Approvals"},
]}
/>
</div>
@@ -169,14 +108,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Nexus",
"Streamline",
"Velocity",
"Orbit",
"Zenith",
"Catalyst",
"Pulse",
]}
"Nexus", "Streamline", "Velocity", "Orbit", "Zenith", "Catalyst", "Pulse"]}
title="Trusted by high-growth companies"
description="Empowering operations teams to move faster at leading innovative businesses."
/>
@@ -189,25 +121,13 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Workflow Automation",
description: "Trigger actions across departments based on status changes or deadlines.",
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169834.jpg?_wi=2",
},
title: "Workflow Automation", description: "Trigger actions across departments based on status changes or deadlines.", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169834.jpg"},
{
title: "Approval Routing",
description: "Automate complex approval chains with conditional logic and notifications.",
imageSrc: "http://img.b2bpic.net/free-photo/flowchart-information-methodology-operation-icon_53876-133778.jpg?_wi=2",
},
title: "Approval Routing", description: "Automate complex approval chains with conditional logic and notifications.", imageSrc: "http://img.b2bpic.net/free-photo/flowchart-information-methodology-operation-icon_53876-133778.jpg"},
{
title: "Team Collaboration",
description: "Keep everyone aligned with integrated commenting and task assignments.",
imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-template-with-flat-design_23-2147866220.jpg?_wi=2",
},
title: "Team Collaboration", description: "Keep everyone aligned with integrated commenting and task assignments.", imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-template-with-flat-design_23-2147866220.jpg"},
{
title: "Seamless Integrations",
description: "Connect your favorite tools to keep data central and actions synchronized.",
imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399287.jpg?_wi=2",
},
title: "Seamless Integrations", description: "Connect your favorite tools to keep data central and actions synchronized.", imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399287.jpg"},
]}
title="Built for operational excellence"
description="Everything you need to automate coordination and unlock your team's full potential."
@@ -216,24 +136,16 @@ export default function LandingPage() {
<div id="how-it-works" data-section="how-it-works">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Define Your Trigger",
description: "Create rules for when automated actions should occur.",
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-sticks-view_23-2148999160.jpg",
},
title: "Define Your Trigger", description: "Create rules for when automated actions should occur.", imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-sticks-view_23-2148999160.jpg"},
{
title: "Assign Automated Roles",
description: "Delegate tasks to the right teams automatically.",
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg",
},
title: "Assign Automated Roles", description: "Delegate tasks to the right teams automatically.", imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg"},
{
title: "Monitor Performance",
description: "Track insights and optimize your processes in real-time.",
imageSrc: "http://img.b2bpic.net/free-photo/group-professionals-using-isolated-chroma-key-tablet-meeting_482257-118759.jpg",
},
title: "Monitor Performance", description: "Track insights and optimize your processes in real-time.", imageSrc: "http://img.b2bpic.net/free-photo/group-professionals-using-isolated-chroma-key-tablet-meeting_482257-118759.jpg"},
]}
title="See how we bridge your workflow gaps"
description="Streamline complex processes in three simple steps."
@@ -248,41 +160,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Task Automator",
price: "Active",
imageSrc: "http://img.b2bpic.net/free-photo/male-tourist-flying-with-airplane-using-laptop-browse-internet-website-sunset-flight-man-travelling-economy-class-arrive-holiday-destination-aerial-transport_482257-46702.jpg",
},
id: "1", name: "Task Automator", price: "Active", imageSrc: "http://img.b2bpic.net/free-photo/male-tourist-flying-with-airplane-using-laptop-browse-internet-website-sunset-flight-man-travelling-economy-class-arrive-holiday-destination-aerial-transport_482257-46702.jpg"},
{
id: "2",
name: "Approval Flow",
price: "Pending",
imageSrc: "http://img.b2bpic.net/free-photo/software-developers-using-laptop-data-center-managing-server-virtualization_482257-122525.jpg",
},
id: "2", name: "Approval Flow", price: "Pending", imageSrc: "http://img.b2bpic.net/free-photo/software-developers-using-laptop-data-center-managing-server-virtualization_482257-122525.jpg"},
{
id: "3",
name: "Integration Hub",
price: "Connected",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-analyzing-performance-metrics-her-computer-workplace_482257-123828.jpg",
},
id: "3", name: "Integration Hub", price: "Connected", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-analyzing-performance-metrics-her-computer-workplace_482257-123828.jpg"},
{
id: "4",
name: "Efficiency Analytics",
price: "Insights",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-company-employees-handling-financial-planning_482257-128572.jpg",
},
id: "4", name: "Efficiency Analytics", price: "Insights", imageSrc: "http://img.b2bpic.net/free-photo/african-american-company-employees-handling-financial-planning_482257-128572.jpg"},
{
id: "5",
name: "Team Timeline",
price: "Synced",
imageSrc: "http://img.b2bpic.net/free-photo/staff-interviewing-woman-applicant-job-seeker-high-end-office_482257-107479.jpg",
},
id: "5", name: "Team Timeline", price: "Synced", imageSrc: "http://img.b2bpic.net/free-photo/staff-interviewing-woman-applicant-job-seeker-high-end-office_482257-107479.jpg"},
{
id: "6",
name: "Role Permissions",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-vector/analysis-financial-activities-online-service-platform-business-character-reviewing-company-s-financial-operation-online-software-flat-vector-illustration_613284-52.jpg",
},
id: "6", name: "Role Permissions", price: "Custom", imageSrc: "http://img.b2bpic.net/free-vector/analysis-financial-activities-online-service-platform-business-character-reviewing-company-s-financial-operation-online-software-flat-vector-illustration_613284-52.jpg"},
]}
title="Unified Product Dashboard"
description="One workspace for every critical operational action."
@@ -294,14 +182,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Slack",
"Jira",
"Salesforce",
"Notion",
"Asana",
"Zapier",
"GitHub",
]}
"Slack", "Jira", "Salesforce", "Notion", "Asana", "Zapier", "GitHub"]}
title="Plays well with your stack"
description="Connect Vectora Flow with your favorite tools seamlessly."
/>
@@ -314,56 +195,27 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "starter",
badge: "Essential",
price: "$29/mo",
subtitle: "Perfect for early-stage teams",
features: [
"5 Workflows",
"Email support",
"Basic analytics",
],
id: "starter", badge: "Essential", price: "$29/mo", subtitle: "Perfect for early-stage teams", features: [
"5 Workflows", "Email support", "Basic analytics"],
buttons: [
{
text: "Start Now",
href: "#",
},
text: "Start Now", href: "#"},
],
},
{
id: "growth",
badge: "Popular",
price: "$99/mo",
subtitle: "For scaling operations",
features: [
"Unlimited Workflows",
"Priority support",
"Advanced reporting",
"Slack integrations",
],
id: "growth", badge: "Popular", price: "$99/mo", subtitle: "For scaling operations", features: [
"Unlimited Workflows", "Priority support", "Advanced reporting", "Slack integrations"],
buttons: [
{
text: "Get Growth",
href: "#",
},
text: "Get Growth", href: "#"},
],
},
{
id: "scale",
badge: "Custom",
price: "$249/mo",
subtitle: "For enterprise requirements",
features: [
"Everything in Growth",
"SSO & Security",
"Dedicated manager",
"Custom triggers",
],
id: "scale", badge: "Custom", price: "$249/mo", subtitle: "For enterprise requirements", features: [
"Everything in Growth", "SSO & Security", "Dedicated manager", "Custom triggers"],
buttons: [
{
text: "Talk to Sales",
href: "#",
},
text: "Talk to Sales", href: "#"},
],
},
]}
@@ -378,60 +230,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Chen",
date: "Oct 2025",
title: "Operations Lead",
quote: "The most efficient tool I've used in years.",
tag: "Efficiency",
avatarSrc: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-does-positive-pose_114579-15697.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg?_wi=3",
imageAlt: "professional operations lead portrait",
},
id: "t1", name: "Sarah Chen", date: "Oct 2025", title: "Operations Lead", quote: "The most efficient tool I've used in years.", tag: "Efficiency", avatarSrc: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-does-positive-pose_114579-15697.jpg", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg", imageAlt: "professional operations lead portrait"},
{
id: "t2",
name: "Mark Johnson",
date: "Sep 2025",
title: "Founder",
quote: "Vectora Flow brought our teams into true alignment.",
tag: "Alignment",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169834.jpg?_wi=3",
imageAlt: "professional operations lead portrait",
},
id: "t2", name: "Mark Johnson", date: "Sep 2025", title: "Founder", quote: "Vectora Flow brought our teams into true alignment.", tag: "Alignment", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169834.jpg", imageAlt: "professional operations lead portrait"},
{
id: "t3",
name: "Elena Rodriguez",
date: "Aug 2025",
title: "Finance Director",
quote: "Our approval processes are finally automated correctly.",
tag: "Finance",
avatarSrc: "http://img.b2bpic.net/free-photo/man-black-suit-posing-studio_23-2148401473.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/flowchart-information-methodology-operation-icon_53876-133778.jpg?_wi=3",
imageAlt: "professional operations lead portrait",
},
id: "t3", name: "Elena Rodriguez", date: "Aug 2025", title: "Finance Director", quote: "Our approval processes are finally automated correctly.", tag: "Finance", avatarSrc: "http://img.b2bpic.net/free-photo/man-black-suit-posing-studio_23-2148401473.jpg", imageSrc: "http://img.b2bpic.net/free-photo/flowchart-information-methodology-operation-icon_53876-133778.jpg", imageAlt: "professional operations lead portrait"},
{
id: "t4",
name: "David Kim",
date: "Jul 2025",
title: "Ops Manager",
quote: "Incredible visibility into every project cycle.",
tag: "Visibility",
avatarSrc: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg",
imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-template-with-flat-design_23-2147866220.jpg?_wi=3",
imageAlt: "professional operations lead portrait",
},
id: "t4", name: "David Kim", date: "Jul 2025", title: "Ops Manager", quote: "Incredible visibility into every project cycle.", tag: "Visibility", avatarSrc: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg", imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-template-with-flat-design_23-2147866220.jpg", imageAlt: "professional operations lead portrait"},
{
id: "t5",
name: "Lisa Wang",
date: "Jun 2025",
title: "Team Lead",
quote: "Simple, powerful, and effective operational magic.",
tag: "Productivity",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16048.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399287.jpg?_wi=3",
imageAlt: "professional operations lead portrait",
},
id: "t5", name: "Lisa Wang", date: "Jun 2025", title: "Team Lead", quote: "Simple, powerful, and effective operational magic.", tag: "Productivity", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16048.jpg", imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399287.jpg", imageAlt: "professional operations lead portrait"},
]}
title="What operations leaders say"
description="Why growing companies choose Vectora Flow."
@@ -443,30 +250,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Is my data secure?",
content: "Yes, we prioritize enterprise-grade security for every client.",
},
id: "f1", title: "Is my data secure?", content: "Yes, we prioritize enterprise-grade security for every client."},
{
id: "f2",
title: "Can I integrate my current tools?",
content: "Vectora Flow supports over 50+ integrations, including Jira, Notion, and Slack.",
},
id: "f2", title: "Can I integrate my current tools?", content: "Vectora Flow supports over 50+ integrations, including Jira, Notion, and Slack."},
{
id: "f3",
title: "Is the pricing flexible?",
content: "We offer monthly and annual billing with custom enterprise packages.",
},
id: "f3", title: "Is the pricing flexible?", content: "We offer monthly and annual billing with custom enterprise packages."},
{
id: "f4",
title: "How do I get started?",
content: "Sign up for a free trial or schedule a demo with our team.",
},
id: "f4", title: "How do I get started?", content: "Sign up for a free trial or schedule a demo with our team."},
{
id: "f5",
title: "Do you offer support?",
content: "All Growth and Scale users receive dedicated priority support.",
},
id: "f5", title: "Do you offer support?", content: "All Growth and Scale users receive dedicated priority support."},
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know about Vectora Flow."
@@ -478,50 +270,31 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Integrations",
href: "#integrations",
},
label: "Integrations", href: "#integrations"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Contact",
href: "#",
},
label: "Contact", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
],
},
]}