Merge version_1 into main #2
154
src/app/page.tsx
154
src/app/page.tsx
@@ -29,13 +29,9 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Agents",
|
||||
id: "agents",
|
||||
},
|
||||
name: "Agents", id: "agents"},
|
||||
{
|
||||
name: "Marketplace",
|
||||
id: "marketplace",
|
||||
},
|
||||
name: "Marketplace", id: "marketplace"},
|
||||
]}
|
||||
brandName="AMP"
|
||||
/>
|
||||
@@ -43,46 +39,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background="rotated-rays-static-grid"
|
||||
background={{ variant: "rotated-rays-static-grid" }}
|
||||
title="Create AI Agents with a Prompt"
|
||||
description="Describe your agent. AMP builds it instantly."
|
||||
buttons={[
|
||||
{
|
||||
text: "Generate Agent",
|
||||
href: "#",
|
||||
},
|
||||
text: "Generate Agent", href: "#"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-futuristic-dark-themed-abstract-backgr-1774783793574-359d7881.png?_wi=1",
|
||||
imageAlt: "AI Agent Interface",
|
||||
},
|
||||
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-futuristic-dark-themed-abstract-backgr-1774783793574-359d7881.png", imageAlt: "AI Agent Interface"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-futuristic-dark-themed-abstract-backgr-1774783793574-359d7881.png?_wi=2",
|
||||
imageAlt: "Agent Deployment",
|
||||
},
|
||||
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-futuristic-dark-themed-abstract-backgr-1774783793574-359d7881.png", imageAlt: "Agent Deployment"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-futuristic-dark-themed-abstract-backgr-1774783793574-359d7881.png?_wi=3",
|
||||
imageAlt: "Prompt Engineering",
|
||||
},
|
||||
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-futuristic-dark-themed-abstract-backgr-1774783793574-359d7881.png", imageAlt: "Prompt Engineering"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-futuristic-dark-themed-abstract-backgr-1774783793574-359d7881.png?_wi=4",
|
||||
imageAlt: "AI Marketplace",
|
||||
},
|
||||
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-futuristic-dark-themed-abstract-backgr-1774783793574-359d7881.png", imageAlt: "AI Marketplace"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-futuristic-dark-themed-abstract-backgr-1774783793574-359d7881.png?_wi=5",
|
||||
imageAlt: "Marketplace UI",
|
||||
},
|
||||
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-futuristic-dark-themed-abstract-backgr-1774783793574-359d7881.png", imageAlt: "Marketplace UI"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-futuristic-dark-themed-abstract-backgr-1774783793574-359d7881.png?_wi=6",
|
||||
imageAlt: "Tech Setup",
|
||||
},
|
||||
id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-futuristic-dark-themed-abstract-backgr-1774783793574-359d7881.png", imageAlt: "Tech Setup"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,22 +70,13 @@ export default function LandingPage() {
|
||||
description="Building powerful autonomous AI agents has never been this simple."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Describe Your Goal",
|
||||
content: "Tell AMP what you need the agent to accomplish, from research to automation tasks.",
|
||||
},
|
||||
id: "1", title: "Describe Your Goal", content: "Tell AMP what you need the agent to accomplish, from research to automation tasks."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Model Selection",
|
||||
content: "Choose the underlying intelligence that best fits your specific workload requirements.",
|
||||
},
|
||||
id: "2", title: "Model Selection", content: "Choose the underlying intelligence that best fits your specific workload requirements."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Auto-Deployment",
|
||||
content: "Deploy your agents securely across the AMP ecosystem with a single click.",
|
||||
},
|
||||
id: "3", title: "Auto-Deployment", content: "Deploy your agents securely across the AMP ecosystem with a single click."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-professional-ai-agent-interface-card-c-1774783795463-71472f55.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-professional-ai-agent-interface-card-c-1774783795463-71472f55.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -121,37 +88,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
tag: "Trial",
|
||||
price: "$0",
|
||||
period: "/ mo",
|
||||
description: "7-day limited trial to test functionality.",
|
||||
button: {
|
||||
text: "Start Free Trial",
|
||||
},
|
||||
featuresTitle: "Included Features",
|
||||
features: [
|
||||
"Single Agent Access",
|
||||
"Standard Response Speed",
|
||||
"Limited Tool Sets",
|
||||
],
|
||||
id: "free", tag: "Trial", price: "$0", period: "/ mo", description: "7-day limited trial to test functionality.", button: {
|
||||
text: "Start Free Trial"},
|
||||
featuresTitle: "Included Features", features: [
|
||||
"Single Agent Access", "Standard Response Speed", "Limited Tool Sets"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Production",
|
||||
price: "$20",
|
||||
period: "/ mo",
|
||||
description: "Full access to production tools and agent management.",
|
||||
button: {
|
||||
text: "Upgrade to Pro",
|
||||
},
|
||||
featuresTitle: "Pro Features",
|
||||
features: [
|
||||
"Unlimited Agents",
|
||||
"High-Priority Compute",
|
||||
"Advanced API Integration",
|
||||
"Dedicated Support",
|
||||
],
|
||||
id: "pro", tag: "Production", price: "$20", period: "/ mo", description: "Full access to production tools and agent management.", button: {
|
||||
text: "Upgrade to Pro"},
|
||||
featuresTitle: "Pro Features", features: [
|
||||
"Unlimited Agents", "High-Priority Compute", "Advanced API Integration", "Dedicated Support"],
|
||||
},
|
||||
]}
|
||||
title="Deploy Your Agent"
|
||||
@@ -166,8 +112,7 @@ export default function LandingPage() {
|
||||
title="We redefine how agents are built."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -181,28 +126,16 @@ export default function LandingPage() {
|
||||
description="Everything you need to succeed."
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Scalable",
|
||||
description: "High performance.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/an-ai-workflow-visualization-card-with-n-1774783795572-26eff11b.png",
|
||||
},
|
||||
id: "1", title: "Scalable", description: "High performance.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/an-ai-workflow-visualization-card-with-n-1774783795572-26eff11b.png"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-futuristic-dark-themed-abstract-backgr-1774783793574-359d7881.png?_wi=7",
|
||||
imageAlt: "A futuristic dark-themed abstract background for an AI platform, deep charcoal gradients with subtle",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Secure",
|
||||
description: "Enterprise grade.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-prompt-output-visualization-card-with--1774783794238-950517b6.png",
|
||||
},
|
||||
id: "2", title: "Secure", description: "Enterprise grade.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-prompt-output-visualization-card-with--1774783794238-950517b6.png"},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDV6CL9tXTVeeqMxQaP709NeP6/a-professional-ai-agent-interface-card-c-1774783795463-71472f55.png?_wi=2",
|
||||
imageAlt: "A professional AI agent interface card, clean dark theme, futuristic icon, soft glowing borders, sho",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -212,42 +145,27 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Agents",
|
||||
href: "#",
|
||||
},
|
||||
label: "Agents", href: "#"},
|
||||
{
|
||||
label: "Marketplace",
|
||||
href: "#",
|
||||
},
|
||||
label: "Marketplace", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user