From 5810cd4b461b7421a039c6bf9a0583eea081fc96 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 21:07:18 +0000
Subject: [PATCH 1/4] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 122 ++++++++++++++++++++++++++---------------
 1 file changed, 79 insertions(+), 43 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index e8aa3b3..078a7f4 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -4,10 +4,12 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import SplitAbout from "@/components/sections/about/SplitAbout";
-import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import { Award, Users, Sparkles } from "lucide-react";
+import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
+import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import { Users, Sparkles, Star } from "lucide-react";
 
 export default function AboutPage() {
   return (
@@ -27,70 +29,104 @@ export default function AboutPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
           navItems={[
-            { name: "Work", href: "#work" },
-            { name: "Services", href: "#services" },
-            { name: "About", href: "/about" },
-            { name: "Contact", href: "#contact" }
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Work", id: "/work" },
+            { name: "Contact", id: "/contact" }
           ]}
-          button={{ text: "Get Started", href: "#contact" }}
+          button={{ text: "Get Started", href: "/contact" }}
         />
+
         <SplitAbout
-          title="About Us: Building Trust & Delivering Excellence"
-          description="At Webild, we're more than just a web agency; we're your partner in digital success. With years of experience and a passion for innovation, we craft exceptional online experiences that drive results."
+          title="Who We Are"
+          description="Webild is a digital agency passionate about crafting exceptional online experiences. We combine innovative design with robust development to help brands thrive in the digital landscape."
           tag="Our Story"
           tagIcon={Sparkles}
-          bulletPoints={[
-            { title: "Proven Track Record", description: "A history of successful projects and satisfied clients.", icon: Award },
-            { title: "Expert Team", description: "Dedicated professionals with deep industry knowledge.", icon: Users },
-            { title: "Client-Centric Approach", description: "Your vision is our priority, every step of the way.", icon: Sparkles },
-          ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp"
-          imageAlt="Team member"
-          textboxLayout="default"
-          useInvertedBackground={false}
           mediaAnimation="slide-up"
-          animationType="slide-up"
-        />
-        <TestimonialCardTwelve
-          cardTitle="Webild completely transformed our online presence. The team delivered a stunning website that exceeded our expectations and doubled our conversion rate."
-          cardTag="Trusted Partnership"
-          cardTagIcon={Sparkles}
-          testimonials={[
-            { id: "maria-santos", name: "Maria Santos, CEO at Luxuria Travel", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Maria Santos" },
-            { id: "john-doe", name: "John Doe, Founder at Tech Solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "John Doe" },
-            { id: "jane-smith", name: "Jane Smith, Marketing Director at Global Corp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp", imageAlt: "Jane Smith" }
+          bulletPoints={[
+            { title: "Innovation", description: "Pushing boundaries with creative solutions." },
+            { title: "Excellence", description: "Delivering high-quality, impactful results." },
+            { title: "Collaboration", description: "Working closely with clients for shared success." },
           ]}
-          cardAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-photo-2.webp"
+          imageAlt="Webild team working collaboratively in an office setting"
+          imagePosition="right"
+          textboxLayout="default"
           useInvertedBackground={false}
         />
         <SocialProofOne
-          title="Trusted by Leading Brands"
-          description="Our commitment to excellence has earned the trust of businesses across various sectors."
+          title="Our Partners"
+          description="We've had the privilege to work with amazing clients and partners across various industries."
           names={[
-            "Stripe", "Google", "Airbnb", "Netflix", "Shopify", "Paypal", "Zoom"
-          ]}
+            "Luxuria Travel",            "Umbra Skincare",            "Dental Care",            "Summit Roofing",            "Dubai Real Estate",            "AgentFlow AI"]}
           useInvertedBackground={false}
           showCard={true}
-          animationType="slide-up"
+          textboxLayout="default"
         />
-        <FooterBase
+        <TeamCardEleven
+          title="Meet the Team"
+          description="The creative minds behind your next project."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          groups={[
+            {
+              id: "founders",              groupTitle: "Founders",              members: [
+                { id: "1", title: "Sarah Miller", subtitle: "CEO", detail: "Leading with vision", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Sarah Miller" },
+                { id: "2", title: "Valentina Reyes", subtitle: "CTO", detail: "Innovating technology", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "Valentina Reyes" },
+              ],
+            },
+            {
+              id: "design-dev",              groupTitle: "Design & Development",              members: [
+                { id: "3", title: "Carlos Mendoza", subtitle: "UX Designer", detail: "Crafting user experiences", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp", imageAlt: "Carlos Mendoza" },
+                { id: "4", title: "Emily Chen", subtitle: "Lead Developer", detail: "Building robust solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-4.webp", imageAlt: "Emily Chen" },
+                { id: "5", title: "Michael Lee", subtitle: "Frontend Developer", detail: "Bringing designs to life", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-5.webp", imageAlt: "Michael Lee" },
+              ],
+            },
+          ]}
+        />
+        <TestimonialCardTen
+          title="What Our Clients Say"
+          description="Hear from businesses that have transformed their online presence with Webild."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          testimonials={[
+            {
+              id: "1",              title: "Exceptional Results!",              quote: "Webild transformed our online presence and significantly boosted our conversions. Their team is professional, creative, and highly skilled.",              name: "Maria Santos",              role: "CEO, Luxuria Travel",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/avatar-1.webp",              imageAlt: "Maria Santos"},
+            {
+              id: "2",              title: "Outstanding Design!",              quote: "The website Webild designed for us is not only visually stunning but also incredibly user-friendly. We've received so many compliments!",              name: "John Doe",              role: "Marketing Director, Umbra Skincare",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/avatar-2.webp",              imageAlt: "John Doe"},
+            {
+              id: "3",              title: "Highly Recommended!",              quote: "From concept to launch, Webild was a fantastic partner. Their attention to detail and commitment to our vision was truly impressive.",              name: "Jane Smith",              role: "Founder, Dental Care",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/avatar-3.webp",              imageAlt: "Jane Smith"},
+          ]}
+        />
+        <ContactText
+          text="Ready to Transform Your Digital Presence?"
+          buttons={[
+            { text: "Start Your Project", href: "/contact" },
+            { text: "View Our Work", href: "/work" },
+          ]}
+          background={{ variant: "rotated-rays-animated" }}
+          useInvertedBackground={false}
+        />
+
+        <FooterBaseCard
           logoText="Webild"
           copyrightText="© 2026 | Webild"
           columns={[
             {
               title: "Company",              items: [
                 { label: "About", href: "/about" },
-                { label: "Services", href: "#services" },
-                { label: "Work", href: "#work" },
-                { label: "Contact", href: "#contact" }
+                { label: "Services", href: "/services" },
+                { label: "Work", href: "/work" },
+                { label: "Contact", href: "/contact" }
               ],
             },
             {
               title: "Services",              items: [
-                { label: "Web Development", href: "#" },
-                { label: "SEO", href: "#" },
-                { label: "Branding", href: "#" },
-                { label: "UI/UX Design", href: "#" },
+                { label: "Web Development", href: "/services" },
+                { label: "SEO", href: "/services" },
+                { label: "Branding", href: "/services" },
+                { label: "UI/UX Design", href: "/services" },
               ],
             },
             {
-- 
2.49.1


From ca72a19823c9218237f3daa946a2ea9016743ead Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 21:07:19 +0000
Subject: [PATCH 2/4] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 63 +++++++++++++++++-----------------------
 1 file changed, 26 insertions(+), 37 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index e665c3f..dd57326 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,22 +3,11 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import { Mail } from "lucide-react";
-import type { Metadata } from "next";
-
-export const metadata: Metadata = {
-  title: "Contact Webild: Get Your Project Started",  description: "Reach out to Webild for web development, SEO, and branding inquiries. Submit your budget, ask questions, or schedule a consultation."
-};
+import ContactForm from "@/components/form/ContactForm";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import { MessageCircle } from "lucide-react";
 
 export default function ContactPage() {
-  const handleContactSubmit = (email: string) => {
-    console.log("Contact form submitted with email:", email);
-    alert(`Thank you for your inquiry! We'll be in touch soon at ${email}.`);
-    // In a real application, you'd send this to a backend API
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -36,43 +25,43 @@ export default function ContactPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
           navItems={[
-            { name: "Work", href: "/#work" },
-            { name: "Services", href: "/#services" },
-            { name: "About", href: "/#about" },
-            { name: "Contact", href: "/contact" }
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Work", id: "/work" },
+            { name: "About", id: "/about" }
           ]}
           button={{ text: "Get Started", href: "/contact" }}
         />
-        <ContactCenter
+
+        <ContactForm
+          title="Let's Build Something Great"
+          description="Tell us about your project or simply say hello. We're excited to hear from you!"
           tag="Get in Touch"
-          tagIcon={Mail}
-          title="Let's Build Something Great Together"
-          description="Have a project in mind, a question, or want to discuss your budget? Fill out the form below or reach us directly at: info@webild.com | +1 (555) 123-4567 | 456 Creative Lane, Suite 200, Digital Hub, CA 90210"
-          background={{ variant: "radial-gradient" }}
-          inputPlaceholder="Your Email Address"
-          buttonText="Send Inquiry"
-          termsText="By sending an inquiry, you agree to our Privacy Policy and Terms of Service."
-          onSubmit={handleContactSubmit}
-          useInvertedBackground={false}
+          tagIcon={MessageCircle}
+          inputPlaceholder="Your email address"
+          buttonText="Send Message"
+          termsText="By sending a message, you're confirming that you agree with our Privacy Policy."
+          centered={true}
         />
-        <FooterBase
+
+        <FooterBaseCard
           logoText="Webild"
           copyrightText="© 2026 | Webild"
           columns={[
             {
               title: "Company",              items: [
-                { label: "About", href: "/#about" },
-                { label: "Services", href: "/#services" },
-                { label: "Work", href: "/#work" },
+                { label: "About", href: "/about" },
+                { label: "Services", href: "/services" },
+                { label: "Work", href: "/work" },
                 { label: "Contact", href: "/contact" }
               ],
             },
             {
               title: "Services",              items: [
-                { label: "Web Development", href: "#" },
-                { label: "SEO", href: "#" },
-                { label: "Branding", href: "#" },
-                { label: "UI/UX Design", href: "#" },
+                { label: "Web Development", href: "/services" },
+                { label: "SEO", href: "/services" },
+                { label: "Branding", href: "/services" },
+                { label: "UI/UX Design", href: "/services" },
               ],
             },
             {
@@ -82,7 +71,7 @@ export default function ContactPage() {
                 { label: "Instagram", href: "#" },
                 { label: "Dribbble", href: "#" },
               ],
-            }
+            },
           ]}
         />
       </ReactLenis>
-- 
2.49.1


From f3c2b7b4a94659d27e736d7049f2484f02836bd7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 21:07:19 +0000
Subject: [PATCH 3/4] Update src/app/services/page.tsx

---
 src/app/services/page.tsx | 175 ++++++++++++++++++++------------------
 1 file changed, 94 insertions(+), 81 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 0dcee73..c1bf611 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -3,12 +3,13 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroSplit from "@/components/sections/hero/HeroSplit";
+import HeroSplit from "@/components/sections/hero/HeroSplitDoubleCarousel";
 import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
 import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import { Monitor, Code, Search, Sparkles, DollarSign, Wrench, CheckCircle } from "lucide-react";
+import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import { Sparkles, CheckCircle, Rocket, Shield } from "lucide-react";
 
 export default function ServicesPage() {
   return (
@@ -28,100 +29,112 @@ export default function ServicesPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
           navItems={[
-            { name: "Work", href: "/work" },
-            { name: "Services", href: "/services" },
-            { name: "About", href: "/#about" },
-            { name: "Contact", href: "/#contact" }
+            { name: "Home", id: "/" },
+            { name: "Work", id: "/work" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" }
           ]}
-          button={{ text: "Get Started", href: "/#contact" }}
+          button={{ text: "Get Started", href: "/contact" }}
         />
+
         <HeroSplit
-          title="Comprehensive Web Design & Development Services"
-          description="From stunning visuals to robust functionality, we build digital solutions that drive growth and connect with your audience."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp"
-          imageAlt="Web design services illustration"
+          title="Our Services"
+          description="We offer a comprehensive suite of digital services designed to elevate your brand and achieve your business goals."
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/service-hero-1.webp"
+          imageAlt="Modern web design interface on a screen"
           background={{ variant: "plain" }}
           buttons={[
-            { text: "Get a Quote", href: "#contact-form" },
-            { text: "View Portfolio", href: "/work" },
+            { text: "Get a Quote", href: "/contact" },
+            { text: "View Our Work", href: "/work" },
           ]}
           buttonAnimation="slide-up"
           mediaAnimation="slide-up"
+        />
+        <FeatureHoverPattern
+          title="How We Help"
+          description="Our expertise covers every aspect of your digital presence, from initial concept to ongoing optimization."
+          animationType="slide-up"
+          useInvertedBackground={false}
+          textboxLayout="default"
+          features={[
+            {
+              icon: Sparkles,
+              title: "Web Development",              description: "Custom-built, responsive websites that deliver exceptional user experiences."},
+            {
+              icon: Rocket,
+              title: "SEO Optimization",              description: "Improve your search engine rankings and drive organic traffic to your site."},
+            {
+              icon: Shield,
+              title: "Branding & Identity",              description: "Develop a strong, memorable brand identity that resonates with your audience."},
+            {
+              icon: CheckCircle,
+              title: "UI/UX Design",              description: "Intuitive and aesthetically pleasing interfaces that engage users."},
+          ]}
+        />
+
+        <PricingCardTwo
+          title="Transparent Pricing"
+          description="Find the perfect plan for your project. No hidden fees, just clear value."
+          animationType="slide-up"
+          useInvertedBackground={false}
+          textboxLayout="default"
+          plans={[
+            {
+              id: "basic",              badge: "Basic",              badgeIcon: Sparkles,
+              price: "$999",              subtitle: "Ideal for startups and small businesses.",              buttons: [{ text: "Get Started", href: "/contact" }],
+              features: [
+                "Custom Web Design",                "5 Page Website",                "Basic SEO Setup",                "Responsive Design",                "1 Month Support"],
+            },
+            {
+              id: "pro",              badge: "Pro",              badgeIcon: Rocket,
+              price: "$2499",              subtitle: "Perfect for growing businesses.",              buttons: [{ text: "Get Started", href: "/contact" }],
+              features: [
+                "Everything in Basic",                "10 Page Website",                "Advanced SEO Strategy",                "CRM Integration",                "3 Months Support"],
+            },
+            {
+              id: "enterprise",              badge: "Enterprise",              badgeIcon: Shield,
+              price: "Custom",              subtitle: "Tailored for large-scale projects.",              buttons: [{ text: "Contact Us", href: "/contact" }],
+              features: [
+                "Everything in Pro",                "Unlimited Pages",                "Full Marketing Suite",                "Dedicated Account Manager",                "1 Year Support"],
+            },
+          ]}
+        />
+
+        <TestimonialCardTen
+          title="Why Clients Love Our Services"
+          description="We're dedicated to delivering exceptional results and building lasting relationships."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          testimonials={[
+            {
+              id: "1",              title: "Game Changer!",              quote: "Webild completely transformed our online presence. Their web development expertise is unparalleled, leading to a significant increase in user engagement.",              name: "Alexandra Chen",              role: "CEO, Tech Solutions Inc.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/avatar-1.webp",              imageAlt: "Alexandra Chen"},
+            {
+              id: "2",              title: "Fantastic SEO Results!",              quote: "Our organic traffic has soared since Webild optimized our website. Their SEO strategies are truly effective and transparent.",              name: "David Rodriguez",              role: "Marketing Manager, Eco-Ware Brands",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/avatar-2.webp",              imageAlt: "David Rodriguez"},
+            {
+              id: "3",              title: "Stunning Design!",              quote: "The UI/UX design provided by Webild exceeded all our expectations. Our customers love the new look and feel of our application.",              name: "Sophia Lee",              role: "Product Lead, InnovateNow",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/avatar-3.webp",              imageAlt: "Sophia Lee"},
+          ]}
+        />
+
+        <ContactText
+          text="Ready to Elevate Your Digital Presence?"
+          buttons={[
+            { text: "Discuss Your Project", href: "/contact" },
+            { text: "View Case Studies", href: "/work" },
+          ]}
+          background={{ variant: "rotated-rays-animated" }}
           useInvertedBackground={false}
         />
-        <div id="our-services" data-section="our-services">
-          <FeatureHoverPattern
-            title="Our Core Expertise"
-            description="We cover every aspect of your online presence, ensuring a cohesive and high-performing digital ecosystem."
-            animationType="slide-up"
-            useInvertedBackground={false}
-            features={[
-              { icon: Monitor, title: "Custom Web Design", description: "Crafting intuitive and aesthetically pleasing user interfaces (UI) and engaging user experiences (UX) tailored to your brand." },
-              { icon: Code, title: "Full-Stack Web Development", description: "Building robust, scalable, and secure websites using the latest technologies for both front-end and back-end." },
-              { icon: Search, title: "SEO Strategy & Optimization", description: "Improving your search engine rankings to drive organic traffic and increase online visibility." },
-              { icon: Sparkles, title: "Brand Identity & Strategy", description: "Developing a strong and consistent brand image that resonates with your target audience and stands out." },
-              { icon: DollarSign, title: "E-commerce Solutions", description: "Creating powerful online stores with seamless shopping experiences to maximize your sales and conversions." },
-              { icon: Wrench, title: "Website Maintenance & Support", description: "Ensuring your website remains secure, updated, and performs optimally with ongoing support and maintenance plans." },
-            ]}
-          />
-        </div>
-        <div id="pricing" data-section="pricing">
-          <PricingCardTwo
-            title="Transparent Pricing Plans"
-            description="Find the perfect package to match your project needs and budget."
-            animationType="slide-up"
-            useInvertedBackground={false}
-            plans={[
-              {
-                id: "basic",                badge: "Basic",                badgeIcon: CheckCircle,
-                price: "$1,500+",                subtitle: "Starter Website",                buttons: [{ text: "Get Started", href: "#contact-form" }],
-                features: [
-                  "5-Page Custom Design",                  "Responsive Development",                  "Basic SEO Setup",                  "1-Month Support"
-                ],
-              },
-              {
-                id: "standard",                badge: "Standard",                badgeIcon: CheckCircle,
-                price: "$3,500+",                subtitle: "Business Growth",                buttons: [{ text: "Choose Plan", href: "#contact-form" }],
-                features: [
-                  "10-Page Custom Design",                  "Advanced SEO Strategy",                  "CRM Integration",                  "3-Months Support & Analytics",                  "Content Management System"
-                ],
-              },
-              {
-                id: "premium",                badge: "Premium",                badgeIcon: CheckCircle,
-                price: "$7,000+",                subtitle: "Enterprise Solution",                buttons: [{ text: "Contact Us", href: "#contact-form" }],
-                features: [
-                  "Unlimited Pages",                  "E-commerce / Advanced Features",                  "Dedicated Project Manager",                  "6-Months Priority Support",                  "Custom Integrations & APIs"
-                ],
-              },
-            ]}
-          />
-        </div>
-        <div id="contact-form" data-section="contact-form">
-          <ContactSplitForm
-            title="Ready to Start Your Project?"
-            description="Let's discuss your vision and how we can bring it to life. Fill out the form below to get a custom quote."
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-9.webp"
-            imageAlt="Contact us for web design services"
-            useInvertedBackground={false}
-            inputs={[
-              { name: "name", type: "text", placeholder: "Your Name", required: true },
-              { name: "email", type: "email", placeholder: "Your Email", required: true },
-            ]}
-            textarea={{ name: "message", placeholder: "Tell us about your project", rows: 5, required: true }}
-            buttonText="Send Message"
-            mediaAnimation="slide-up"
-          />
-        </div>
-        <FooterBase
+
+        <FooterBaseCard
           logoText="Webild"
           copyrightText="© 2026 | Webild"
           columns={[
             {
               title: "Company",              items: [
-                { label: "About", href: "/#about" },
+                { label: "About", href: "/about" },
                 { label: "Services", href: "/services" },
                 { label: "Work", href: "/work" },
-                { label: "Contact", href: "/#contact" },
+                { label: "Contact", href: "/contact" }
               ],
             },
             {
-- 
2.49.1


From b2b0b32b7b3018765ef4f4a51b3ce04b580d2d46 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 21:07:20 +0000
Subject: [PATCH 4/4] Update src/app/work/page.tsx

---
 src/app/work/page.tsx | 112 +++++++++++++++++++-----------------------
 1 file changed, 51 insertions(+), 61 deletions(-)

diff --git a/src/app/work/page.tsx b/src/app/work/page.tsx
index 807fc71..6f72ee6 100644
--- a/src/app/work/page.tsx
+++ b/src/app/work/page.tsx
@@ -3,11 +3,11 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroSplit from "@/components/sections/hero/HeroSplit";
+import HeroSplit from "@/components/sections/hero/HeroSplitDoubleCarousel";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import { ArrowUpRight } from "lucide-react";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import { Sparkles } from "lucide-react";
 
 export default function WorkPage() {
   return (
@@ -27,80 +27,70 @@ export default function WorkPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
           navItems={[
-            { name: "Work", href: "/work" },
-            { name: "Services", href: "/services" },
-            { name: "About", href: "/#about" },
-            { name: "Contact", href: "/#contact" }
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" }
           ]}
-          button={{ text: "Get Started", href: "/#contact" }}
+          button={{ text: "Get Started", href: "/contact" }}
         />
+
         <HeroSplit
-          title="Our Portfolio & Case Studies"
-          description="Explore a selection of our award-winning projects that demonstrate our commitment to design excellence and measurable results."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp"
-          imageAlt="Portfolio showcase image"
+          title="Our Latest Work"
+          description="Explore our diverse portfolio of projects, showcasing innovative design and powerful development solutions."
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/work-hero-1.webp"
+          imageAlt="Digital portfolio showcasing various web design projects"
           background={{ variant: "plain" }}
           buttons={[
-            { text: "Our Services", href: "/services" },
-            { text: "Contact Us", href: "#contact-form" },
+            { text: "Get a Quote", href: "/contact" },
+            { text: "Learn More", href: "/about" },
           ]}
           buttonAnimation="slide-up"
           mediaAnimation="slide-up"
+        />
+        <ProductCardFour
+          title="Featured Projects"
+          description="A selection of our most impactful and visually striking projects."
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          textboxLayout="default"
+          products={[
+            {
+              id: "1",              name: "Umbra Skincare",              price: "Luxury E-commerce",              variant: "Web Design, Development",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp",              imageAlt: "Umbra Skincare website design"},
+            {
+              id: "2",              name: "Luxuria Travel",              price: "Bespoke Travel Platform",              variant: "UI/UX, Branding",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp",              imageAlt: "Luxuria Travel website design"},
+            {
+              id: "3",              name: "Dental Care",              price: "Premier Clinic Website",              variant: "Web Design, SEO",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp",              imageAlt: "Dental Care website design"},
+            {
+              id: "4",              name: "Summit Roofing",              price: "Contractor Digital Presence",              variant: "Web Development, Marketing",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp",              imageAlt: "Summit Roofing website design"},
+            {
+              id: "5",              name: "Dubai Real Estate",              price: "Luxury Property Listings",              variant: "UI/UX, Backend",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp",              imageAlt: "Dubai Real Estate website design"},
+            {
+              id: "6",              name: "AgentFlow AI",              price: "AI Platform Dashboard",              variant: "UI/UX, SaaS Design",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-6.webp",              imageAlt: "AgentFlow AI platform design"},
+          ]}
+        />
+
+        <ContactText
+          text="Ready to Transform Your Digital Presence?"
+          buttons={[
+            { text: "Start Your Project", href: "/contact" },
+            { text: "View Our Services", href: "/services" },
+          ]}
+          background={{ variant: "rotated-rays-animated" }}
           useInvertedBackground={false}
         />
-        <div id="featured-projects" data-section="featured-projects">
-          <ProductCardFour
-            title="Featured Projects"
-            description="Dive into our recent work and see how we've helped businesses like yours succeed online."
-            gridVariant="four-items-2x2-equal-grid"
-            animationType="slide-up"
-            useInvertedBackground={false}
-            products={[
-              {
-                id: "umbra-skincare",                name: "Umbra Skincare",                price: "E-commerce",                variant: "Web Design",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp",                imageAlt: "Umbra Skincare website"},
-              {
-                id: "luxuria-travel",                name: "Luxuria Travel",                price: "Luxury Booking",                variant: "UI/UX Design",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp",                imageAlt: "Luxuria Travel website"},
-              {
-                id: "dental-care",                name: "Dental Care",                price: "Health Portal",                variant: "Web Development",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp",                imageAlt: "Luxury Dental Care website"},
-              {
-                id: "summit-roofing",                name: "Summit Roofing",                price: "Local Business",                variant: "Web Design",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp",                imageAlt: "Summit Roofing website"},
-              {
-                id: "dubai-real-estate",                name: "Dubai Real Estate",                price: "Property Listing",                variant: "UI/UX & Branding",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp",                imageAlt: "Dubai Real Estate website"},
-              {
-                id: "agentflow-ai",                name: "AgentFlow AI",                price: "SaaS Platform",                variant: "Full-Stack Dev",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp",                imageAlt: "AgentFlow AI platform screenshot"},
-              {
-                id: "architecture-studio",                name: "Architecture Studio",                price: "Digital Presence",                variant: "Custom Website",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp",                imageAlt: "Architecture studio website"},
-              {
-                id: "lumine-skincare",                name: "Luminé Skincare",                price: "Beauty Brand",                variant: "E-commerce Design",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp",                imageAlt: "Luminé skincare website"}
-            ]}
-          />
-        </div>
-        <div id="contact-form" data-section="contact-form">
-          <ContactSplitForm
-            title="Have a Project in Mind?"
-            description="We're excited to hear about your ideas. Let's create something remarkable together and bring your vision to life."
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp"
-            imageAlt="Team member working on a project"
-            useInvertedBackground={false}
-            inputs={[
-              { name: "name", type: "text", placeholder: "Your Name", required: true },
-              { name: "email", type: "email", placeholder: "Your Email", required: true },
-            ]}
-            textarea={{ name: "projectDetails", placeholder: "Tell us about your project and goals", rows: 5, required: true }}
-            buttonText="Get in Touch"
-            mediaAnimation="slide-up"
-          />
-        </div>
-        <FooterBase
+
+        <FooterBaseCard
           logoText="Webild"
           copyrightText="© 2026 | Webild"
           columns={[
             {
               title: "Company",              items: [
-                { label: "About", href: "/#about" },
+                { label: "About", href: "/about" },
                 { label: "Services", href: "/services" },
                 { label: "Work", href: "/work" },
-                { label: "Contact", href: "/#contact" },
+                { label: "Contact", href: "/contact" }
               ],
             },
             {
-- 
2.49.1