From 26ccf25deed7ef0517b9823497ce1c9fbf0722e6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 4 May 2026 21:01:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 255 +++++++----------------------------------------
 1 file changed, 37 insertions(+), 218 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 38b2ecf..ac99058 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: "FAQ",
-          id: "#faq",
-        },
+        { name: "Features", id: "#features" },
+        { name: "Pricing", id: "#pricing" },
+        { name: "FAQ", id: "#faq" },
       ]}
       brandName="WebflowFlow"
     />
@@ -51,18 +42,11 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Webflow Support That Scales With You"
       description="Outsource client updates, maintenance, and support so you focus on design. Flat-rate monthly plans, no surprises."
-      buttons={[
-        {
-          text: "Start Free Trial",
-          href: "#pricing",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg?_wi=1"
+      buttons={[{ text: "Start Free Trial", href: "#pricing" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg"
     />
   </div>
 
@@ -81,49 +65,25 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Priority Support",
-          description: "Get help when you need it most with our expert team.",
-          icon: Shield,
+          title: "Priority Support",          description: "Get help when you need it most with our expert team.",          icon: Shield,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663008.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-working_23-2148836086.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg?_wi=2",
-          imageAlt: "web maintenance server",
+            { imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663008.jpg" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-working_23-2148836086.jpg" },
+          ]
         },
         {
-          title: "Automated Workflows",
-          description: "Streamlined maintenance pipelines for efficiency.",
-          icon: Zap,
+          title: "Automated Workflows",          description: "Streamlined maintenance pipelines for efficiency.",          icon: Zap,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913805.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-network-flow_84443-74097.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/nobody-artwork-studio-with-creativity-equipment_482257-27218.jpg",
-          imageAlt: "web maintenance server",
+            { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913805.jpg" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-network-flow_84443-74097.jpg" },
+          ]
         },
         {
-          title: "Monthly Reports",
-          description: "Stay in the loop with transparent progress tracking.",
-          icon: BarChart,
+          title: "Monthly Reports",          description: "Stay in the loop with transparent progress tracking.",          icon: BarChart,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/businesman-technological-scene_1134-492.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165978.jpg?_wi=1",
-          imageAlt: "web maintenance server",
+            { imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/businesman-technological-scene_1134-492.jpg" },
+          ]
         },
       ]}
       title="Everything you need to scale"
@@ -137,27 +97,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "100+",
-          title: "Websites Maintained",
-          description: "Projects managed daily",
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165978.jpg?_wi=2",
-        },
-        {
-          id: "m2",
-          value: "500+",
-          title: "Hours Saved",
-          description: "Per agency monthly",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphics-composition_23-2148991204.jpg",
-        },
-        {
-          id: "m3",
-          value: "99.9%",
-          title: "Uptime",
-          description: "Guaranteed performance",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphics-composition_23-2148991202.jpg",
-        },
+        { id: "m1", value: "100+", title: "Websites Maintained", description: "Projects managed daily", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165978.jpg" },
+        { id: "m2", value: "500+", title: "Hours Saved", description: "Per agency monthly", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphics-composition_23-2148991204.jpg" },
+        { id: "m3", value: "99.9%", title: "Uptime", description: "Guaranteed performance", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphics-composition_23-2148991202.jpg" },
       ]}
       title="Proven results for agencies"
       description="We help you save hours every week."
@@ -170,54 +112,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "p1",
-          tag: "Starter",
-          price: "$299",
-          period: "/mo",
-          description: "Perfect for freelancers starting out.",
-          button: {
-            text: "Select Plan",
-          },
-          featuresTitle: "Included",
-          features: [
-            "1 Client",
-            "Updates included",
-            "24/7 Support",
-          ],
-        },
-        {
-          id: "p2",
-          tag: "Pro",
-          price: "$799",
-          period: "/mo",
-          description: "Best for growing agencies.",
-          button: {
-            text: "Select Plan",
-          },
-          featuresTitle: "Included",
-          features: [
-            "5 Clients",
-            "Everything in Starter",
-            "Priority Support",
-          ],
-        },
-        {
-          id: "p3",
-          tag: "Agency",
-          price: "$1,499",
-          period: "/mo",
-          description: "For large scale operations.",
-          button: {
-            text: "Select Plan",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Unlimited",
-            "Everything in Pro",
-            "Dedicated Account Manager",
-          ],
-        },
+        { id: "p1", tag: "Starter", price: "$299", period: "/mo", description: "Perfect for freelancers starting out.", button: { text: "Select Plan" }, featuresTitle: "Included", features: ["1 Client", "Updates included", "24/7 Support"] },
+        { id: "p2", tag: "Pro", price: "$799", period: "/mo", description: "Best for growing agencies.", button: { text: "Select Plan" }, featuresTitle: "Included", features: ["5 Clients", "Everything in Starter", "Priority Support"] },
+        { id: "p3", tag: "Agency", price: "$1,499", period: "/mo", description: "For large scale operations.", button: { text: "Select Plan" }, featuresTitle: "Included", features: ["Unlimited", "Everything in Pro", "Dedicated Account Manager"] },
       ]}
       title="Transparent Monthly Plans"
       description="No hidden costs, cancel anytime."
