From c2a4867429abee207fe1d389ea9fd14fc0a42504 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 22 May 2026 09:04:25 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 353 +++++++----------------------------------------
 1 file changed, 49 insertions(+), 304 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7f699c1..d554043 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,18 +32,9 @@ 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: "Features", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Testimonials", id: "testimonials" },
       ]}
       brandName="FlowPilot"
     />
@@ -52,102 +43,31 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Work Faster With AI-Powered Productivity"
       description="FlowPilot helps your team streamline workflows, automate repetitive tasks, and achieve peak performance effortlessly."
       testimonials={[
-        {
-          name: "Alex R.",
-          handle: "@alexr",
-          testimonial: "FlowPilot changed how our engineering team ships code.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195338.jpg",
-        },
-        {
-          name: "Sarah K.",
-          handle: "@sarahk",
-          testimonial: "The best AI productivity tool I've used this year.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
-        },
-        {
-          name: "Mike B.",
-          handle: "@mikeb",
-          testimonial: "Seamless integrations and incredible speed.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
-        },
-        {
-          name: "Elena P.",
-          handle: "@elenap",
-          testimonial: "Simply genius automation.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-caucasian-man_53876-24833.jpg",
-        },
-        {
-          name: "David M.",
-          handle: "@davidm",
-          testimonial: "Game changer for our team workflows.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-posing-office_23-2148804484.jpg",
-        },
+        { name: "Alex R.", handle: "@alexr", testimonial: "FlowPilot changed how our engineering team ships code.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195338.jpg" },
+        { name: "Sarah K.", handle: "@sarahk", testimonial: "The best AI productivity tool I've used this year.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg" },
+        { name: "Mike B.", handle: "@mikeb", testimonial: "Seamless integrations and incredible speed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg" },
+        { name: "Elena P.", handle: "@elenap", testimonial: "Simply genius automation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-caucasian-man_53876-24833.jpg" },
+        { name: "David M.", handle: "@davidm", testimonial: "Game changer for our team workflows.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-posing-office_23-2148804484.jpg" },
       ]}
