Update src/app/page.tsx

Merge version_6 into main

src/app/about/page.tsx

@@ -4,15 +4,14 @@ import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import SplitAbout from "@/components/sections/about/SplitAbout";
-import TeamCardFive from "@/components/sections/team/TeamCardFive";
 import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
+import ContactText from "@/components/sections/contact/ContactText";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Lightbulb, Code, Cpu, TrendingUp, Globe, Star, Users } from "lucide-react";
+import { Lightbulb, Code, Cpu, TrendingUp, Globe, Star } from "lucide-react";
 
 const footerColumns = [
   {
-    title: "Product",
-    items: [
+    title: "Product",    items: [
       { label: "Services", href: "/services" },
       { label: "Solutions", href: "/services" },
       { label: "Pricing", href: "#" },
@@ -20,8 +19,7 @@ const footerColumns = [
     ],
   },
   {
-    title: "Company",
-    items: [
+    title: "Company",    items: [
       { label: "About Us", href: "/about" },
       { label: "Team", href: "/team" },
       { label: "Careers", href: "#" },
@@ -29,8 +27,7 @@ const footerColumns = [
     ],
   },
   {
-    title: "Resources",
-    items: [
+    title: "Resources",    items: [
       { label: "Documentation", href: "#" },
       { label: "API Reference", href: "#" },
       { label: "Case Studies", href: "#" },
@@ -38,8 +35,7 @@ const footerColumns = [
     ],
   },
   {
-    title: "Legal",
-    items: [
+    title: "Legal",    items: [
       { label: "Privacy Policy", href: "#" },
       { label: "Terms of Service", href: "#" },
       { label: "Cookie Policy", href: "#" },
@@ -77,151 +73,88 @@ export default function AboutPage() {
         />
       </div>
 
-      {/* Extended About Section */}
+      {/* About Section */}
       <div id="about" data-section="about">
         <SplitAbout
-          title="Our Mission & Core Values"
-          description="DevForge stands at the intersection of technology innovation and business excellence. Since our founding, we've been committed to delivering transformative software solutions that empower organizations to achieve extraordinary results. We believe in building long-term partnerships, not just completing projects."
-          tag="Our Mission"
+          title="Pioneering Digital Transformation"
+          description="DevForge is a premier software development agency specializing in custom solutions, AI automation, and scalable enterprise platforms. We combine technical excellence with innovative thinking to deliver transformative technology for ambitious organizations globally."
+          tag="Our Story"
           tagIcon={Lightbulb}
           tagAnimation="blur-reveal"
           bulletPoints={[
             {
-              title: "Excellence in Execution",
-              description: "We maintain the highest standards of technical craftsmanship, delivering code that's not just functional but elegant and maintainable.",
-              icon: Code,
+              title: "Custom Software Expertise",              description: "Tailored solutions built from ground up to match your unique business needs and technical requirements.",              icon: Code,
             },
             {
-              title: "Innovation Mindset",
-              description: "We continuously explore emerging technologies and methodologies to keep our clients ahead of the curve in their respective industries.",
-              icon: Cpu,
+              title: "AI-Powered Automation",              description: "Intelligent automation systems that streamline operations, reduce costs, and unlock new revenue opportunities.",              icon: Cpu,
             },
             {
-              title: "Sustainable Growth",
-              description: "We design systems and strategies that don't just solve today's problems but enable tomorrow's opportunities and market expansion.",
-              icon: TrendingUp,
+              title: "Scalable Architecture",              description: "Enterprise-grade systems designed to grow with your business, handling millions of transactions seamlessly.",              icon: TrendingUp,
             },
             {
-              title: "Global Community",
-              description: "Our diverse team spans continents and cultures, bringing varied perspectives that enhance our problem-solving and innovation capabilities.",
-              icon: Globe,
+              title: "Global Reach",              description: "Trusted by startups and enterprises worldwide, delivering consistent excellence across all markets and timezones.",              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?_wi=2"
-          imageAlt="DevForge team collaboration and innovation"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/a-dynamic-team-of-diverse-software-devel-1772527670697-2850cbf9.png?_wi=3"
+          imageAlt="DevForge team collaborating on innovative software solutions"
           mediaAnimation="slide-up"
           imagePosition="right"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "Our Story", href: "#" }]}
+          buttons={[{ text: "Explore Services", href: "/services" }]}
           buttonAnimation="blur-reveal"
         />
       </div>
 
-      {/* Team Section */}
-      <div id="team" data-section="team">
-        <TeamCardFive
-          title="Meet Our Expert Team"
-          description="Talented developers, architects, and strategists united by a passion for creating transformative software solutions and driving innovation."
-          tag="Team"
-          tagIcon={Users}
-          tagAnimation="blur-reveal"
-          team={[
-            {
-              id: "1",
-              name: "Alexander Grant",
-              role: "Lead Architect",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-senior-software-architect--1772527669345-45e9d1da.png?_wi=1",
-              imageAlt: "Alexander Grant Lead Architect",
-            },
-            {
-              id: "2",
-              name: "Sofia Nakamura",
-              role: "Senior Full-Stack Engineer",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-full-stack-engineer-in-col-1772527669674-4cbd7280.png?_wi=1",
-              imageAlt: "Sofia Nakamura Senior Engineer",
-            },
-            {
-              id: "3",
-              name: "Marcus Johnson",
-              role: "Creative Director",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-ux-ui-designer-in-creative-1772527670531-45514a9e.png?_wi=1",
-              imageAlt: "Marcus Johnson Creative Director",
-            },
-            {
-              id: "4",
-              name: "Lisa Chen",
-              role: "DevOps Lead",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-devops-infrastructure-engi-1772527671006-e9ce2f41.png?_wi=1",
-              imageAlt: "Lisa Chen DevOps Lead",
-            },
-            {
-              id: "5",
-              name: "James Rivera",
-              role: "AI/ML Specialist",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-an-ai-ml-specialist-in-resea-1772527670256-0a5bfba6.png?_wi=1",
-              imageAlt: "James Rivera AI Specialist",
-            },
-            {
-              id: "6",
-              name: "Rachel Williams",
-              role: "Project Manager",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-project-manager-team-lead--1772527671653-4c8914ed.png?_wi=1",
-              imageAlt: "Rachel Williams Project Manager",
-            },
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[{ text: "Join Our Team", href: "/contact" }]}
-          buttonAnimation="blur-reveal"
-        />
-      </div>
-
-      {/* Testimonials on About Page */}
+      {/* Testimonials Section */}
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardTen
           title="What Our Clients Say"
-          description="Hear directly from the companies we've transformed through innovative software solutions and strategic partnerships."
+          description="Real results from real clients who've transformed their businesses with DevForge."
           tag="Client Stories"
           tagIcon={Star}
           tagAnimation="blur-reveal"
           testimonials={[
             {
-              id: "1",
-              title: "Transformed Our Business Model",
-              quote: "Working with DevForge wasn't just about building software—it was about reimagining our entire business model. Their insights and technical expertise helped us pivot successfully and capture new markets.",
-              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?_wi=2",
-              imageAlt: "Sarah Chen CEO",
+              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?_wi=2",              imageAlt: "Sarah Chen CEO"
             },
             {
-              id: "2",
-              title: "Strategic Technology Partner",
-              quote: "DevForge has become integral to our technology strategy. They don't just execute—they advise, challenge our assumptions, and help us make decisions that drive real competitive advantage.",
-              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?_wi=2",
-              imageAlt: "Michael Rodriguez CTO",
+              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?_wi=2",              imageAlt: "Michael Rodriguez CTO"
             },
             {
-              id: "3",
-              title: "Exceptional Talent & Leadership",
-              quote: "The quality of engineers and project leadership at DevForge is exceptional. They understand business context, communicate clearly, and deliver results that exceed expectations consistently.",
-              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?_wi=2",
-              imageAlt: "Emma Thompson Product Director",
+              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?_wi=2",              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?_wi=2",              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?_wi=2",              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?_wi=2",              imageAlt: "David Park Director of Engineering"
             },
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "View Case Studies", href: "#" }]}
+          buttons={[{ text: "View More Case Studies", href: "#" }]}
           buttonAnimation="blur-reveal"
         />
       </div>
 
+      {/* Contact Section */}
+      <div id="contact" data-section="contact">
+        <ContactText
+          text="Ready to partner with DevForge? Let's discuss how we can help transform your organization."
+          animationType="entrance-slide"
+          buttons={[
+            { text: "Get in Touch", href: "/contact" },
+            { text: "Schedule a Call", href: "/contact" },
+          ]}
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
       {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterSimple
@@ -232,4 +165,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -4,15 +4,11 @@ import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import ContactText from "@/components/sections/contact/ContactText";
-import SplitAbout from "@/components/sections/about/SplitAbout";
-import FaqDouble from "@/components/sections/faq/FaqDouble";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Mail, Phone, MapPin, HelpCircle } from "lucide-react";
 
 const footerColumns = [
   {
-    title: "Product",
-    items: [
+    title: "Product",    items: [
       { label: "Services", href: "/services" },
       { label: "Solutions", href: "/services" },
       { label: "Pricing", href: "#" },
@@ -20,8 +16,7 @@ const footerColumns = [
     ],
   },
   {
-    title: "Company",
-    items: [
+    title: "Company",    items: [
       { label: "About Us", href: "/about" },
       { label: "Team", href: "/team" },
       { label: "Careers", href: "#" },
@@ -29,8 +24,7 @@ const footerColumns = [
     ],
   },
   {
-    title: "Resources",
-    items: [
+    title: "Resources",    items: [
       { label: "Documentation", href: "#" },
       { label: "API Reference", href: "#" },
       { label: "Case Studies", href: "#" },
@@ -38,8 +32,7 @@ const footerColumns = [
     ],
   },
   {
-    title: "Legal",
-    items: [
+    title: "Legal",    items: [
       { label: "Privacy Policy", href: "#" },
       { label: "Terms of Service", href: "#" },
       { label: "Cookie Policy", href: "#" },
@@ -77,123 +70,20 @@ export default function ContactPage() {
         />
       </div>
 
-      {/* Primary Contact CTA */}
-      <div id="contact-hero" data-section="contact-hero">
+      {/* Contact Section */}
+      <div id="contact" data-section="contact">
         <ContactText
-          text="Let's build something extraordinary together. Get in touch with our team to discuss your next project and explore how we can drive innovation for your organization."
+          text="Ready to transform your business? Get in touch with our team to discuss your project requirements, timeline, and how we can help you achieve your goals with cutting-edge software solutions."
           animationType="entrance-slide"
           buttons={[
-            { text: "Schedule Consultation", href: "#" },
-            { text: "Send Inquiry", href: "#" },
+            { text: "Send Email", href: "mailto:hello@devforge.io" },
+            { text: "Schedule Call", href: "#" },
           ]}
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
         />
       </div>
 
-      {/* Contact Information Section */}
-      <div id="contact-info" data-section="contact-info">
-        <SplitAbout
-          title="Get in Touch"
-          description="Have questions about our services or ready to start your next project? Reach out to our team and we'll respond promptly to discuss your needs and explore how we can help transform your vision into reality."
-          tag="Contact"
-          tagIcon={Mail}
-          tagAnimation="blur-reveal"
-          bulletPoints={[
-            {
-              title: "Email Us",
-              description: "hello@devforge.io - For general inquiries and project discussions",
-              icon: Mail,
-            },
-            {
-              title: "Call Us",
-              description: "+1 (555) 123-4567 - Available Monday-Friday, 9AM-6PM EST",
-              icon: Phone,
-            },
-            {
-              title: "Visit Our Office",
-              description: "123 Tech Boulevard, Silicon Valley, CA 94025 - Open to meetings and collaboration",
-              icon: MapPin,
-            },
-          ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/a-dynamic-team-of-diverse-software-devel-1772527670697-2850cbf9.png?_wi=5"
-          imageAlt="DevForge contact and office information"
-          mediaAnimation="slide-up"
-          imagePosition="right"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[{ text: "Learn More", href: "#" }]}
-          buttonAnimation="blur-reveal"
-        />
-      </div>
-
-      {/* FAQ Section */}
-      <div id="faq" data-section="faq">
-        <FaqDouble
-          title="Contact FAQs"
-          description="Common questions about getting started with DevForge and how we can help with your project."
-          tag="FAQ"
-          tagIcon={HelpCircle}
-          tagAnimation="blur-reveal"
-          faqs={[
-            {
-              id: "1",
-              title: "How do I get started with a project?",
-              content: "Simply reach out through our contact form, email, or phone. We'll schedule an initial consultation to understand your needs, goals, and technical requirements. After our discovery phase, we'll provide a detailed proposal with timeline and pricing.",
-            },
-            {
-              id: "2",
-              title: "What information do you need before providing a quote?",
-              content: "We'll need details about your project scope, business goals, target audience, technical requirements, and timeline. The more specific you can be, the more accurate our estimate will be. We're happy to help refine these details during our consultation.",
-            },
-            {
-              id: "3",
-              title: "Do you offer free consultations?",
-              content: "Yes, we offer a complimentary initial consultation to discuss your project, understand your vision, and explore how we can help. This typically takes 30-45 minutes and gives us both a chance to ensure we're a good fit.",
-            },
-            {
-              id: "4",
-              title: "What is your typical project timeline?",
-              content: "Timelines vary based on project complexity. MVP projects typically take 3-6 months, standard development projects 6-9 months, and enterprise solutions can take 6-12+ months. We provide detailed timelines with realistic milestones during the planning phase.",
-            },
-            {
-              id: "5",
-              title: "Do you work with distributed teams?",
-              content: "Absolutely. We have experience working with distributed teams across multiple time zones. We use modern collaboration tools and practices to maintain transparent communication and ensure projects stay on track regardless of location.",
-            },
-            {
-              id: "6",
-              title: "How do you handle project communication?",
-              content: "We provide regular updates through sprint reviews, weekly check-ins, and a dedicated project manager as your primary point of contact. You'll have visibility into progress, any challenges, and upcoming milestones throughout development.",
-            },
-            {
-              id: "7",
-              title: "Can you handle urgent or accelerated projects?",
-              content: "Yes, we can accommodate urgent timelines when necessary. However, timelines depend on current team capacity and project complexity. Contact us directly to discuss your specific situation and what's possible.",
-            },
-            {
-              id: "8",
-              title: "What's your availability for new projects?",
-              content: "Our current capacity varies seasonally. We recommend reaching out as soon as possible to discuss your timeline. Even if we're fully booked, we can often recommend trusted partners or help you plan for a future start date.",
-            },
-            {
-              id: "9",
-              title: "Do you offer retainer or ongoing support options?",
-              content: "Yes, we offer flexible engagement models including retainers for ongoing support, maintenance, and feature development. We can tailor a support package that fits your needs and budget.",
-            },
-            {
-              id: "10",
-              title: "How do I know if my project is a good fit for DevForge?",
-              content: "We work well with ambitious organizations that value technical excellence, clear communication, and strategic thinking. If you're building software that matters and want a partner who understands both technology and business, we're likely a great fit.",
-            },
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqsAnimation="blur-reveal"
-          animationType="smooth"
-        />
-      </div>
-
       {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterSimple
@@ -204,4 +94,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -1,11 +1,14 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
-import "@/styles/globals.css";
+import "./styles/variables.css";
+import "./globals.css";
 
-const inter = Inter({ subsets: ["latin"] });
+const inter = Inter({
+  variable: "--font-inter",  subsets: ["latin"],
+});
 
 export const metadata: Metadata = {
-  title: "DevForge - Premium Software Development",  description: "Next-generation software development agency specializing in custom solutions, AI automation, and scalable enterprise platforms."};
+  title: "DevForge - Next-Generation Software Development",  description: "Premium software solutions powered by AI automation and cutting-edge technology"};
 
 export default function RootLayout({
   children,
@@ -14,7 +17,9 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={inter.className}>{children}
+      <body className={inter.variable}>
+        {children}
+      
         <script
           dangerouslySetInnerHTML={{
             __html: `

src/app/page.tsx

@@ -16,16 +16,16 @@ import { Zap, Lightbulb, Code, Cpu, TrendingUp, Globe, Sparkles, Star, Users, He
 const footerColumns = [
   {
     title: "Product",    items: [
-      { label: "Services", href: "services" },
-      { label: "Solutions", href: "services" },
+      { label: "Services", href: "/services" },
+      { label: "Solutions", href: "/services" },
       { label: "Pricing", href: "#" },
       { label: "Security", href: "#" },
     ],
   },
   {
     title: "Company",    items: [
-      { label: "About Us", href: "about" },
-      { label: "Team", href: "team" },
+      { label: "About Us", href: "/about" },
+      { label: "Team", href: "/team" },
       { label: "Careers", href: "#" },
       { label: "Blog", href: "#" },
     ],
@@ -43,7 +43,7 @@ const footerColumns = [
       { label: "Privacy Policy", href: "#" },
       { label: "Terms of Service", href: "#" },
       { label: "Cookie Policy", href: "#" },
-      { label: "Contact", href: "contact" },
+      { label: "Contact", href: "/contact" },
     ],
   },
 ];
@@ -72,7 +72,7 @@ export default function HomePage() {
             { name: "Team", id: "/team" },
             { name: "Contact", id: "/contact" },
           ]}
-          button={{ text: "Start Project", href: "contact" }}
+          button={{ text: "Start Project", href: "/contact" }}
           brandName="DevForge"
         />
       </div>
@@ -81,7 +81,7 @@ export default function HomePage() {
       <div id="hero" data-section="hero">
         <HeroOverlay
           title="Next-Generation Software Development"
-          description="We craft premium, scalable software solutions powered by AI automation and cutting-edge technology. From custom development to enterprise systems, we transform your vision into high-performance reality."
+          description="40% faster deployment cycles. 60% operational cost reduction. 99.99% uptime guarantee. Our AI-powered software solutions deliver measurable ROI through intelligent automation, scalable architecture, and enterprise-grade reliability."
           tag="Innovation at Scale"
           tagIcon={Zap}
           tagAnimation="blur-reveal"
@@ -91,8 +91,8 @@ export default function HomePage() {
           showBlur={true}
           showDimOverlay={true}
           buttons={[
-            { text: "Build Your Solution", href: "contact" },
-            { text: "View Our Work", href: "services" },
+            { text: "Start Your Project", href: "/contact" },
+            { text: "View Our Work", href: "/services" },
           ]}
           buttonAnimation="slide-up"
         />
@@ -120,13 +120,13 @@ export default function HomePage() {
               title: "Global Reach",              description: "Trusted by startups and enterprises worldwide, delivering consistent excellence across all markets and timezones.",              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"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/a-dynamic-team-of-diverse-software-devel-1772527670697-2850cbf9.png?_wi=1"
           imageAlt="DevForge team collaborating on innovative software solutions"
           mediaAnimation="slide-up"
           imagePosition="right"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "Learn More", href: "about" }]}
+          buttons={[{ text: "Learn More", href: "/about" }]}
           buttonAnimation="blur-reveal"
         />
       </div>
@@ -141,19 +141,23 @@ export default function HomePage() {
           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 delivering 40% faster deployment cycles and 60% operational efficiency gains through modern architecture and intelligent design patterns that solve complex business challenges and maximize ROI.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/custom-software-development-workflow-vis-1772527670830-12700389.png?_wi=1",              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 to achieve 10x faster processing speeds, reduce operational costs by 50%, and automate 80% of repetitive tasks. Machine learning systems that enhance decision-making and unlock breakthrough 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?_wi=1",              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: "saas-mvp",              title: "SaaS MVP Development",              description: "Launch to market 5x faster with our rapid MVP development. Scalable cloud-native architecture handles 1M+ transactions daily. Achieve product-market fit in 3-4 months instead of 12, capturing revenue and market share before competitors.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/saas-mvp-development-process-visualizati-1772527671532-6d1e632c.png?_wi=1",              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: "enterprise-solutions",              title: "Enterprise Solutions",              description: "Mission-critical systems supporting 99.99% uptime and processing billions of transactions. Data platforms delivering sub-100ms query response times. Enterprise-grade reliability, compliance, and infrastructure built for Fortune 500 scale and performance demands.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/enterprise-software-solutions-architectu-1772527673363-117f00ea.png?_wi=1",              imageAlt: "Enterprise solutions architecture"
+            },
           ]}
-          gridVariant="uniform-3-items"
+          gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground="noInvert"
-          buttons={[{ text: "Explore Services", href: "services" }]}
+          useInvertedBackground={false}
+          buttons={[{ text: "Explore Services", href: "/services" }]}
           buttonAnimation="blur-reveal"
         />
       </div>
@@ -168,21 +172,27 @@ export default function HomePage() {
           tagAnimation="blur-reveal"
           testimonials={[
             {
-              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: "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?_wi=1",              imageAlt: "Sarah Chen CEO"
+            },
             {
-              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: "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?_wi=1",              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: "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?_wi=1",              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: "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?_wi=1",              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: "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?_wi=1",              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"},
+              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?_wi=1",              imageAlt: "David Park Director of Engineering"
+            },
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "Read More Case Studies", href: "about" }]}
+          buttons={[{ text: "Read More Case Studies", href: "/about" }]}
           buttonAnimation="blur-reveal"
         />
       </div>
@@ -197,22 +207,28 @@ export default function HomePage() {
           tagAnimation="blur-reveal"
           team={[
             {
-              id: "1",              name: "Alexander Grant",              role: "Lead Architect",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-senior-software-architect--1772527669345-45e9d1da.png",              imageAlt: "Alexander Grant Lead Architect"},
+              id: "1",              name: "Alexander Grant",              role: "Lead Architect",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-senior-software-architect--1772527669345-45e9d1da.png?_wi=1",              imageAlt: "Alexander Grant Lead Architect"
+            },
             {
-              id: "2",              name: "Sofia Nakamura",              role: "Senior Full-Stack Engineer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-full-stack-engineer-in-col-1772527669674-4cbd7280.png",              imageAlt: "Sofia Nakamura Senior Engineer"},
+              id: "2",              name: "Sofia Nakamura",              role: "Senior Full-Stack Engineer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-full-stack-engineer-in-col-1772527669674-4cbd7280.png?_wi=1",              imageAlt: "Sofia Nakamura Senior Engineer"
+            },
             {
-              id: "3",              name: "Marcus Johnson",              role: "Creative Director",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-ux-ui-designer-in-creative-1772527670531-45514a9e.png",              imageAlt: "Marcus Johnson Creative Director"},
+              id: "3",              name: "Marcus Johnson",              role: "Creative Director",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-ux-ui-designer-in-creative-1772527670531-45514a9e.png?_wi=1",              imageAlt: "Marcus Johnson Creative Director"
+            },
             {
-              id: "4",              name: "Lisa Chen",              role: "DevOps Lead",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-devops-infrastructure-engi-1772527671006-e9ce2f41.png",              imageAlt: "Lisa Chen DevOps Lead"},
+              id: "4",              name: "Lisa Chen",              role: "DevOps Lead",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-devops-infrastructure-engi-1772527671006-e9ce2f41.png?_wi=1",              imageAlt: "Lisa Chen DevOps Lead"
+            },
             {
-              id: "5",              name: "James Rivera",              role: "AI/ML Specialist",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-an-ai-ml-specialist-in-resea-1772527670256-0a5bfba6.png",              imageAlt: "James Rivera AI Specialist"},
+              id: "5",              name: "James Rivera",              role: "AI/ML Specialist",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-an-ai-ml-specialist-in-resea-1772527670256-0a5bfba6.png?_wi=1",              imageAlt: "James Rivera AI Specialist"
+            },
             {
-              id: "6",              name: "Rachel Williams",              role: "Project Manager",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-project-manager-team-lead--1772527671653-4c8914ed.png",              imageAlt: "Rachel Williams Project Manager"},
+              id: "6",              name: "Rachel Williams",              role: "Project Manager",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-project-manager-team-lead--1772527671653-4c8914ed.png?_wi=1",              imageAlt: "Rachel Williams Project Manager"
+            },
           ]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "Join Our Team", href: "contact" }]}
+          buttons={[{ text: "Join Our Team", href: "/contact" }]}
           buttonAnimation="blur-reveal"
         />
       </div>
@@ -227,25 +243,35 @@ export default function HomePage() {
           tagAnimation="blur-reveal"
           faqs={[
             {
-              id: "1",              title: "What technologies do you specialize in?",              content: "We work with modern, production-proven technologies including React, Node.js, Python, TypeScript, AWS, Kubernetes, PostgreSQL, and machine learning frameworks. We select the best tech stack for each project's unique requirements."},
+              id: "1",              title: "What technologies do you specialize in?",              content: "We work with modern, production-proven technologies including React, Node.js, Python, TypeScript, AWS, Kubernetes, PostgreSQL, and machine learning frameworks. We select the best tech stack for each project's unique requirements."
+            },
             {
-              id: "2",              title: "How long does a typical project take?",              content: "Project timelines vary based on complexity and scope. MVP projects typically take 3-6 months, while larger enterprise solutions may take 6-12+ months. We provide detailed timelines during the discovery phase and maintain transparent communication throughout development."},
+              id: "2",              title: "How long does a typical project take?",              content: "Project timelines vary based on complexity and scope. MVP projects typically take 3-6 months, while larger enterprise solutions may take 6-12+ months. We provide detailed timelines during the discovery phase and maintain transparent communication throughout development."
+            },
             {
-              id: "3",              title: "Do you offer ongoing support after launch?",              content: "Yes, we provide comprehensive post-launch support including maintenance, monitoring, performance optimization, and feature enhancements. We offer flexible support packages tailored to your needs."},
+              id: "3",              title: "Do you offer ongoing support after launch?",              content: "Yes, we provide comprehensive post-launch support including maintenance, monitoring, performance optimization, and feature enhancements. We offer flexible support packages tailored to your needs."
+            },
             {
-              id: "4",              title: "Can you handle enterprise-scale projects?",              content: "Absolutely. We have extensive experience building systems that handle millions of transactions, serve millions of users, and maintain 99.99% uptime. Our architecture is designed for enterprise scalability from day one."},
+              id: "4",              title: "Can you handle enterprise-scale projects?",              content: "Absolutely. We have extensive experience building systems that handle millions of transactions, serve millions of users, and maintain 99.99% uptime. Our architecture is designed for enterprise scalability from day one."
+            },
             {
-              id: "5",              title: "What is your development process?",              content: "We follow agile methodologies with regular sprints, continuous integration/deployment, and collaborative planning. Discovery → Design → Development → Testing → Deployment → Optimization. Transparency and communication are core to our process."},
+              id: "5",              title: "What is your development process?",              content: "We follow agile methodologies with regular sprints, continuous integration/deployment, and collaborative planning. Discovery → Design → Development → Testing → Deployment → Optimization. Transparency and communication are core to our process."
+            },
             {
-              id: "6",              title: "How do you ensure code quality?",              content: "We implement rigorous code reviews, comprehensive testing (unit, integration, E2E), static code analysis, and continuous monitoring. Our team follows SOLID principles and industry best practices to ensure maintainable, high-quality code."},
+              id: "6",              title: "How do you ensure code quality?",              content: "We implement rigorous code reviews, comprehensive testing (unit, integration, E2E), static code analysis, and continuous monitoring. Our team follows SOLID principles and industry best practices to ensure maintainable, high-quality code."
+            },
             {
-              id: "7",              title: "What about security and compliance?",              content: "Security is paramount. We implement data encryption, secure authentication, vulnerability assessments, and compliance with GDPR, HIPAA, SOC 2, and other regulations relevant to your industry. Regular security audits and penetration testing are standard practice."},
+              id: "7",              title: "What about security and compliance?",              content: "Security is paramount. We implement data encryption, secure authentication, vulnerability assessments, and compliance with GDPR, HIPAA, SOC 2, and other regulations relevant to your industry. Regular security audits and penetration testing are standard practice."
+            },
             {
-              id: "8",              title: "Can you integrate with our existing systems?",              content: "Yes, we specialize in seamless integrations with existing systems using REST APIs, webhooks, and custom connectors. We handle legacy system modernization and ensure smooth data migration without disrupting your operations."},
+              id: "8",              title: "Can you integrate with our existing systems?",              content: "Yes, we specialize in seamless integrations with existing systems using REST APIs, webhooks, and custom connectors. We handle legacy system modernization and ensure smooth data migration without disrupting your operations."
+            },
             {
-              id: "9",              title: "How much does a project cost?",              content: "Pricing depends on project scope, complexity, team size, and timeline. We offer flexible engagement models: fixed-price projects, time-and-materials, and dedicated team arrangements. We provide detailed proposals with transparent pricing."},
+              id: "9",              title: "How much does a project cost?",              content: "Pricing depends on project scope, complexity, team size, and timeline. We offer flexible engagement models: fixed-price projects, time-and-materials, and dedicated team arrangements. We provide detailed proposals with transparent pricing."
+            },
             {
-              id: "10",              title: "Do you provide consultancy services?",              content: "Yes, we offer technology strategy, architecture design, feasibility studies, and technical mentoring. Our consultants bring real-world experience helping organizations make informed technology decisions."},
+              id: "10",              title: "Do you provide consultancy services?",              content: "Yes, we offer technology strategy, architecture design, feasibility studies, and technical mentoring. Our consultants bring real-world experience helping organizations make informed technology decisions."
+            },
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -260,8 +286,8 @@ export default function HomePage() {
           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 in Touch", href: "/contact" },
+            { text: "Schedule Consultation", href: "/contact" },
           ]}
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}

src/app/services/page.tsx

@@ -3,25 +3,25 @@
 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 SplitAbout from "@/components/sections/about/SplitAbout";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { ArrowRight, Sparkles } from "lucide-react";
+import { Sparkles, Code, Cpu, TrendingUp, Globe } from "lucide-react";
 
 const footerColumns = [
   {
     title: "Product",    items: [
-      { label: "Services", href: "services" },
-      { label: "Solutions", href: "services" },
+      { label: "Services", href: "/services" },
+      { label: "Solutions", href: "/services" },
       { label: "Pricing", href: "#" },
       { label: "Security", href: "#" },
     ],
   },
   {
     title: "Company",    items: [
-      { label: "About Us", href: "about" },
-      { label: "Team", href: "team" },
+      { label: "About Us", href: "/about" },
+      { label: "Team", href: "/team" },
       { label: "Careers", href: "#" },
       { label: "Blog", href: "#" },
     ],
@@ -39,7 +39,7 @@ const footerColumns = [
       { label: "Privacy Policy", href: "#" },
       { label: "Terms of Service", href: "#" },
       { label: "Cookie Policy", href: "#" },
-      { label: "Contact", href: "contact" },
+      { label: "Contact", href: "/contact" },
     ],
   },
 ];
@@ -68,65 +68,83 @@ export default function ServicesPage() {
             { name: "Team", id: "/team" },
             { name: "Contact", id: "/contact" },
           ]}
-          button={{ text: "Start Project", href: "contact" }}
+          button={{ text: "Start Project", href: "/contact" }}
           brandName="DevForge"
         />
       </div>
 
-      {/* 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">
+      {/* Services Section */}
+      <div id="services" data-section="services">
         <FeatureCardTwentySeven
-          title="Service Offerings"
-          description="Comprehensive software solutions tailored to your unique business needs and technical requirements."
+          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."
           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. 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?_wi=2",              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. 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?_wi=2",              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: "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?_wi=2",              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?_wi=2",              imageAlt: "Enterprise solutions architecture"
+            },
           ]}
-          gridVariant="uniform-3-items"
+          gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground="noInvert"
-          buttons={[{ text: "Explore All Services", href: "/" }]}
+          useInvertedBackground={false}
+          buttons={[{ text: "Let's Discuss Your Project", href: "/contact" }]}
           buttonAnimation="blur-reveal"
         />
       </div>
 
-      {/* Contact Section */}
+      {/* 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?_wi=2"
+          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 */}
       <div id="contact" data-section="contact">
         <ContactText
-          text="Ready to transform your business with our comprehensive software solutions? Let's discuss your project requirements and build your success story."
+          text="Ready to start your next project? Let's discuss how we can help you achieve your business goals with cutting-edge software solutions."
           animationType="entrance-slide"
           buttons={[
-            { text: "Get in Touch", href: "contact" },
-            { text: "Schedule Consultation", href: "contact" },
+            { text: "Schedule Consultation", href: "/contact" },
+            { text: "Get a Proposal", href: "/contact" },
           ]}
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}

src/app/team/page.tsx

@@ -4,15 +4,13 @@ import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import TeamCardFive from "@/components/sections/team/TeamCardFive";
-import SplitAbout from "@/components/sections/about/SplitAbout";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Users, Code, Cpu, TrendingUp, Globe, Lightbulb } from "lucide-react";
+import { Users } from "lucide-react";
 
 const footerColumns = [
   {
-    title: "Product",
-    items: [
+    title: "Product",    items: [
       { label: "Services", href: "/services" },
       { label: "Solutions", href: "/services" },
       { label: "Pricing", href: "#" },
@@ -20,8 +18,7 @@ const footerColumns = [
     ],
   },
   {
-    title: "Company",
-    items: [
+    title: "Company",    items: [
       { label: "About Us", href: "/about" },
       { label: "Team", href: "/team" },
       { label: "Careers", href: "#" },
@@ -29,8 +26,7 @@ const footerColumns = [
     ],
   },
   {
-    title: "Resources",
-    items: [
+    title: "Resources",    items: [
       { label: "Documentation", href: "#" },
       { label: "API Reference", href: "#" },
       { label: "Case Studies", href: "#" },
@@ -38,8 +34,7 @@ const footerColumns = [
     ],
   },
   {
-    title: "Legal",
-    items: [
+    title: "Legal",    items: [
       { label: "Privacy Policy", href: "#" },
       { label: "Terms of Service", href: "#" },
       { label: "Cookie Policy", href: "#" },
@@ -81,52 +76,28 @@ export default function TeamPage() {
       <div id="team" data-section="team">
         <TeamCardFive
           title="Meet Our Expert Team"
-          description="Talented developers, architects, and strategists united by a passion for creating transformative software solutions. Our diverse team brings together experience, innovation, and a commitment to excellence."
+          description="Talented developers, architects, and strategists united by a passion for creating transformative software solutions."
           tag="Team"
           tagIcon={Users}
           tagAnimation="blur-reveal"
           team={[
             {
-              id: "1",
-              name: "Alexander Grant",
-              role: "Lead Architect",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-senior-software-architect--1772527669345-45e9d1da.png?_wi=2",
-              imageAlt: "Alexander Grant Lead Architect",
+              id: "1",              name: "Alexander Grant",              role: "Lead Architect",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-senior-software-architect--1772527669345-45e9d1da.png?_wi=2",              imageAlt: "Alexander Grant Lead Architect"
             },
             {
-              id: "2",
-              name: "Sofia Nakamura",
-              role: "Senior Full-Stack Engineer",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-full-stack-engineer-in-col-1772527669674-4cbd7280.png?_wi=2",
-              imageAlt: "Sofia Nakamura Senior Engineer",
+              id: "2",              name: "Sofia Nakamura",              role: "Senior Full-Stack Engineer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-full-stack-engineer-in-col-1772527669674-4cbd7280.png?_wi=2",              imageAlt: "Sofia Nakamura Senior Engineer"
             },
             {
-              id: "3",
-              name: "Marcus Johnson",
-              role: "Creative Director",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-ux-ui-designer-in-creative-1772527670531-45514a9e.png?_wi=2",
-              imageAlt: "Marcus Johnson Creative Director",
+              id: "3",              name: "Marcus Johnson",              role: "Creative Director",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-ux-ui-designer-in-creative-1772527670531-45514a9e.png?_wi=2",              imageAlt: "Marcus Johnson Creative Director"
             },
             {
-              id: "4",
-              name: "Lisa Chen",
-              role: "DevOps Lead",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-devops-infrastructure-engi-1772527671006-e9ce2f41.png?_wi=2",
-              imageAlt: "Lisa Chen DevOps Lead",
+              id: "4",              name: "Lisa Chen",              role: "DevOps Lead",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-devops-infrastructure-engi-1772527671006-e9ce2f41.png?_wi=2",              imageAlt: "Lisa Chen DevOps Lead"
             },
             {
-              id: "5",
-              name: "James Rivera",
-              role: "AI/ML Specialist",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-an-ai-ml-specialist-in-resea-1772527670256-0a5bfba6.png?_wi=2",
-              imageAlt: "James Rivera AI Specialist",
+              id: "5",              name: "James Rivera",              role: "AI/ML Specialist",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-an-ai-ml-specialist-in-resea-1772527670256-0a5bfba6.png?_wi=2",              imageAlt: "James Rivera AI Specialist"
             },
             {
-              id: "6",
-              name: "Rachel Williams",
-              role: "Project Manager",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-project-manager-team-lead--1772527671653-4c8914ed.png?_wi=2",
-              imageAlt: "Rachel Williams Project Manager",
+              id: "6",              name: "Rachel Williams",              role: "Project Manager",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/portrait-of-a-project-manager-team-lead--1772527671653-4c8914ed.png?_wi=2",              imageAlt: "Rachel Williams Project Manager"
             },
           ]}
           animationType="slide-up"
@@ -137,54 +108,13 @@ export default function TeamPage() {
         />
       </div>
 
-      {/* Team Culture Section */}
-      <div id="team-culture" data-section="team-culture">
-        <SplitAbout
-          title="Our Team Culture"
-          description="At DevForge, we believe that exceptional software comes from exceptional people working together with shared purpose and vision. Our team culture emphasizes collaboration, continuous learning, and mutual respect."
-          tag="Culture"
-          tagIcon={Lightbulb}
-          tagAnimation="blur-reveal"
-          bulletPoints={[
-            {
-              title: "Collaborative Mindset",
-              description: "We work as one integrated team, sharing knowledge freely and supporting each other to achieve our collective mission of building transformative software.",
-              icon: Users,
-            },
-            {
-              title: "Technical Excellence",
-              description: "Our team members are passionate about clean code, best practices, and continuous improvement. We stay current with emerging technologies and methodologies.",
-              icon: Code,
-            },
-            {
-              title: "Innovation Focus",
-              description: "We encourage creative thinking, experimentation, and bold ideas. Our team is empowered to propose solutions that drive real innovation and competitive advantage.",
-              icon: Cpu,
-            },
-            {
-              title: "Growth & Development",
-              description: "We invest in our team's growth through mentorship, training opportunities, and exposure to cutting-edge projects that expand skills and perspectives.",
-              icon: TrendingUp,
-            },
-          ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/a-dynamic-team-of-diverse-software-devel-1772527670697-2850cbf9.png?_wi=4"
-          imageAlt="DevForge team culture and collaboration"
-          mediaAnimation="slide-up"
-          imagePosition="right"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[{ text: "Work With Us", href: "/contact" }]}
-          buttonAnimation="blur-reveal"
-        />
-      </div>
-
-      {/* Contact CTA Section */}
+      {/* Contact Section */}
       <div id="contact" data-section="contact">
         <ContactText
-          text="Interested in joining DevForge? We're always looking for talented individuals who share our passion for excellence and innovation in software development."
+          text="Interested in joining our team? We're always looking for talented individuals passionate about creating transformative software."
           animationType="entrance-slide"
           buttons={[
-            { text: "View Opportunities", href: "#" },
+            { text: "View Openings", href: "#" },
             { text: "Get in Touch", href: "/contact" },
           ]}
           background={{ variant: "radial-gradient" }}
@@ -202,4 +132,4 @@ export default function TeamPage() {
       </div>
     </ThemeProvider>
   );
-}
+}