@@ -230,41 +127,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          handle: "@sarahj",
-          testimonial: "Game changer for my agency workflow.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-product-photographer-studio_23-2148970225.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          handle: "@mchen",
-          testimonial: "Efficient and reliable maintenance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-sitting-front-laptop-workplace_23-2148187164.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          handle: "@erod",
-          testimonial: "Increased my capacity significantly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          handle: "@dkim",
-          testimonial: "Support that scales with our business.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pensive-programmer-walking-through-apartment-thinking-how-solve-coding-issues_482257-104090.jpg",
-        },
-        {
-          id: "5",
-          name: "Linda Wu",
-          handle: "@lwu",
-          testimonial: "Highest quality Webflow maintenance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
-        },
+        { id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Game changer for my agency workflow.", imageSrc: "http://img.b2bpic.net/free-photo/female-product-photographer-studio_23-2148970225.jpg" },
+        { id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Efficient and reliable maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-sitting-front-laptop-workplace_23-2148187164.jpg" },
+        { id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "Increased my capacity significantly.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg" },
+        { id: "4", name: "David Kim", handle: "@dkim", testimonial: "Support that scales with our business.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-programmer-walking-through-apartment-thinking-how-solve-coding-issues_482257-104090.jpg" },
+        { id: "5", name: "Linda Wu", handle: "@lwu", testimonial: "Highest quality Webflow maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
       ]}
       title="Loved by the community"
       description="Trusted by top agencies."
@@ -275,21 +142,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "How does the trial work?",
-          content: "Start your free trial risk-free.",
-        },
-        {
-          id: "f2",
-          title: "Can I upgrade anytime?",
-          content: "Yes, upgrade your plan whenever needed.",
-        },
-        {
-          id: "f3",
-          title: "What Webflow sites are supported?",
-          content: "We support all standard and CMS sites.",
-        },
+        { id: "f1", title: "How does the trial work?", content: "Start your free trial risk-free." },
+        { id: "f2", title: "Can I upgrade anytime?", content: "Yes, upgrade your plan whenever needed." },
+        { id: "f3", title: "What Webflow sites are supported?", content: "We support all standard and CMS sites." },
       ]}
       sideTitle="Frequently Asked Questions"
       faqsAnimation="slide-up"
@@ -303,24 +158,10 @@ export default function LandingPage() {
       title="Ready to scale?"
       description="Send us a message and we'll get you started today."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we help?",
-        rows: 4,
-      }}
+      textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
       imageSrc="http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104513.jpg"
     />
   </div>
@@ -328,30 +169,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Support",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Support", href: "#" }] },
       ]}
       logoText="WebflowFlow"
     />
-- 
2.49.1