-      buttons={[
-        {
-          text: "Start Free Trial",
-          href: "#",
-        },
-        {
-          text: "Watch Demo",
-          href: "#",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg?_wi=1"
+      buttons={[{ text: "Start Free Trial", href: "#" }, { text: "Watch Demo", href: "#" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg",
-          alt: "Portrait of a happy young businesswoman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg",
-          alt: "Portrait of businesswoman posing with coffee",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg",
-          alt: "Portrait of confident businesswoman smiling",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
-          alt: "Portrait of young confident woman startup manager",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",
-          alt: "Portrait of exhausted workaholic man manager",
-        },
+        { src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg", alt: "Portrait of a happy young businesswoman" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg", alt: "Portrait of businesswoman posing with coffee" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg", alt: "Portrait of confident businesswoman smiling" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg", alt: "Portrait of young confident woman startup manager" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg", alt: "Portrait of exhausted workaholic man manager" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Streamline Your Workflow",
-        },
-        {
-          type: "text",
-          text: "Automate Repetitive Tasks",
-        },
-        {
-          type: "text",
-          text: "Achieve Peak Performance",
-        },
-        {
-          type: "text",
-          text: "Connect Your Tools",
-        },
-        {
-          type: "text",
-          text: "Unleash Team Potential",
-        },
+        { type: "text", text: "Streamline Your Workflow" },
+        { type: "text", text: "Automate Repetitive Tasks" },
+        { type: "text", text: "Achieve Peak Performance" },
+        { type: "text", text: "Connect Your Tools" },
+        { type: "text", text: "Unleash Team Potential" },
       ]}
     />
   </div>
@@ -156,15 +76,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Google",
-        "Notion",
-        "Stripe",
-        "Linear",
-        "Vercel",
-        "OpenAI",
-        "Anthropic",
-      ]}
+      names={["Google", "Notion", "Stripe", "Linear", "Vercel", "OpenAI", "Anthropic"]}
       title="Trusted by Industry Leaders"
       description="Companies worldwide trust FlowPilot to optimize their operations."
     />
@@ -176,54 +88,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          title: "AI Task Automation",
-          description: "Automate routine tasks in seconds.",
-          bentoComponent: "reveal-icon",
-          icon: Zap,
-          imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-icon-set-vector-illustration_47987-30794.jpg",
-          imageAlt: "ai automation icon",
-        },
-        {
-          title: "Smart Scheduling",
-          description: "AI-optimized calendar management.",
-          bentoComponent: "reveal-icon",
-          icon: Calendar,
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg?_wi=2",
-          imageAlt: "ai automation icon",
-        },
-        {
-          title: "Team Collaboration",
-          description: "Synchronize your entire team.",
-          bentoComponent: "reveal-icon",
-          icon: Users,
-          imageSrc: "http://img.b2bpic.net/free-vector/dark-graphic-collection-business-template_23-2148276498.jpg",
-          imageAlt: "ai automation icon",
-        },
-        {
-          title: "Analytics Dashboard",
-          description: "Real-time performance metrics.",
-          bentoComponent: "reveal-icon",
-          icon: BarChart2,
-          imageSrc: "http://img.b2bpic.net/free-photo/jigsaw-teamwork-concept-macro-shot_53876-147453.jpg",
-          imageAlt: "ai automation icon",
-        },
-        {
-          title: "Workflow Integrations",
-          description: "Connect with your favorite tools.",
-          bentoComponent: "reveal-icon",
-          icon: Layout,
-          imageSrc: "http://img.b2bpic.net/free-photo/it-technician-presenting-latest-artificial-intelligence-innovations_482257-105819.jpg",
-          imageAlt: "ai automation icon",
-        },
-        {
-          title: "Voice Commands",
-          description: "Control everything with voice.",
-          bentoComponent: "reveal-icon",
-          icon: Mic,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2149151162.jpg",
-          imageAlt: "ai automation icon",
-        },
+        { title: "AI Task Automation", description: "Automate routine tasks in seconds.", bentoComponent: "reveal-icon", icon: Zap },
+        { title: "Smart Scheduling", description: "AI-optimized calendar management.", bentoComponent: "reveal-icon", icon: Calendar },
+        { title: "Team Collaboration", description: "Synchronize your entire team.", bentoComponent: "reveal-icon", icon: Users },
+        { title: "Analytics Dashboard", description: "Real-time performance metrics.", bentoComponent: "reveal-icon", icon: BarChart2 },
+        { title: "Workflow Integrations", description: "Connect with your favorite tools.", bentoComponent: "reveal-icon", icon: Layout },
+        { title: "Voice Commands", description: "Control everything with voice.", bentoComponent: "reveal-icon", icon: Mic },
       ]}
       title="Everything You Need to Succeed"
       description="Powerful tools designed to make your work life simpler and more effective."
