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

---
 src/app/page.tsx | 61 +++++++++++++++++++++---------------------------
 1 file changed, 26 insertions(+), 35 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ac99058..0fcb073 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import ContactText from '@/components/sections/contact/ContactText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TextAbout from '@/components/sections/about/TextAbout';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import { BarChart, Shield, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -65,21 +65,21 @@ 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" },
           ]
         },
         {
-          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" },
           ]
         },
         {
-          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" },
@@ -122,16 +122,14 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
+      <TestimonialCardThirteen
+      animationType="blur-reveal"
+      showRating={true}
       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.", rating: 5, 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.", rating: 5, 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.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg" },
       ]}
       title="Loved by the community"
       description="Trusted by top agencies."
@@ -139,40 +137,33 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqSplitMedia
       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." },
       ]}
-      sideTitle="Frequently Asked Questions"
-      faqsAnimation="slide-up"
-      sideDescription="Get quick answers to common questions about our services."
+      title="Frequently Asked Questions"
+      description="Get quick answers to common questions about our services."
+      faqsAnimation="blur-reveal"
+      mediaAnimation="blur-reveal"
+      textboxLayout="split"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      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 },
-      ]}
-      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"
+      <ContactText
+      text="Ready to take your design business to the next level? Get in touch today."
+      buttons={[{ text: "Contact Support", href: "#contact" }]}
+      background={{ variant: "sparkles-gradient" }}
     />
   </div>
 
   <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: "#" }] },
-      ]}
+      <FooterCard
       logoText="WebflowFlow"
+      copyrightText="© 2025 | WebflowFlow"
     />
   </div>
       </ReactLenis>
-- 
2.49.1