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"