Merge version_1 into main #2
245
src/app/page.tsx
245
src/app/page.tsx
@@ -29,18 +29,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "About", id: "about" }
|
||||
]}
|
||||
brandName="Manus"
|
||||
/>
|
||||
@@ -48,38 +39,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Manus: The Action Engine for Modern Business"
|
||||
description="Go beyond answers. Manus executes tasks, automates workflows, and extends your human reach with intelligent, action-oriented digital agents."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg?_wi=1",
|
||||
imageAlt: "AI Action Engine Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg?_wi=1",
|
||||
imageAlt: "Automated Workflow Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smart-home-management_23-2148619626.jpg?_wi=1",
|
||||
imageAlt: "Task Automation Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-32778.jpg?_wi=1",
|
||||
imageAlt: "Human-Centric Connection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-editor-doing-retouching-work-image_482257-6419.jpg?_wi=1",
|
||||
imageAlt: "Software Interface Design",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg", imageAlt: "AI Action Engine Interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg", imageAlt: "Automated Workflow Interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/smart-home-management_23-2148619626.jpg", imageAlt: "Task Automation Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-32778.jpg", imageAlt: "Human-Centric Connection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-editor-doing-retouching-work-image_482257-6419.jpg", imageAlt: "Software Interface Design" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -92,56 +61,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Autonomous Workflow Orchestration",
|
||||
description: "Deploy intelligent agents to handle end-to-end tasks without constant human oversight.",
|
||||
icon: Zap,
|
||||
title: "Autonomous Workflow Orchestration", description: "Deploy intelligent agents to handle end-to-end tasks without constant human oversight.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-augmented-reality_1134-137.jpg",
|
||||
imageAlt: "Workflow Automation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-110.jpg",
|
||||
imageAlt: "Intelligent Processing",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg?_wi=2",
|
||||
imageAlt: "futuristic software interface high tech",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-augmented-reality_1134-137.jpg", imageAlt: "Workflow Automation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-110.jpg", imageAlt: "Intelligent Processing" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Seamless Data Integration",
|
||||
description: "Connect your ecosystem effortlessly with our plug-and-play API and action connectors.",
|
||||
icon: Shield,
|
||||
title: "Seamless Data Integration", description: "Connect your ecosystem effortlessly with our plug-and-play API and action connectors.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399280.jpg",
|
||||
imageAlt: "Data Connectivity",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg",
|
||||
imageAlt: "Orchestration UI",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg?_wi=2",
|
||||
imageAlt: "automated workflow interface software",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399280.jpg", imageAlt: "Data Connectivity" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg", imageAlt: "Orchestration UI" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Real-time Action Analytics",
|
||||
description: "Monitor and optimize agent performance with deep insights into task execution patterns.",
|
||||
icon: Star,
|
||||
title: "Real-time Action Analytics", description: "Monitor and optimize agent performance with deep insights into task execution patterns.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-listening-music-his-office_329181-17556.jpg",
|
||||
imageAlt: "Action Logic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg",
|
||||
imageAlt: "Metrics Dashboard",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smart-home-management_23-2148619626.jpg?_wi=2",
|
||||
imageAlt: "task automation dashboard software",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-listening-music-his-office_329181-17556.jpg", imageAlt: "Action Logic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg", imageAlt: "Metrics Dashboard" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Powerful Features to Drive Growth"
|
||||
description="Streamline operations with an engine designed for scale and intelligence."
|
||||
@@ -156,31 +95,11 @@ export default function LandingPage() {
|
||||
description="Everything you need to know about implementing Manus in your organization."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is the primary function of Manus?",
|
||||
content: "Manus is an action engine that automates complex workflows by deploying autonomous agents.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How does integration work?",
|
||||
content: "We offer a plug-and-play API and pre-built connectors for most popular business tools.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is my data secure?",
|
||||
content: "Security is our top priority. We use enterprise-grade encryption for all data processed.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I customize the agent's logic?",
|
||||
content: "Yes, our dashboard allows you to define custom logic flows for all your agents.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "What support is included?",
|
||||
content: "We provide 24/7 technical support and dedicated success managers for enterprise clients.",
|
||||
},
|
||||
{ id: "1", title: "What is the primary function of Manus?", content: "Manus is an action engine that automates complex workflows by deploying autonomous agents." },
|
||||
{ id: "2", title: "How does integration work?", content: "We offer a plug-and-play API and pre-built connectors for most popular business tools." },
|
||||
{ id: "3", title: "Is my data secure?", content: "Security is our top priority. We use enterprise-grade encryption for all data processed." },
|
||||
{ id: "4", title: "Can I customize the agent's logic?", content: "Yes, our dashboard allows you to define custom logic flows for all your agents." },
|
||||
{ id: "5", title: "What support is included?", content: "We provide 24/7 technical support and dedicated success managers for enterprise clients." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -192,46 +111,11 @@ export default function LandingPage() {
|
||||
title="Trusted by Industry Leaders"
|
||||
description="See why top companies choose Manus to scale their operational efficiency."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Game Changer",
|
||||
quote: "Manus saved our operations team over 20 hours per week.",
|
||||
name: "Sarah Chen",
|
||||
role: "COO, TechFlow",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Reliable Engine",
|
||||
quote: "The most robust automation framework we have ever implemented.",
|
||||
name: "Mark Wilson",
|
||||
role: "CTO, DataCorp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Incredible ROI",
|
||||
quote: "We saw a 40% increase in productivity within the first month.",
|
||||
name: "Elena Rodriguez",
|
||||
role: "VP Operations, ScaleUp",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smart-home-management_23-2148619626.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Seamless Integration",
|
||||
quote: "Connected our entire stack in a matter of hours.",
|
||||
name: "David Smith",
|
||||
role: "Lead Engineer, Logistix",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-32778.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Agentic Future",
|
||||
quote: "Manus is truly the future of business orchestration.",
|
||||
name: "Lisa Wong",
|
||||
role: "CEO, FutureSystems",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-editor-doing-retouching-work-image_482257-6419.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", title: "Game Changer", quote: "Manus saved our operations team over 20 hours per week.", name: "Sarah Chen", role: "COO, TechFlow", imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg" },
|
||||
{ id: "2", title: "Reliable Engine", quote: "The most robust automation framework we have ever implemented.", name: "Mark Wilson", role: "CTO, DataCorp", imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg" },
|
||||
{ id: "3", title: "Incredible ROI", quote: "We saw a 40% increase in productivity within the first month.", name: "Elena Rodriguez", role: "VP Operations, ScaleUp", imageSrc: "http://img.b2bpic.net/free-vector/smart-home-management_23-2148619626.jpg" },
|
||||
{ id: "4", title: "Seamless Integration", quote: "Connected our entire stack in a matter of hours.", name: "David Smith", role: "Lead Engineer, Logistix", imageSrc: "http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-32778.jpg" },
|
||||
{ id: "5", title: "Agentic Future", quote: "Manus is truly the future of business orchestration.", name: "Lisa Wong", role: "CEO, FutureSystems", imageSrc: "http://img.b2bpic.net/free-photo/professional-editor-doing-retouching-work-image_482257-6419.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -239,16 +123,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to transform your business operations with Manus?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Team",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Our Team", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -257,57 +134,13 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-galaxy-border-background-gray-minimal-style_53876-125209.jpg"
|
||||
logoText="Manus"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#" }, { label: "Security", href: "#" }, { label: "API", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user