From b72fb91cbd525c1da113cdf94320fd20920f0af4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 09:43:48 +0000
Subject: [PATCH 1/6] Update src/app/page.tsx

---
 src/app/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 18eb001..7cbb8e5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -149,10 +149,10 @@ export default function HomePage() {
             {
               id: "enterprise-solutions",              title: "Enterprise Solutions",              description: "Large-scale system integration, data management, and infrastructure solutions designed for mission-critical applications and enterprise reliability requirements.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/enterprise-software-solutions-architectu-1772527673363-117f00ea.png",              imageAlt: "Enterprise solutions architecture"},
           ]}
-          gridVariant="uniform-4"
+          gridVariant="uniform-3-items"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground="noInvert"
           buttons={[{ text: "Explore Services", href: "services" }]}
           buttonAnimation="blur-reveal"
         />
-- 
2.49.1


From 3b5d9b026b00b62c4757c4f12b07bb42664536ca Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 09:43:48 +0000
Subject: [PATCH 2/6] Update src/app/services/page.tsx

---
 src/app/services/page.tsx | 66 +++++++++++----------------------------
 1 file changed, 18 insertions(+), 48 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 290197e..f22b1fa 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -4,10 +4,9 @@ import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
-import SplitAbout from "@/components/sections/about/SplitAbout";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Sparkles, Code, Cpu, TrendingUp, Globe } from "lucide-react";
+import { Sparkles } from "lucide-react";
 
 const footerColumns = [
   {
@@ -76,71 +75,42 @@ export default function ServicesPage() {
       {/* Services Section */}
       <div id="services" data-section="services">
         <FeatureCardTwentySeven
-          title="Our Comprehensive Services"
-          description="End-to-end software development solutions tailored to solve your unique business challenges and drive measurable results. From concept to deployment, we handle every aspect with technical excellence and strategic thinking."
+          title="Our Core Services"
+          description="Comprehensive software development services tailored to drive innovation, efficiency, and competitive advantage for your organization."
           tag="Services"
           tagIcon={Sparkles}
           tagAnimation="blur-reveal"
           features={[
             {
-              id: "custom-development",              title: "Custom Software Development",              description: "Bespoke software solutions built with modern technologies and architectural best practices. We combine clean code principles, scalable architecture, and cutting-edge frameworks to create applications that stand the test of time and scale effortlessly.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/custom-software-development-workflow-vis-1772527670830-12700389.png",              imageAlt: "Custom software development workflow"},
+              id: "custom-development",              title: "Custom Software Development",              description: "Bespoke software solutions built with modern technologies and architectural best practices to solve complex business challenges and deliver measurable ROI.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/custom-software-development-workflow-vis-1772527670830-12700389.png",              imageAlt: "Custom software development workflow"
+            },
             {
-              id: "ai-automation",              title: "AI Automation Solutions",              description: "Leverage artificial intelligence and machine learning to automate processes, enhance decision-making, and unlock new capabilities in your operations. Our AI specialists design intelligent systems that learn and adapt to optimize your business outcomes.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/artificial-intelligence-and-machine-lear-1772527671596-b816dded.png",              imageAlt: "AI automation system visualization"},
+              id: "ai-automation",              title: "AI Automation Solutions",              description: "Leverage artificial intelligence and machine learning to automate processes, enhance decision-making, and unlock new capabilities in your operations.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/artificial-intelligence-and-machine-lear-1772527671596-b816dded.png",              imageAlt: "AI automation system visualization"
+            },
             {
-              id: "saas-mvp",              title: "SaaS MVP Development",              description: "Rapid development of minimum viable products for software-as-a-service platforms. We combine speed-to-market with scalable cloud-native architecture, ensuring your product can grow from launch to millions of users.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/saas-mvp-development-process-visualizati-1772527671532-6d1e632c.png",              imageAlt: "SaaS MVP development process"},
+              id: "saas-mvp",              title: "SaaS MVP Development",              description: "Rapid development of minimum viable products for software-as-a-service platforms, combining speed-to-market with scalable cloud-native architecture.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/saas-mvp-development-process-visualizati-1772527671532-6d1e632c.png",              imageAlt: "SaaS MVP development process"
+            },
             {
-              id: "enterprise-solutions",              title: "Enterprise Solutions",              description: "Large-scale system integration, data management, and infrastructure solutions designed for mission-critical applications. We build enterprise-grade systems with 99.99% uptime requirements, handling millions of transactions securely and reliably.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/enterprise-software-solutions-architectu-1772527673363-117f00ea.png",              imageAlt: "Enterprise solutions architecture"},
+              id: "enterprise-solutions",              title: "Enterprise Solutions",              description: "Large-scale system integration, data management, and infrastructure solutions designed for mission-critical applications and enterprise reliability requirements.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/enterprise-software-solutions-architectu-1772527673363-117f00ea.png",              imageAlt: "Enterprise solutions architecture"
+            },
           ]}
