Update src/app/page.tsx
This commit is contained in:
213
src/app/page.tsx
213
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user