Merge version_2 into main

Merge version_2 into main

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: "Features",
+        { name: "Pricing", id: "pricing" },
-          id: "features",
+        { name: "Testimonials", id: "testimonials" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="AgentFlow"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardScroll
+      <HeroBillboard
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        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: "Get Started",
+        { text: "Learn More", href: "#features" },
-          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: "text",
+        { 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" },
-          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: "f1",
+        { 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" },
-          title: "Data Automation",
+        { 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" },
-          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" },
-          id: "p1",
+        { 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" },
-          title: "Starter",
+        { 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" },
-          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.",
-        },
       ]}
       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: "t1",
+        { 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" },
-          name: "Sarah Johnson",
+        { 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" },
-          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",
-        },
       ]}
       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: "q1",
+        { id: "q2", title: "Can I integrate with my existing tools?", content: "Our API supports seamless integration with most major business platforms." },
-          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.",
-        },
       ]}
       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: [
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
       ]}
       logoText="AgentFlow"
     />