-          gridVariant="uniform-4"
+          gridVariant="uniform-3-items"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[{ text: "Let's Discuss Your Project", href: "contact" }]}
+          useInvertedBackground="noInvert"
+          buttons={[{ text: "Explore Services", href: "services" }]}
           buttonAnimation="blur-reveal"
         />
       </div>
 
-      {/* Service Details Section */}
-      <div id="service-details" data-section="service-details">
-        <SplitAbout
-          title="Our Development Approach"
-          description="We follow proven methodologies and best practices that combine technical excellence with strategic business thinking. Every project benefits from our accumulated experience and commitment to delivering transformative results."
-          tag="Methodology"
-          tagIcon={Code}
-          tagAnimation="blur-reveal"
-          bulletPoints={[
-            {
-              title: "Discovery & Strategy",              description: "We begin with comprehensive discovery, understanding your business goals, technical requirements, and market context to inform our architecture and technology decisions.",              icon: Sparkles,
-            },
-            {
-              title: "Agile Development",              description: "Using agile sprint-based methodologies, we deliver working software regularly, maintain transparent communication, and adapt to changing requirements with ease.",              icon: TrendingUp,
-            },
-            {
-              title: "Quality Assurance",              description: "Rigorous testing including unit tests, integration tests, E2E tests, security audits, and performance optimization ensure production-ready code every time.",              icon: Code,
-            },
-            {
-              title: "Post-Launch Support",              description: "Ongoing monitoring, maintenance, performance optimization, and feature enhancements keep your system running at peak efficiency while you focus on growing your business.",              icon: Globe,
-            },
-          ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/a-dynamic-team-of-diverse-software-devel-1772527670697-2850cbf9.png"
-          imageAlt="DevForge development approach and methodology"
-          mediaAnimation="slide-up"
-          imagePosition="left"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[{ text: "Learn About Our Process", href: "#" }]}
-          buttonAnimation="blur-reveal"
-        />
-      </div>
-
-      {/* Contact CTA Section */}
+      {/* Contact Section */}
       <div id="contact" data-section="contact">
         <ContactText
-          text="Ready to start your next project? Let's discuss how we can help you achieve your business goals with cutting-edge software solutions."
+          text="Ready to transform your business with next-generation software? Let's collaborate and build something extraordinary together."
           animationType="entrance-slide"
           buttons={[
+            { text: "Get in Touch", href: "contact" },
             { text: "Schedule Consultation", href: "contact" },
-            { text: "Get a Proposal", href: "contact" },
           ]}
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
@@ -157,4 +127,4 @@ export default function ServicesPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1


From 112dd17e3ab1f840c253deceff3379b66e30a9a6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 09:46:05 +0000
Subject: [PATCH 3/6] Update src/app/layout.tsx

---
 src/app/layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 7998ab4..fa178b6 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -5,7 +5,7 @@ import "@/styles/globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "DevForge - Custom Software Development & AI Solutions",  description: "Premium software development agency specializing in custom solutions, AI automation, and scalable enterprise platforms."};
+  title: "DevForge - Premium Software Development",  description: "Next-generation software development agency specializing in custom solutions, AI automation, and scalable enterprise platforms."};
 
 export default function RootLayout({
   children,
@@ -13,7 +13,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en">
       <body className={inter.className}>{children}
         <script
           dangerouslySetInnerHTML={{
-- 
2.49.1


From e1498567aaffe9afa3e9e51f21c35732fbf9bba9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 09:46:06 +0000
Subject: [PATCH 4/6] Update src/app/page.tsx

---
 src/app/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7cbb8e5..18eb001 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -149,10 +149,10 @@ export default function HomePage() {
             {
               id: "enterprise-solutions",              title: "Enterprise Solutions",              description: "Large-scale system integration, data management, and infrastructure solutions designed for mission-critical applications and enterprise reliability requirements.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/enterprise-software-solutions-architectu-1772527673363-117f00ea.png",              imageAlt: "Enterprise solutions architecture"},
           ]}
-          gridVariant="uniform-3-items"
+          gridVariant="uniform-4"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground="noInvert"
+          useInvertedBackground={false}
           buttons={[{ text: "Explore Services", href: "services" }]}
           buttonAnimation="blur-reveal"
         />
-- 
2.49.1


From b6a70afa7557805965ee8a968bcf8c4a06bda0f5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 09:49:54 +0000
Subject: [PATCH 5/6] Update src/app/page.tsx

---
 src/app/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 18eb001..7cbb8e5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -149,10 +149,10 @@ export default function HomePage() {
             {
               id: "enterprise-solutions",              title: "Enterprise Solutions",              description: "Large-scale system integration, data management, and infrastructure solutions designed for mission-critical applications and enterprise reliability requirements.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/enterprise-software-solutions-architectu-1772527673363-117f00ea.png",              imageAlt: "Enterprise solutions architecture"},
           ]}
-          gridVariant="uniform-4"
+          gridVariant="uniform-3-items"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground="noInvert"
           buttons={[{ text: "Explore Services", href: "services" }]}
           buttonAnimation="blur-reveal"
         />
-- 
2.49.1


From 84cd79db00373544d069947d95306916ddbe29f9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 09:49:57 +0000
Subject: [PATCH 6/6] Update src/app/services/page.tsx

---
 src/app/services/page.tsx | 48 ++++++++++++++++++++++++++-------------
 1 file changed, 32 insertions(+), 16 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index f22b1fa..26ec5f7 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -3,10 +3,11 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Sparkles } from "lucide-react";
+import { ArrowRight, Sparkles } from "lucide-react";
 
 const footerColumns = [
   {
@@ -72,33 +73,48 @@ export default function ServicesPage() {
         />
       </div>
 
-      {/* Services Section */}
-      <div id="services" data-section="services">
+      {/* Hero Section */}
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Our Comprehensive Services"
+          description="Explore our full range of software development services designed to drive innovation, efficiency, and sustainable growth for your organization."
+          tag="What We Offer"
+          tagIcon={Sparkles}
+          tagAnimation="blur-reveal"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/a-sleek-modern-software-development-dash-1772527671063-bebe365c.png"
+          imageAlt="Services overview dashboard"
+          textPosition="bottom-left"
+          showBlur={true}
+          showDimOverlay={true}
+          buttons={[
+            { text: "Schedule Consultation", href: "contact" },
+            { text: "View Case Studies", href: "/" },
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      {/* Services Detail Section */}
+      <div id="services-detail" data-section="services-detail">
         <FeatureCardTwentySeven
-          title="Our Core Services"
-          description="Comprehensive software development services tailored to drive innovation, efficiency, and competitive advantage for your organization."
+          title="Service Offerings"
+          description="Comprehensive software solutions tailored to your unique business needs and technical requirements."
           tag="Services"
           tagIcon={Sparkles}
           tagAnimation="blur-reveal"
           features={[
             {
-              id: "custom-development",              title: "Custom Software Development",              description: "Bespoke software solutions built with modern technologies and architectural best practices to solve complex business challenges and deliver measurable ROI.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/custom-software-development-workflow-vis-1772527670830-12700389.png",              imageAlt: "Custom software development workflow"
-            },
+              id: "custom-development",              title: "Custom Software Development",              description: "Bespoke software solutions built with modern technologies and architectural best practices to solve complex business challenges and deliver measurable ROI.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/custom-software-development-workflow-vis-1772527670830-12700389.png",              imageAlt: "Custom software development workflow"},
             {
-              id: "ai-automation",              title: "AI Automation Solutions",              description: "Leverage artificial intelligence and machine learning to automate processes, enhance decision-making, and unlock new capabilities in your operations.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/artificial-intelligence-and-machine-lear-1772527671596-b816dded.png",              imageAlt: "AI automation system visualization"
-            },
+              id: "ai-automation",              title: "AI Automation Solutions",              description: "Leverage artificial intelligence and machine learning to automate processes, enhance decision-making, and unlock new capabilities in your operations.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/artificial-intelligence-and-machine-lear-1772527671596-b816dded.png",              imageAlt: "AI automation system visualization"},
             {
-              id: "saas-mvp",              title: "SaaS MVP Development",              description: "Rapid development of minimum viable products for software-as-a-service platforms, combining speed-to-market with scalable cloud-native architecture.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/saas-mvp-development-process-visualizati-1772527671532-6d1e632c.png",              imageAlt: "SaaS MVP development process"
-            },
-            {
-              id: "enterprise-solutions",              title: "Enterprise Solutions",              description: "Large-scale system integration, data management, and infrastructure solutions designed for mission-critical applications and enterprise reliability requirements.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/enterprise-software-solutions-architectu-1772527673363-117f00ea.png",              imageAlt: "Enterprise solutions architecture"
-            },
+              id: "saas-mvp",              title: "SaaS MVP Development",              description: "Rapid development of minimum viable products for software-as-a-service platforms, combining speed-to-market with scalable cloud-native architecture.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/saas-mvp-development-process-visualizati-1772527671532-6d1e632c.png",              imageAlt: "SaaS MVP development process"},
           ]}
           gridVariant="uniform-3-items"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="noInvert"
-          buttons={[{ text: "Explore Services", href: "services" }]}
+          buttons={[{ text: "Explore All Services", href: "/" }]}
           buttonAnimation="blur-reveal"
         />
       </div>
@@ -106,7 +122,7 @@ export default function ServicesPage() {
       {/* Contact Section */}
       <div id="contact" data-section="contact">
         <ContactText
-          text="Ready to transform your business with next-generation software? Let's collaborate and build something extraordinary together."
+          text="Ready to transform your business with our comprehensive software solutions? Let's discuss your project requirements and build your success story."
           animationType="entrance-slide"
           buttons={[
             { text: "Get in Touch", href: "contact" },
-- 
2.49.1