diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 47cbdd5..e3a5546 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -20,26 +20,23 @@ export default function AboutPage() {
 
   const footerColumns = [
     {
-      title: "Services",
-      items: [
-        { label: "Web Design", href: "/services" },
-        { label: "CMS Solutions", href: "/services" },
-        { label: "Custom Development", href: "/services" },
-        { label: "SEO Optimization", href: "/services" },
+      title: "Services",      items: [
+        { label: "Web Design", href: "#services" },
+        { label: "CMS Solutions", href: "#services" },
+        { label: "Custom Development", href: "#services" },
+        { label: "SEO Optimization", href: "#services" },
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Our Work", href: "/case-studies" },
         { label: "Blog", href: "/blog" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "#contact" },
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
@@ -54,7 +51,7 @@ export default function AboutPage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="medium"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="glass-elevated"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="glass"
@@ -80,7 +77,7 @@ export default function AboutPage() {
             { value: "10+", title: "Years of Excellence" },
             { value: "200+", title: "Satisfied Clients Worldwide" },
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/analytics-and-performance-dashboard-with-1772520488608-dfc70192.png?_wi=2"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/analytics-and-performance-dashboard-with-1772520488608-dfc70192.png"
           imageAlt="Our agency team and results"
           mediaAnimation="slide-up"
           metricsAnimation="slide-up"
diff --git a/src/app/case-studies/page.tsx b/src/app/case-studies/page.tsx
index 9fede6d..ac38e7b 100644
--- a/src/app/case-studies/page.tsx
+++ b/src/app/case-studies/page.tsx
@@ -20,26 +20,23 @@ export default function CaseStudiesPage() {
 
   const footerColumns = [
     {
-      title: "Services",
-      items: [
-        { label: "Web Design", href: "/services" },
-        { label: "CMS Solutions", href: "/services" },
-        { label: "Custom Development", href: "/services" },
-        { label: "SEO Optimization", href: "/services" },
+      title: "Services",      items: [
+        { label: "Web Design", href: "#services" },
+        { label: "CMS Solutions", href: "#services" },
+        { label: "Custom Development", href: "#services" },
+        { label: "SEO Optimization", href: "#services" },
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Our Work", href: "/case-studies" },
         { label: "Blog", href: "/blog" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "#contact" },
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
@@ -54,7 +51,7 @@ export default function CaseStudiesPage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="medium"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="glass-elevated"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="glass"
@@ -80,7 +77,7 @@ export default function CaseStudiesPage() {
             { value: "340%", title: "Increase in Organic Traffic" },
             { value: "2.5x", title: "Improvement in Conversion Rate" },
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/e-commerce-website-showcase-displaying-a-1772520488331-b91be4fb.png?_wi=2"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/e-commerce-website-showcase-displaying-a-1772520488331-b91be4fb.png"
           imageAlt="E-commerce website success"
           mediaAnimation="slide-up"
           metricsAnimation="slide-up"
@@ -114,29 +111,17 @@ export default function CaseStudiesPage() {
           author="Michael Chen, Director of Operations"
           avatars={[
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-male-technolo-1772520487716-e4de43bf.png",
-              alt: "Michael Chen",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-male-technolo-1772520487716-e4de43bf.png",              alt: "Michael Chen"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-confident-fem-1772520487786-4cbb5a88.png",
-              alt: "Sarah Johnson",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-confident-fem-1772520487786-4cbb5a88.png",              alt: "Sarah Johnson"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-female-market-1772520487292-fd3661e3.png",
-              alt: "Emily Rodriguez",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-female-market-1772520487292-fd3661e3.png",              alt: "Emily Rodriguez"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-an-asian-male-p-1772520490088-2449c330.png",
-              alt: "David Park",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-an-asian-male-p-1772520490088-2449c330.png",              alt: "David Park"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-female-busine-1772520487627-e2d669ee.png",
-              alt: "Jessica Williams",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-female-busine-1772520487627-e2d669ee.png",              alt: "Jessica Williams"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-male-executiv-1772520486993-4e3ef21d.png",
-              alt: "James Wilson",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-male-executiv-1772520486993-4e3ef21d.png",              alt: "James Wilson"},
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index ab33b9a..74734cf 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -18,26 +18,23 @@ export default function ContactPage() {
 
   const footerColumns = [
     {
-      title: "Services",
-      items: [
-        { label: "Web Design", href: "/services" },
-        { label: "CMS Solutions", href: "/services" },
-        { label: "Custom Development", href: "/services" },
-        { label: "SEO Optimization", href: "/services" },
+      title: "Services",      items: [
+        { label: "Web Design", href: "#services" },
+        { label: "CMS Solutions", href: "#services" },
+        { label: "Custom Development", href: "#services" },
+        { label: "SEO Optimization", href: "#services" },
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Our Work", href: "/case-studies" },
         { label: "Blog", href: "/blog" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "#contact" },
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
@@ -52,7 +49,7 @@ export default function ContactPage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="medium"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="glass-elevated"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="glass"
@@ -71,25 +68,13 @@ export default function ContactPage() {
         <ContactFaq
           faqs={[
             {
-              id: "1",
-              title: "What's your typical project process?",
-              content: "We follow a proven 5-phase methodology: Discovery & Strategy, Design & Wireframing, Development & Implementation, Testing & Optimization, and Launch & Support. Each phase includes client checkpoints and feedback sessions.",
-            },
+              id: "1",              title: "What's your typical project process?",              content: "We follow a proven 5-phase methodology: Discovery & Strategy, Design & Wireframing, Development & Implementation, Testing & Optimization, and Launch & Support. Each phase includes client checkpoints and feedback sessions."},
             {
-              id: "2",
-              title: "Do you provide support after the project launches?",
-              content: "Yes, we offer ongoing support packages including updates, security monitoring, performance optimization, and feature enhancements. We become a true partner in your success.",
-            },
+              id: "2",              title: "Do you provide support after the project launches?",              content: "Yes, we offer ongoing support packages including updates, security monitoring, performance optimization, and feature enhancements. We become a true partner in your success."},
             {
-              id: "3",
-              title: "What's your pricing model?",
-              content: "We work with project-based pricing for custom work and retainer-based pricing for ongoing services. We'll provide a detailed proposal after understanding your needs during the discovery phase.",
-            },
+              id: "3",              title: "What's your pricing model?",              content: "We work with project-based pricing for custom work and retainer-based pricing for ongoing services. We'll provide a detailed proposal after understanding your needs during the discovery phase."},
             {
-              id: "4",
-              title: "How do you approach SEO?",
-              content: "Our SEO approach is comprehensive: technical SEO optimization, on-page optimization, content strategy, link building, and continuous monitoring. We focus on sustainable, long-term growth rather than quick wins.",
-            },
+              id: "4",              title: "How do you approach SEO?",              content: "Our SEO approach is comprehensive: technical SEO optimization, on-page optimization, content strategy, link building, and continuous monitoring. We focus on sustainable, long-term growth rather than quick wins."},
           ]}
           ctaTitle="Ready to Transform Your Digital Presence?"
           ctaDescription="Let's discuss how our services can drive growth for your business. Book a free consultation call today."
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index f543f13..aefb7bb 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -5,36 +5,21 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
 const manrope = Manrope({
-  variable: "--font-manrope",
-  subsets: ["latin"],
+  variable: "--font-manrope",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Digital Agency | Web Design, CMS, Custom Development & SEO",
-  description: "Professional digital agency specializing in web design, CMS solutions, custom development, and SEO optimization. Transform your business with expert digital solutions.",
-  keywords: "web design, CMS solutions, custom development, SEO optimization, digital agency, website design, web development",
-  metadataBase: new URL("https://www.digitalagencypro.com"),
+  title: "Digital Agency | Web Design, CMS, Custom Development & SEO",  description: "Professional digital agency specializing in web design, CMS solutions, custom development, and SEO optimization. Transform your business with expert digital solutions.",  keywords: "web design, CMS solutions, custom development, SEO optimization, digital agency, website design, web development",  metadataBase: new URL("https://www.digitalagencypro.com"),
   alternates: {
-    canonical: "https://www.digitalagencypro.com",
-  },
+    canonical: "https://www.digitalagencypro.com"},
   openGraph: {
-    title: "Digital Agency Pro | Digital Solutions That Transform Business",
-    description: "Professional digital agency specializing in web design, CMS solutions, custom development, and SEO optimization.",
-    url: "https://www.digitalagencypro.com",
-    siteName: "Digital Agency Pro",
-    type: "website",
-    images: [
+    title: "Digital Agency Pro | Digital Solutions That Transform Business",    description: "Professional digital agency specializing in web design, CMS solutions, custom development, and SEO optimization.",    url: "https://www.digitalagencypro.com",    siteName: "Digital Agency Pro",    type: "website",    images: [
       {
-        url: "https://www.digitalagencypro.com/og-image.jpg",
-        alt: "Digital Agency Pro - Web Design & Development",
-      },
+        url: "https://www.digitalagencypro.com/og-image.jpg",        alt: "Digital Agency Pro - Web Design & Development"},
     ],
   },
   twitter: {
-    card: "summary_large_image",
-    title: "Digital Agency Pro | Transform Your Digital Presence",
-    description: "Expert web design, CMS solutions, custom development & SEO optimization services.",
-    images: ["https://www.digitalagencypro.com/twitter-image.jpg"],
+    card: "summary_large_image",    title: "Digital Agency Pro | Transform Your Digital Presence",    description: "Expert web design, CMS solutions, custom development & SEO optimization services.",    images: ["https://www.digitalagencypro.com/twitter-image.jpg"],
   },
   robots: {
     index: true,
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6a61d74..e757492 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,6 +9,8 @@ import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaA
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
+import FaqBase from "@/components/sections/faq/FaqBase";
+import ContactFaq from "@/components/sections/contact/ContactFaq";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import { Sparkles, Zap, Globe, Database, Code, TrendingUp, Smartphone, CheckCircle, Users, Award, Phone } from "lucide-react";
 
@@ -23,26 +25,23 @@ export default function HomePage() {
 
   const footerColumns = [
     {
-      title: "Services",
-      items: [
-        { label: "Web Design", href: "/services" },
-        { label: "CMS Solutions", href: "/services" },
-        { label: "Custom Development", href: "/services" },
-        { label: "SEO Optimization", href: "/services" },
+      title: "Services",      items: [
+        { label: "Web Design", href: "#services" },
+        { label: "CMS Solutions", href: "#services" },
+        { label: "Custom Development", href: "#services" },
+        { label: "SEO Optimization", href: "#services" },
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Our Work", href: "/case-studies" },
         { label: "Blog", href: "/blog" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "#contact" },
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
@@ -57,7 +56,7 @@ export default function HomePage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="medium"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="glass-elevated"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="glass"
@@ -79,24 +78,16 @@ export default function HomePage() {
           tag="Featured Agency"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "noiseDiagonalGradient" }}
+          background={{ variant: "radial-gradient" }}
           mediaItems={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/modern-clean-website-design-interface-sh-1772520487639-9d69d22e.png",
-              imageAlt: "Website design interface",
-            },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/modern-clean-website-design-interface-sh-1772520487639-9d69d22e.png",              imageAlt: "Website design interface"},
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/cms-platform-user-interface-displaying-c-1772520487483-921159b9.png",
-              imageAlt: "CMS platform showcase",
-            },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/cms-platform-user-interface-displaying-c-1772520487483-921159b9.png",              imageAlt: "CMS platform showcase"},
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/analytics-and-performance-dashboard-with-1772520488608-dfc70192.png?_wi=1",
-              imageAlt: "Analytics and performance metrics",
-            },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/analytics-and-performance-dashboard-with-1772520488608-dfc70192.png",              imageAlt: "Analytics and performance metrics"},
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/development-workflow-interface-showing-c-1772520487680-3564a29d.png",
-              imageAlt: "Development workflow",
-            },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/development-workflow-interface-showing-c-1772520487680-3564a29d.png",              imageAlt: "Development workflow"},
           ]}
           buttons={[
             { text: "Get Started", href: "/contact" },
@@ -117,34 +108,22 @@ export default function HomePage() {
           features={[
             {
               icon: Globe,
-              title: "Web Design & Development",
-              description: "Beautiful, responsive websites that engage users and drive conversions. We craft every pixel with precision.",
-            },
+              title: "Web Design & Development",              description: "Beautiful, responsive websites that engage users and drive conversions. We craft every pixel with precision."},
             {
               icon: Database,
-              title: "CMS Solutions",
-              description: "Powerful content management systems that give you full control over your digital presence without technical hassle.",
-            },
+              title: "CMS Solutions",              description: "Powerful content management systems that give you full control over your digital presence without technical hassle."},
             {
               icon: Code,
-              title: "Custom Development",
-              description: "Bespoke solutions built to your exact specifications. From APIs to full-stack applications, we deliver excellence.",
-            },
+              title: "Custom Development",              description: "Bespoke solutions built to your exact specifications. From APIs to full-stack applications, we deliver excellence."},
             {
               icon: TrendingUp,
-              title: "SEO Optimization",
-              description: "Strategic SEO implementation that increases visibility, drives organic traffic, and improves your search rankings.",
-            },
+              title: "SEO Optimization",              description: "Strategic SEO implementation that increases visibility, drives organic traffic, and improves your search rankings."},
             {
               icon: Smartphone,
-              title: "Mobile-First Design",
-              description: "Responsive designs that perform flawlessly across all devices, ensuring your audience sees your best side.",
-            },
+              title: "Mobile-First Design",              description: "Responsive designs that perform flawlessly across all devices, ensuring your audience sees your best side."},
             {
               icon: Zap,
-              title: "Performance & Analytics",
-              description: "Data-driven optimization that measures success and continuously improves your digital presence.",
-            },
+              title: "Performance & Analytics",              description: "Data-driven optimization that measures success and continuously improves your digital presence."},
           ]}
           textboxLayout="default"
           animationType="slide-up"
@@ -165,7 +144,7 @@ export default function HomePage() {
             { value: "340%", title: "Increase in Organic Traffic" },
             { value: "2.5x", title: "Improvement in Conversion Rate" },
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/e-commerce-website-showcase-displaying-a-1772520488331-b91be4fb.png?_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/e-commerce-website-showcase-displaying-a-1772520488331-b91be4fb.png"
           imageAlt="E-commerce website success"
           mediaAnimation="slide-up"
           metricsAnimation="slide-up"
@@ -187,7 +166,7 @@ export default function HomePage() {
             { id: "1", icon: Users, title: "Projects Completed", value: "500+" },
             { id: "2", icon: Users, title: "Happy Clients", value: "200+" },
             { id: "3", icon: TrendingUp, title: "Avg Traffic Increase", value: "280%" },
-            { id: "4", icon: Users, title: "Client Satisfaction", value: "98%" },
+            { id: "4", icon: Award, title: "Client Satisfaction", value: "98%" },
           ]}
         />
       </div>
@@ -199,29 +178,17 @@ export default function HomePage() {
           author="Sarah Johnson, CEO of TechVentures"
           avatars={[
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-confident-fem-1772520487786-4cbb5a88.png",
-              alt: "Sarah Johnson",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-confident-fem-1772520487786-4cbb5a88.png",              alt: "Sarah Johnson"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-male-technolo-1772520487716-e4de43bf.png",
-              alt: "Michael Chen",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-male-technolo-1772520487716-e4de43bf.png",              alt: "Michael Chen"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-female-market-1772520487292-fd3661e3.png",
-              alt: "Emily Rodriguez",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-female-market-1772520487292-fd3661e3.png",              alt: "Emily Rodriguez"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-an-asian-male-p-1772520490088-2449c330.png",
-              alt: "David Park",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-an-asian-male-p-1772520490088-2449c330.png",              alt: "David Park"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-female-busine-1772520487627-e2d669ee.png",
-              alt: "Jessica Williams",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-female-busine-1772520487627-e2d669ee.png",              alt: "Jessica Williams"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-male-executiv-1772520486993-4e3ef21d.png",
-              alt: "James Wilson",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-male-executiv-1772520486993-4e3ef21d.png",              alt: "James Wilson"},
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
@@ -244,6 +211,58 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="faq" data-section="faq">
+        <FaqBase
+          title="Frequently Asked Questions"
+          description="Find answers to common questions about our services, process, and how we work with clients."
+          tag="Help"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          faqsAnimation="slide-up"
+          animationType="smooth"
+          showCard={true}
+          faqs={[
+            {
+              id: "1",              title: "What's included in a typical web design project?",              content: "Our web design projects include strategy, wireframing, visual design, responsive development, SEO optimization, and testing. We ensure your website is beautiful, functional, and optimized for search engines and user experience."},
+            {
+              id: "2",              title: "How long does a website project typically take?",              content: "Project timelines vary based on complexity and scope. A standard website typically takes 6-12 weeks from initial strategy to launch. We provide a detailed timeline during the discovery phase and keep you updated throughout the process."},
+            {
+              id: "3",              title: "Do you offer SEO services after launch?",              content: "Yes, we provide ongoing SEO optimization and can set up monthly maintenance packages. Our SEO services include keyword research, content optimization, technical SEO, link building, and performance monitoring to ensure continued growth."},
+            {
+              id: "4",              title: "Can you integrate with our existing systems and tools?",              content: "Absolutely. Our custom development team specializes in integrating with CRM systems, e-commerce platforms, analytics tools, marketing automation, and legacy systems. We ensure seamless data flow across your entire technology stack."},
+            {
+              id: "5",              title: "What CMS platforms do you work with?",              content: "We specialize in WordPress, Statamic, custom headless CMS solutions, and modern frameworks like Next.js. We recommend the best CMS for your specific needs, considering scalability, budget, and functionality requirements."},
+            {
+              id: "6",              title: "How do you measure success?",              content: "We establish clear KPIs at the beginning of every project: traffic growth, conversion rates, search rankings, user engagement, and business revenue. We provide monthly reports and insights to track progress and continuously optimize performance."},
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactFaq
+          faqs={[
+            {
+              id: "1",              title: "What's your typical project process?",              content: "We follow a proven 5-phase methodology: Discovery & Strategy, Design & Wireframing, Development & Implementation, Testing & Optimization, and Launch & Support. Each phase includes client checkpoints and feedback sessions."},
+            {
+              id: "2",              title: "Do you provide support after the project launches?",              content: "Yes, we offer ongoing support packages including updates, security monitoring, performance optimization, and feature enhancements. We become a true partner in your success."},
+            {
+              id: "3",              title: "What's your pricing model?",              content: "We work with project-based pricing for custom work and retainer-based pricing for ongoing services. We'll provide a detailed proposal after understanding your needs during the discovery phase."},
+            {
+              id: "4",              title: "How do you approach SEO?",              content: "Our SEO approach is comprehensive: technical SEO optimization, on-page optimization, content strategy, link building, and continuous monitoring. We focus on sustainable, long-term growth rather than quick wins."},
+          ]}
+          ctaTitle="Ready to Transform Your Digital Presence?"
+          ctaDescription="Let's discuss how our services can drive growth for your business. Book a free consultation call today."
+          ctaButton={{ text: "Schedule a Call", href: "https://calendly.com/digitalagency" }}
+          ctaIcon={Phone}
+          useInvertedBackground={false}
+          animationType="slide-up"
+          accordionAnimationType="smooth"
+          showCard={true}
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterBase
           logoText="Digital Agency Pro"
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index c28594d..0b71358 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -20,26 +20,23 @@ export default function ServicesPage() {
 
   const footerColumns = [
     {
-      title: "Services",
-      items: [
-        { label: "Web Design", href: "/services" },
-        { label: "CMS Solutions", href: "/services" },
-        { label: "Custom Development", href: "/services" },
-        { label: "SEO Optimization", href: "/services" },
+      title: "Services",      items: [
+        { label: "Web Design", href: "#services" },
+        { label: "CMS Solutions", href: "#services" },
+        { label: "Custom Development", href: "#services" },
+        { label: "SEO Optimization", href: "#services" },
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Our Work", href: "/case-studies" },
         { label: "Blog", href: "/blog" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "#contact" },
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
@@ -54,7 +51,7 @@ export default function ServicesPage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="medium"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="glass-elevated"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="glass"
@@ -79,34 +76,22 @@ export default function ServicesPage() {
           features={[
             {
               icon: Globe,
-              title: "Web Design & Development",
-              description: "Beautiful, responsive websites that engage users and drive conversions. We craft every pixel with precision and optimize for all devices.",
-            },
+              title: "Web Design & Development",              description: "Beautiful, responsive websites that engage users and drive conversions. We craft every pixel with precision and optimize for all devices."},
             {
               icon: Database,
-              title: "CMS Solutions",
-              description: "Powerful content management systems that give you full control over your digital presence without technical hassle or complexity.",
-            },
+              title: "CMS Solutions",              description: "Powerful content management systems that give you full control over your digital presence without technical hassle or complexity."},
             {
               icon: Code,
-              title: "Custom Development",
-              description: "Bespoke solutions built to your exact specifications. From APIs to full-stack applications, we deliver excellence and scalability.",
-            },
+              title: "Custom Development",              description: "Bespoke solutions built to your exact specifications. From APIs to full-stack applications, we deliver excellence and scalability."},
             {
               icon: TrendingUp,
-              title: "SEO Optimization",
-              description: "Strategic SEO implementation that increases visibility, drives organic traffic, and improves your search rankings consistently.",
-            },
+              title: "SEO Optimization",              description: "Strategic SEO implementation that increases visibility, drives organic traffic, and improves your search rankings consistently."},
             {
               icon: Smartphone,
-              title: "Mobile-First Design",
-              description: "Responsive designs that perform flawlessly across all devices, ensuring your audience sees your best side every time.",
-            },
+              title: "Mobile-First Design",              description: "Responsive designs that perform flawlessly across all devices, ensuring your audience sees your best side every time."},
             {
               icon: Zap,
-              title: "Performance & Analytics",
-              description: "Data-driven optimization that measures success and continuously improves your digital presence based on real metrics.",
-            },
+              title: "Performance & Analytics",              description: "Data-driven optimization that measures success and continuously improves your digital presence based on real metrics."},
           ]}
           textboxLayout="default"
           animationType="slide-up"
@@ -149,35 +134,17 @@ export default function ServicesPage() {
           showCard={true}
           faqs={[
             {
-              id: "1",
-              title: "What's included in a typical web design project?",
-              content: "Our web design projects include strategy, wireframing, visual design, responsive development, SEO optimization, and testing. We ensure your website is beautiful, functional, and optimized for search engines and user experience.",
-            },
+              id: "1",              title: "What's included in a typical web design project?",              content: "Our web design projects include strategy, wireframing, visual design, responsive development, SEO optimization, and testing. We ensure your website is beautiful, functional, and optimized for search engines and user experience."},
             {
-              id: "2",
-              title: "How long does a website project typically take?",
-              content: "Project timelines vary based on complexity and scope. A standard website typically takes 6-12 weeks from initial strategy to launch. We provide a detailed timeline during the discovery phase and keep you updated throughout the process.",
-            },
+              id: "2",              title: "How long does a website project typically take?",              content: "Project timelines vary based on complexity and scope. A standard website typically takes 6-12 weeks from initial strategy to launch. We provide a detailed timeline during the discovery phase and keep you updated throughout the process."},
             {
-              id: "3",
-              title: "Do you offer SEO services after launch?",
-              content: "Yes, we provide ongoing SEO optimization and can set up monthly maintenance packages. Our SEO services include keyword research, content optimization, technical SEO, link building, and performance monitoring to ensure continued growth.",
-            },
+              id: "3",              title: "Do you offer SEO services after launch?",              content: "Yes, we provide ongoing SEO optimization and can set up monthly maintenance packages. Our SEO services include keyword research, content optimization, technical SEO, link building, and performance monitoring to ensure continued growth."},
             {
-              id: "4",
-              title: "Can you integrate with our existing systems and tools?",
-              content: "Absolutely. Our custom development team specializes in integrating with CRM systems, e-commerce platforms, analytics tools, marketing automation, and legacy systems. We ensure seamless data flow across your entire technology stack.",
-            },
+              id: "4",              title: "Can you integrate with our existing systems and tools?",              content: "Absolutely. Our custom development team specializes in integrating with CRM systems, e-commerce platforms, analytics tools, marketing automation, and legacy systems. We ensure seamless data flow across your entire technology stack."},
             {
-              id: "5",
-              title: "What CMS platforms do you work with?",
-              content: "We specialize in WordPress, Statamic, custom headless CMS solutions, and modern frameworks like Next.js. We recommend the best CMS for your specific needs, considering scalability, budget, and functionality requirements.",
-            },
+              id: "5",              title: "What CMS platforms do you work with?",              content: "We specialize in WordPress, Statamic, custom headless CMS solutions, and modern frameworks like Next.js. We recommend the best CMS for your specific needs, considering scalability, budget, and functionality requirements."},
             {
-              id: "6",
-              title: "How do you measure success?",
-              content: "We establish clear KPIs at the beginning of every project: traffic growth, conversion rates, search rankings, user engagement, and business revenue. We provide monthly reports and insights to track progress and continuously optimize performance.",
-            },
+              id: "6",              title: "How do you measure success?",              content: "We establish clear KPIs at the beginning of every project: traffic growth, conversion rates, search rankings, user engagement, and business revenue. We provide monthly reports and insights to track progress and continuously optimize performance."},
           ]}
         />
       </div>