Update src/app/page.tsx

This commit is contained in:
2026-03-31 04:50:53 +00:00
parent 0e6ac7e59f
commit da923e0759

View File

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
@@ -29,45 +29,25 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Features",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="AgentFlow"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "sparkles-gradient",
}}
<HeroBillboard
background={{ variant: "sparkles-gradient" }}
title="Your Autonomous AI Agent"
description="Revolutionize your workflow with intelligent agents that learn, adapt, and perform tasks 24/7."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/futuristic-ai-agent-dashboard-interface--1774932403147-174377ab.png?_wi=1"
imageAlt="AI Agent Dashboard"
buttons={[
{
text: "Get Started",
href: "#pricing",
},
{
text: "Learn More",
href: "#features",
},
{ text: "Get Started", href: "#pricing" },
{ text: "Learn More", href: "#features" },
]}
/>
</div>
@@ -76,15 +56,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "The Future of Autonomous Work",
},
{
type: "image",
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/a-person-collaborating-with-an-advanced--1774932402279-b03ef0d0.png",
alt: "AI Collaboration",
},
{ type: "text", content: "The Future of Autonomous Work" },
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/a-person-collaborating-with-an-advanced--1774932402279-b03ef0d0.png", alt: "AI Collaboration" },
]}
/>
</div>
@@ -95,39 +68,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Data Automation",
author: "AgentFlow",
description: "Seamlessly process and organize complex data streams in real-time.",
tags: [
"Automated",
"Data",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/automated-data-processing-icon-or-visual-1774932402299-088ec8be.png?_wi=1",
},
{
id: "f2",
title: "Predictive Analytics",
author: "AgentFlow",
description: "Leverage advanced models to forecast trends and optimize business outcomes.",
tags: [
"AI",
"Analytics",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/smart-decision-making-concept-glowing-no-1774932403413-fa748e2b.png",
},
{
id: "f3",
title: "Enterprise Security",
author: "AgentFlow",
description: "Robust, encrypted infrastructure keeping your data safe and compliant.",
tags: [
"Security",
"Enterprise",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/security-and-encryption-concept-for-ai-d-1774932402753-d9ea170b.png",
},
{ id: "f1", title: "Data Automation", author: "AgentFlow", description: "Seamlessly process and organize complex data streams in real-time.", tags: ["Automated", "Data"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/automated-data-processing-icon-or-visual-1774932402299-088ec8be.png?_wi=1" },
{ id: "f2", title: "Predictive Analytics", author: "AgentFlow", description: "Leverage advanced models to forecast trends and optimize business outcomes.", tags: ["AI", "Analytics"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/smart-decision-making-concept-glowing-no-1774932403413-fa748e2b.png" },
{ id: "f3", title: "Enterprise Security", author: "AgentFlow", description: "Robust, encrypted infrastructure keeping your data safe and compliant.", tags: ["Security", "Enterprise"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/security-and-encryption-concept-for-ai-d-1774932402753-d9ea170b.png" },
]}
title="Advanced Agent Capabilities"
description="Built for scale, intelligence, and integration into your existing systems."
@@ -140,54 +83,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1",
title: "Starter",
price: "$49",
period: "/mo",
features: [
"1 Agent",
"Basic Integration",
"Standard Support",
],
button: {
text: "Get Started",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/futuristic-ai-agent-dashboard-interface--1774932403147-174377ab.png?_wi=2",
imageAlt: "Futuristic AI agent dashboard interface, abstract digital patterns, deep blue and cool light blue to",
},
{
id: "p2",
title: "Pro",
price: "$149",
period: "/mo",
features: [
"5 Agents",
"Advanced Analytics",
"Priority Support",
],
button: {
text: "Upgrade Now",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/a-person-collaborating-with-an-advanced--1774932402279-b03ef0d0.png",
imageAlt: "A person collaborating with an advanced AI interface, clean office environment, modern technology, s",
},
{
id: "p3",
title: "Enterprise",
price: "Custom",
period: "",
features: [
"Unlimited Agents",
"Custom Integration",
"Dedicated Manager",
],
button: {
text: "Contact Sales",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/automated-data-processing-icon-or-visual-1774932402299-088ec8be.png?_wi=2",
imageAlt: "Automated data processing icon or visual, abstract vector style, deep blue neon accents.",
},
{ id: "p1", title: "Starter", price: "$49", period: "/mo", features: ["1 Agent", "Basic Integration", "Standard Support"], button: { text: "Get Started" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/futuristic-ai-agent-dashboard-interface--1774932403147-174377ab.png?_wi=2" },
{ id: "p2", title: "Pro", price: "$149", period: "/mo", features: ["5 Agents", "Advanced Analytics", "Priority Support"], button: { text: "Upgrade Now" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/a-person-collaborating-with-an-advanced--1774932402279-b03ef0d0.png" },
{ id: "p3", title: "Enterprise", price: "Custom", period: "", features: ["Unlimited Agents", "Custom Integration", "Dedicated Manager"], button: { text: "Contact Sales" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/automated-data-processing-icon-or-visual-1774932402299-088ec8be.png?_wi=2" },
]}
title="Choose Your Plan"
description="Flexible pricing tailored to scale with your growing needs."
@@ -198,31 +96,9 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/close-up-professional-portrait-of-a-tech-1774932402222-009d888e.png?_wi=1",
},
{
id: "t2",
name: "Michael Chen",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/professional-woman-looking-at-tablet-sma-1774932403937-ea071f07.png",
},
{
id: "t3",
name: "Emily Rodriguez",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/male-designer-portrait-creative-tech-env-1774932402249-861f7ae7.png",
},
{
id: "t4",
name: "David Kim",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/woman-manager-in-tech-sector-sharp-suit--1774932403467-244a3048.png",
},
{
id: "t5",
name: "Alex Rivera",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/close-up-professional-portrait-of-a-tech-1774932402222-009d888e.png?_wi=2",
},
{ id: "t1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/close-up-professional-portrait-of-a-tech-1774932402222-009d888e.png?_wi=1" },
{ id: "t2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/professional-woman-looking-at-tablet-sma-1774932403937-ea071f07.png" },
{ id: "t3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/male-designer-portrait-creative-tech-env-1774932402249-861f7ae7.png" },
]}
cardTitle="What Industry Leaders Say"
cardAnimation="blur-reveal"
@@ -235,21 +111,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is my data secure?",
content: "Yes, we use industry-standard encryption for all data processed.",
},
{
id: "q2",
title: "Can I integrate with my existing tools?",
content: "Our API supports seamless integration with most major business platforms.",
},
{
id: "q3",
title: "Do you provide support?",
content: "All plans include access to our documentation and community support forums.",
},
{ id: "q1", title: "Is my data secure?", content: "Yes, we use industry-standard encryption for all data processed." },
{ id: "q2", title: "Can I integrate with my existing tools?", content: "Our API supports seamless integration with most major business platforms." },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDL3xjWKDORf5izBXFGCvoAKJ/help-center-concept-minimalistic-tech-as-1774932402961-a9c13856.png"
mediaAnimation="blur-reveal"
@@ -262,34 +125,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About Us",
href: "#",
},
{
label: "Pricing",
href: "#pricing",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ items: [{ label: "About Us", href: "#" }, { label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="AgentFlow"
/>
@@ -297,4 +134,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}