Update src/app/services/page.tsx

Update src/app/page.tsx
2026-03-03 09:49:57 +00:00 · 2026-03-03 09:49:54 +00:00 · 2026-03-03 09:46:06 +00:00 · 2026-03-03 09:46:05 +00:00 · 2026-03-03 09:43:48 +00:00 · 2026-03-03 09:43:48 +00:00
3 changed files with 43 additions and 31 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,17 +1,11 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-import "./globals.css";
+import { Inter } from "next/font/google";
+import "@/styles/globals.css";

-const geist = Geist({
-  variable: "--font-geist-sans",  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",  subsets: ["latin"],
-});
+const inter = Inter({ subsets: ["latin"] });

 export const metadata: Metadata = {
-  title: "DevForge - Next-Generation Software Development",  description: "Premium software development solutions powered by AI automation and cutting-edge technology."};
+  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,
@@ -20,9 +14,7 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en">
-      <body className={`${geist.variable} ${geistMono.variable} antialiased`}>
-        {children}
-      
+      <body className={inter.className}>{children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -91,7 +91,7 @@ export default function HomePage() {
          showBlur={true}
          showDimOverlay={true}
          buttons={[
-            { text: "Start Your Project", href: "contact" },
+            { text: "Build Your Solution", href: "contact" },
            { text: "View Our Work", href: "services" },
          ]}
          buttonAnimation="slide-up"
@@ -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"
        />
@@ -167,16 +167,16 @@ export default function HomePage() {
          tagIcon={Star}
          tagAnimation="blur-reveal"
          testimonials={[
-            {
-              id: "4",              title: "Scaled from MVP to 10M+ Users",              quote: "From MVP to enterprise platform serving millions. DevForge's scalable architecture and technical foresight enabled our meteoric growth. Invaluable partnership.",              name: "Alex Kumar",              role: "Co-Founder",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/professional-headshot-of-a-startup-found-1772527670406-31301aff.png",              imageAlt: "Alex Kumar Co-Founder"},
            {
              id: "1",              title: "Accelerated Our Time-to-Market by 60%",              quote: "DevForge understood our vision and delivered a SaaS platform that exceeded expectations. Their AI automation features have become core to our competitive advantage. Exceptional team and outstanding results.",              name: "Sarah Chen",              role: "CEO & Founder",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/professional-headshot-of-a-confident-ceo-1772527671628-9d9ecbfb.png",              imageAlt: "Sarah Chen CEO"},
-            {
-              id: "5",              title: "Transformed Our Operations Completely",              quote: "The custom automation solution DevForge built reduced our operational costs by 40% while improving efficiency across all departments. Strategic partner indeed.",              name: "Jennifer Martinez",              role: "VP Operations",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/professional-headshot-of-a-business-deve-1772527669290-171f3714.png",              imageAlt: "Jennifer Martinez VP Operations"},
            {
              id: "2",              title: "Enterprise-Grade Quality at Scale",              quote: "Working with DevForge on our enterprise data platform was transformative. Their architects designed a system that handles millions of transactions daily with zero downtime. True technical excellence.",              name: "Michael Rodriguez",              role: "CTO",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/professional-headshot-of-a-cto-technical-1772527671869-aa853219.png",              imageAlt: "Michael Rodriguez CTO"},
            {
              id: "3",              title: "Innovation Partner, Not Just Vendor",              quote: "DevForge became an extension of our team. They didn't just build software—they helped us reimagine our product strategy with AI-powered features that delighted our users.",              name: "Emma Thompson",              role: "Product Director",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/professional-headshot-of-a-product-manag-1772527669470-32fcb49a.png",              imageAlt: "Emma Thompson Product Director"},
+            {
+              id: "4",              title: "Scaled from MVP to 10M+ Users",              quote: "From MVP to enterprise platform serving millions. DevForge's scalable architecture and technical foresight enabled our meteoric growth. Invaluable partnership.",              name: "Alex Kumar",              role: "Co-Founder",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/professional-headshot-of-a-startup-found-1772527670406-31301aff.png",              imageAlt: "Alex Kumar Co-Founder"},
+            {
+              id: "5",              title: "Transformed Our Operations Completely",              quote: "The custom automation solution DevForge built reduced our operational costs by 40% while improving efficiency across all departments. Strategic partner indeed.",              name: "Jennifer Martinez",              role: "VP Operations",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/professional-headshot-of-a-business-deve-1772527669290-171f3714.png",              imageAlt: "Jennifer Martinez VP Operations"},
            {
              id: "6",              title: "Technical Excellence Across the Board",              quote: "DevForge demonstrated outstanding technical prowess in every aspect of our project. Clean code, solid architecture, and proactive problem-solving. Highly recommended.",              name: "David Park",              role: "Director of Engineering",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/professional-headshot-of-an-operations-m-1772527671951-50744e58.png",              imageAlt: "David Park Director of Engineering"},
          ]}
--- 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,11 +73,32 @@ 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"
@@ -87,14 +109,12 @@ export default function ServicesPage() {
              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"},
          ]}
-          gridVariant="uniform-4"
+          gridVariant="uniform-3-items"
          animationType="slide-up"
          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[{ text: "Explore Services", href: "services" }]}
+          useInvertedBackground="noInvert"
+          buttons={[{ text: "Explore All Services", href: "/" }]}
          buttonAnimation="blur-reveal"
        />
      </div>
@@ -102,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" },
Author	SHA1	Message	Date
bender	84cd79db00	Update src/app/services/page.tsx	2026-03-03 09:49:57 +00:00
bender	b6a70afa75	Update src/app/page.tsx	2026-03-03 09:49:54 +00:00
bender	e1498567aa	Update src/app/page.tsx	2026-03-03 09:46:06 +00:00
bender	112dd17e3a	Update src/app/layout.tsx	2026-03-03 09:46:05 +00:00
bender	3b5d9b026b	Update src/app/services/page.tsx	2026-03-03 09:43:48 +00:00
bender	b72fb91cbd	Update src/app/page.tsx	2026-03-03 09:43:48 +00:00