@@ -232,34 +102,15 @@ export default function LandingPage() {
 
   <div id="preview" data-section="preview">
       <ProductCardOne
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="one-large-right-three-stacked-left"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Main Dashboard",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169834.jpg",
-        },
-        {
-          id: "p2",
-          name: "Project View",
-          price: "View",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg",
-        },
-        {
-          id: "p3",
-          name: "Task Timeline",
-          price: "View",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-geometric-shapes_23-2150979717.jpg",
-        },
-        {
-          id: "p4",
-          name: "Analytics View",
-          price: "View",
-          imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-working-data-center-facility-housing-storage-hardware-close-up_482257-90136.jpg",
-        },
+        { id: "p1", name: "Main Dashboard", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169834.jpg" },
+        { id: "p2", name: "Project View", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg" },
+        { id: "p3", name: "Task Timeline", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-geometric-shapes_23-2150979717.jpg" },
+        { id: "p4", name: "Analytics View", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-working-data-center-facility-housing-storage-hardware-close-up_482257-90136.jpg" },
       ]}
       title="See FlowPilot in Action"
       description="A glimpse into our sleek, high-performance workspace dashboard."
@@ -272,41 +123,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Alex R.",
-          handle: "@alexr",
-          testimonial: "FlowPilot is incredible. Truly transformed our workflow.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-successful-businessman-smiling-posing-office_176420-911.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sarah K.",
-          handle: "@sarahk",
-          testimonial: "The AI integration is seamless. Couldn't live without it.",
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg",
-        },
-        {
-          id: "t3",
-          name: "Mike B.",
-          handle: "@mikeb",
-          testimonial: "Incredible performance and intuitive UI design.",
-          imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg",
-        },
-        {
-          id: "t4",
-          name: "Elena P.",
-          handle: "@elenap",
-          testimonial: "A total productivity powerhouse. Five stars.",
-          imageSrc: "http://img.b2bpic.net/free-photo/unknown-young-man-posing-front-view_23-2149417576.jpg",
-        },
-        {
-          id: "t5",
-          name: "David M.",
-          handle: "@davidm",
-          testimonial: "Essential for any high-performing team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
-        },
+        { id: "t1", name: "Alex R.", handle: "@alexr", testimonial: "FlowPilot is incredible. Truly transformed our workflow.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-successful-businessman-smiling-posing-office_176420-911.jpg" },
+        { id: "t2", name: "Sarah K.", handle: "@sarahk", testimonial: "The AI integration is seamless. Couldn't live without it.", imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg" },
+        { id: "t3", name: "Mike B.", handle: "@mikeb", testimonial: "Incredible performance and intuitive UI design.", imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg" },
+        { id: "t4", name: "Elena P.", handle: "@elenap", testimonial: "A total productivity powerhouse. Five stars.", imageSrc: "http://img.b2bpic.net/free-photo/unknown-young-man-posing-front-view_23-2149417576.jpg" },
+        { id: "t5", name: "David M.", handle: "@davidm", testimonial: "Essential for any high-performing team.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
       ]}
       title="What Our Users Say"
       description="Join thousands of teams leveling up their productivity."
@@ -319,59 +140,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "starter",
-          badge: "Starter",
-          price: "$29/mo",
-          subtitle: "Perfect for freelancers",
-          features: [
-            "1 User",
-            "Basic AI Features",
-            "Standard Support",
-          ],
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#",
-            },
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Most Popular",
-          price: "$99/mo",
-          subtitle: "For scaling teams",
-          features: [
-            "Up to 10 Users",
-            "Advanced AI",
-            "Priority Support",
-            "Analytics",
-          ],
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#",
-            },
-          ],
-        },
-        {
-          id: "enterprise",
-          badge: "Enterprise",
-          price: "Custom",
-          subtitle: "For large organizations",
-          features: [
-            "Unlimited Users",
-            "Enterprise AI",
-            "Dedicated Manager",
-            "SSO",
-          ],
-          buttons: [
-            {
-              text: "Contact Us",
-              href: "#",
-            },
-          ],
-        },
+        { id: "starter", badge: "Starter", price: "$29/mo", subtitle: "Perfect for freelancers", features: ["1 User", "Basic AI Features", "Standard Support"], buttons: [{ text: "Get Started", href: "#" }] },
+        { id: "pro", badge: "Most Popular", price: "$99/mo", subtitle: "For scaling teams", features: ["Up to 10 Users", "Advanced AI", "Priority Support", "Analytics"], buttons: [{ text: "Get Started", href: "#" }] },
+        { id: "enterprise", badge: "Enterprise", price: "Custom", subtitle: "For large organizations", features: ["Unlimited Users", "Enterprise AI", "Dedicated Manager", "SSO"], buttons: [{ text: "Contact Us", href: "#" }] },
       ]}
       title="Choose the Perfect Plan"
       description="Simple, transparent pricing to scale with your team."
@@ -382,21 +153,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "1",
-          title: "How does the AI work?",
-          content: "Our AI models integrate directly with your tools to learn your workflow.",
-        },
-        {
-          id: "2",
-          title: "Is my data secure?",
-          content: "We use enterprise-grade encryption for all data storage.",
-        },
-        {
-          id: "3",
-          title: "Can I integrate with Slack?",
-          content: "Yes, we support deep integration with Slack and Jira.",
-        },
+        { id: "1", title: "How does the AI work?", content: "Our AI models integrate directly with your tools to learn your workflow." },
+        { id: "2", title: "Is my data secure?", content: "We use enterprise-grade encryption for all data storage." },
+        { id: "3", title: "Can I integrate with Slack?", content: "Yes, we support deep integration with Slack and Jira." },
       ]}
       sideTitle="Frequently Asked Questions"
       sideDescription="Everything you need to know about FlowPilot."
@@ -410,16 +169,8 @@ export default function LandingPage() {
       title="Get Started with FlowPilot"
       description="Ready to supercharge your team's productivity?"
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-        },
+        { name: "name", type: "text", placeholder: "Your Name" },
+        { name: "email", type: "email", placeholder: "Your Email" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-particles-with-shallow-depth-field_1048-12266.jpg"
       buttonText="Start Trial"
@@ -429,17 +180,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="FlowPilot"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1