diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 76e2fc0..3115ae6 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -16,7 +16,7 @@ export default function AboutPage() {
       borderRadius="soft"
       contentWidth="mediumSmall"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
@@ -41,20 +41,14 @@ export default function AboutPage() {
         <HeroCentered
           title="About Vice Web Co."
           description="We are a team of passionate designers and developers dedicated to creating digital experiences that drive real business results. For over 12 years, we've been partnering with brands to build the web."
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           avatars={[
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",
-              alt: "Team Member 1",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",              alt: "Team Member 1"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",
-              alt: "Team Member 2",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",              alt: "Team Member 2"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",
-              alt: "Team Member 3",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",              alt: "Team Member 3"},
           ]}
           avatarText="Meet our talented team"
           buttons={[
@@ -73,35 +67,15 @@ export default function AboutPage() {
           tagIcon={Users}
           members={[
             {
-              id: "1",
-              name: "Alex Chen",
-              role: "Creative Director",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-portrait-of-a-creative-web--1773082593953-34fed084.png",
-              imageAlt: "Alex Chen",
-            },
+              id: "1",              name: "Alex Chen",              role: "Creative Director",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-portrait-of-a-creative-web--1773082593953-34fed084.png",              imageAlt: "Alex Chen"},
             {
-              id: "2",
-              name: "Jordan Williams",
-              role: "Lead Developer",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-portrait-of-a-senior-develo-1773082591852-66fa9431.png",
-              imageAlt: "Jordan Williams",
-            },
+              id: "2",              name: "Jordan Williams",              role: "Lead Developer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-portrait-of-a-senior-develo-1773082591852-66fa9431.png",              imageAlt: "Jordan Williams"},
             {
-              id: "3",
-              name: "Maya Patel",
-              role: "Project Manager",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-portrait-of-a-project-manag-1773082592324-c605eef2.png",
-              imageAlt: "Maya Patel",
-            },
+              id: "3",              name: "Maya Patel",              role: "Project Manager",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-portrait-of-a-project-manag-1773082592324-c605eef2.png",              imageAlt: "Maya Patel"},
             {
-              id: "4",
-              name: "Chris Rodriguez",
-              role: "UX/UI Designer",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-portrait-of-a-ux-ui-special-1773082593983-c7d3ac00.png",
-              imageAlt: "Chris Rodriguez",
-            },
+              id: "4",              name: "Chris Rodriguez",              role: "UX/UI Designer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-portrait-of-a-ux-ui-special-1773082593983-c7d3ac00.png",              imageAlt: "Chris Rodriguez"},
           ]}
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -115,21 +89,13 @@ export default function AboutPage() {
           author="Michael Torres, Founder at GrowthLabs"
           avatars={[
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",
-              alt: "Michael Torres",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",              alt: "Michael Torres"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",
-              alt: "Client",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",              alt: "Client"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",
-              alt: "Client",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",              alt: "Client"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-tech-entrepre-1773082591534-5aba212b.png",
-              alt: "Client",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-tech-entrepre-1773082591534-5aba212b.png",              alt: "Client"},
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
@@ -144,24 +110,16 @@ export default function AboutPage() {
           socialLinks={[
             {
               icon: Twitter,
-              href: "https://twitter.com/viceweb",
-              ariaLabel: "Twitter",
-            },
+              href: "https://twitter.com/viceweb",              ariaLabel: "Twitter"},
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/viceweb",
-              ariaLabel: "LinkedIn",
-            },
+              href: "https://linkedin.com/company/viceweb",              ariaLabel: "LinkedIn"},
             {
               icon: Github,
-              href: "https://github.com/viceweb",
-              ariaLabel: "GitHub",
-            },
+              href: "https://github.com/viceweb",              ariaLabel: "GitHub"},
             {
               icon: Instagram,
-              href: "https://instagram.com/viceweb",
-              ariaLabel: "Instagram",
-            },
+              href: "https://instagram.com/viceweb",              ariaLabel: "Instagram"},
           ]}
         />
       </div>
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 6056ccd..ec68c50 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -30,7 +30,7 @@ export default function ContactPage() {
       borderRadius="soft"
       contentWidth="mediumSmall"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
@@ -56,18 +56,13 @@ export default function ContactPage() {
           description="Let's collaborate to create something extraordinary. Our team is ready to discuss your vision and build the perfect digital solution for your business."
           buttons={[
             {
-              text: "Contact Us",
-              href: "/contact",
-            },
+              text: "Contact Us",              href: "/contact"},
             {
-              text: "Schedule a Call",
-              href: "/contact",
-            },
+              text: "Schedule a Call",              href: "/contact"},
           ]}
           buttonAnimation="slide-up"
           background={{
-            variant: "noise",
-          }}
+            variant: "plain"}}
           useInvertedBackground={false}
         />
       </div>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3b63faa..fa69115 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -22,7 +22,7 @@ export default function HomePage() {
       borderRadius="soft"
       contentWidth="mediumSmall"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
@@ -47,20 +47,14 @@ export default function HomePage() {
         <HeroCentered
           title="Build Websites That Convert"
           description="Vice Web Co. creates stunning, high-performance websites that drive growth. We combine strategic design with cutting-edge technology to bring your vision to life."
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           avatars={[
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",
-              alt: "Client 1",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",              alt: "Client 1"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",
-              alt: "Client 2",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",              alt: "Client 2"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",
-              alt: "Client 3",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",              alt: "Client 3"},
           ]}
           avatarText="Trusted by 200+ brands worldwide"
           buttons={[
@@ -94,33 +88,13 @@ export default function HomePage() {
           tagIcon={Zap}
           features={[
             {
-              id: "1",
-              title: "Web Design",
-              description: "Beautiful, user-focused designs that engage your audience and drive conversions. We create responsive websites that look stunning on every device.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/modern-website-design-mockup-on-a-laptop-1773082594735-2c91bd94.png?_wi=1",
-              imageAlt: "Web Design Service",
-            },
+              id: "1",              title: "Web Design",              description: "Beautiful, user-focused designs that engage your audience and drive conversions. We create responsive websites that look stunning on every device.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/modern-website-design-mockup-on-a-laptop-1773082594735-2c91bd94.png",              imageAlt: "Web Design Service"},
             {
-              id: "2",
-              title: "Brand Strategy",
-              description: "Comprehensive branding solutions that define your identity. From logo design to complete brand guidelines, we create cohesive visual identities.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/brand-identity-design-elements-laid-out--1773082592229-9f6c474e.png?_wi=1",
-              imageAlt: "Brand Strategy Service",
-            },
+              id: "2",              title: "Brand Strategy",              description: "Comprehensive branding solutions that define your identity. From logo design to complete brand guidelines, we create cohesive visual identities.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/brand-identity-design-elements-laid-out--1773082592229-9f6c474e.png",              imageAlt: "Brand Strategy Service"},
             {
-              id: "3",
-              title: "Web Development",
-              description: "Robust, scalable websites built with modern technologies. We ensure fast performance, security, and seamless user experiences across all platforms.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/clean-code-on-a-computer-monitor-with-mo-1773082591992-b25dc5f0.png?_wi=1",
-              imageAlt: "Web Development Service",
-            },
+              id: "3",              title: "Web Development",              description: "Robust, scalable websites built with modern technologies. We ensure fast performance, security, and seamless user experiences across all platforms.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/clean-code-on-a-computer-monitor-with-mo-1773082591992-b25dc5f0.png",              imageAlt: "Web Development Service"},
             {
-              id: "4",
-              title: "SEO Optimization",
-              description: "Strategic SEO that increases your visibility online. We optimize for search engines and user experience to drive organic traffic and growth.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/clean-code-on-a-computer-monitor-with-mo-1773082591992-b25dc5f0.png?_wi=2",
-              imageAlt: "SEO Service",
-            },
+              id: "4",              title: "SEO Optimization",              description: "Strategic SEO that increases your visibility online. We optimize for search engines and user experience to drive organic traffic and growth.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/clean-code-on-a-computer-monitor-with-mo-1773082591992-b25dc5f0.png",              imageAlt: "SEO Service"},
           ]}
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
@@ -137,26 +111,11 @@ export default function HomePage() {
           tagIcon={Briefcase}
           products={[
             {
-              id: "1",
-              name: "E-Commerce Platform",
-              price: "Conversion +45%",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/a-vibrant-e-commerce-website-homepage-di-1773082593272-cabb0016.png?_wi=1",
-              imageAlt: "E-Commerce project",
-            },
+              id: "1",              name: "E-Commerce Platform",              price: "Conversion +45%",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/a-vibrant-e-commerce-website-homepage-di-1773082593272-cabb0016.png",              imageAlt: "E-Commerce project"},
             {
-              id: "2",
-              name: "SaaS Landing Page",
-              price: "Sign-ups +120%",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/a-tech-startup-landing-page-with-bold-ty-1773082592218-8ef1e1b6.png?_wi=1",
-              imageAlt: "SaaS project",
-            },
+              id: "2",              name: "SaaS Landing Page",              price: "Sign-ups +120%",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/a-tech-startup-landing-page-with-bold-ty-1773082592218-8ef1e1b6.png",              imageAlt: "SaaS project"},
             {
-              id: "3",
-              name: "Creative Agency Site",
-              price: "Leads +85%",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/creative-agency-portfolio-website-showca-1773082596921-16aff220.png?_wi=1",
-              imageAlt: "Agency project",
-            },
+              id: "3",              name: "Creative Agency Site",              price: "Leads +85%",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/creative-agency-portfolio-website-showca-1773082596921-16aff220.png",              imageAlt: "Agency project"},
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -171,31 +130,18 @@ export default function HomePage() {
           description="Proven results that speak for themselves"
           metrics={[
             {
-              id: "1",
-              value: "200+",
-              title: "Projects Completed",
-              items: ["Across 20+ industries", "Global client base", "12+ years experience"],
+              id: "1",              value: "200+",              title: "Projects Completed",              items: ["Across 20+ industries", "Global client base", "12+ years experience"],
             },
             {
-              id: "2",
-              value: "98%",
-              title: "Client Satisfaction",
-              items: ["Long-term partnerships", "Repeat clients", "Referral rate 60%+"],
+              id: "2",              value: "98%",              title: "Client Satisfaction",              items: ["Long-term partnerships", "Repeat clients", "Referral rate 60%+"],
             },
             {
-              id: "3",
-              value: "50M+",
-              title: "Annual User Traffic",
-              items: ["Our clients' websites", "Across all platforms", "Growing monthly"],
+              id: "3",              value: "50M+",              title: "Annual User Traffic",              items: ["Our clients' websites", "Across all platforms", "Growing monthly"],
             },
             {
-              id: "4",
-              value: "25+",
-              title: "Industry Awards",
-              items: ["Design excellence", "Innovation & creativity", "Client success stories"],
+              id: "4",              value: "25+",              title: "Industry Awards",              items: ["Design excellence", "Innovation & creativity", "Client success stories"],
             },
           ]}
-          gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -209,21 +155,13 @@ export default function HomePage() {
           author="Sarah Mitchell, CEO at TechVenture"
           avatars={[
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",
-              alt: "Sarah Mitchell",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",              alt: "Sarah Mitchell"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",
-              alt: "Client",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",              alt: "Client"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",
-              alt: "Client",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",              alt: "Client"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-tech-entrepre-1773082591534-5aba212b.png",
-              alt: "Client",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-tech-entrepre-1773082591534-5aba212b.png",              alt: "Client"},
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
@@ -242,7 +180,7 @@ export default function HomePage() {
             { text: "Schedule a Call", href: "contact" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
@@ -254,24 +192,16 @@ export default function HomePage() {
           socialLinks={[
             {
               icon: Twitter,
-              href: "https://twitter.com/viceweb",
-              ariaLabel: "Twitter",
-            },
+              href: "https://twitter.com/viceweb",              ariaLabel: "Twitter"},
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/viceweb",
-              ariaLabel: "LinkedIn",
-            },
+              href: "https://linkedin.com/company/viceweb",              ariaLabel: "LinkedIn"},
             {
               icon: Github,
-              href: "https://github.com/viceweb",
-              ariaLabel: "GitHub",
-            },
+              href: "https://github.com/viceweb",              ariaLabel: "GitHub"},
             {
               icon: Instagram,
-              href: "https://instagram.com/viceweb",
-              ariaLabel: "Instagram",
-            },
+              href: "https://instagram.com/viceweb",              ariaLabel: "Instagram"},
           ]}
         />
       </div>
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index 9843b44..47d94bf 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -26,7 +26,7 @@ export default function PortfolioPage() {
       borderRadius="soft"
       contentWidth="mediumSmall"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
@@ -45,20 +45,14 @@ export default function PortfolioPage() {
         <HeroCentered
           title="Our Portfolio"
           description="Explore our collection of successful projects that showcase our expertise in web design, development, and digital strategy. Real results from real clients across diverse industries."
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           avatars={[
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",
-              alt: "Client 1",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",              alt: "Client 1"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",
-              alt: "Client 2",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",              alt: "Client 2"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",
-              alt: "Client 3",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",              alt: "Client 3"},
           ]}
           avatarText="Trusted by 200+ brands worldwide"
           buttons={[
@@ -77,29 +71,14 @@ export default function PortfolioPage() {
           tagIcon={Briefcase}
           products={[
             {
-              id: "1",
-              name: "E-Commerce Platform",
-              price: "Conversion +45%",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/a-vibrant-e-commerce-website-homepage-di-1773082593272-cabb0016.png?_wi=2",
-              imageAlt: "E-Commerce project",
-            },
+              id: "1",              name: "E-Commerce Platform",              price: "Conversion +45%",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/a-vibrant-e-commerce-website-homepage-di-1773082593272-cabb0016.png",              imageAlt: "E-Commerce project"},
             {
-              id: "2",
-              name: "SaaS Landing Page",
-              price: "Sign-ups +120%",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/a-tech-startup-landing-page-with-bold-ty-1773082592218-8ef1e1b6.png?_wi=2",
-              imageAlt: "SaaS project",
-            },
+              id: "2",              name: "SaaS Landing Page",              price: "Sign-ups +120%",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/a-tech-startup-landing-page-with-bold-ty-1773082592218-8ef1e1b6.png",              imageAlt: "SaaS project"},
             {
-              id: "3",
-              name: "Creative Agency Site",
-              price: "Leads +85%",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/creative-agency-portfolio-website-showca-1773082596921-16aff220.png?_wi=2",
-              imageAlt: "Agency project",
-            },
+              id: "3",              name: "Creative Agency Site",              price: "Leads +85%",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/creative-agency-portfolio-website-showca-1773082596921-16aff220.png",              imageAlt: "Agency project"},
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -115,21 +94,13 @@ export default function PortfolioPage() {
           author="Sarah Mitchell, CEO at TechVenture"
           avatars={[
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",
-              alt: "Sarah Mitchell",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",              alt: "Sarah Mitchell"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",
-              alt: "Client",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",              alt: "Client"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",
-              alt: "Client",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",              alt: "Client"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-tech-entrepre-1773082591534-5aba212b.png",
-              alt: "Client",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-tech-entrepre-1773082591534-5aba212b.png",              alt: "Client"},
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
@@ -148,7 +119,7 @@ export default function PortfolioPage() {
             { text: "Schedule a Call", href: "contact" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
@@ -160,24 +131,16 @@ export default function PortfolioPage() {
           socialLinks={[
             {
               icon: Twitter,
-              href: "https://twitter.com/viceweb",
-              ariaLabel: "Twitter",
-            },
+              href: "https://twitter.com/viceweb",              ariaLabel: "Twitter"},
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/viceweb",
-              ariaLabel: "LinkedIn",
-            },
+              href: "https://linkedin.com/company/viceweb",              ariaLabel: "LinkedIn"},
             {
               icon: Github,
-              href: "https://github.com/viceweb",
-              ariaLabel: "GitHub",
-            },
+              href: "https://github.com/viceweb",              ariaLabel: "GitHub"},
             {
               icon: Instagram,
-              href: "https://instagram.com/viceweb",
-              ariaLabel: "Instagram",
-            },
+              href: "https://instagram.com/viceweb",              ariaLabel: "Instagram"},
           ]}
         />
       </div>
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 6561677..7a8b968 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -26,7 +26,7 @@ export default function ServicesPage() {
       borderRadius="soft"
       contentWidth="mediumSmall"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
@@ -45,20 +45,14 @@ export default function ServicesPage() {
         <HeroCentered
           title="Our Services"
           description="Comprehensive web solutions designed to transform your business and drive measurable results. From concept to launch, we handle every aspect of your digital success."
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           avatars={[
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",
-              alt: "Client 1",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-successful-fe-1773082591790-bce1e8ce.png",              alt: "Client 1"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",
-              alt: "Client 2",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-confident-mal-1773082591081-61968145.png",              alt: "Client 2"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",
-              alt: "Client 3",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/professional-headshot-of-a-creative-dire-1773082591566-7a78b8af.png",              alt: "Client 3"},
           ]}
           avatarText="Trusted by 200+ brands worldwide"
           buttons={[
@@ -77,41 +71,21 @@ export default function ServicesPage() {
           tagIcon={Zap}
           features={[
             {
-              id: "1",
-              title: "Web Design",
-              description:
-                "Beautiful, user-focused designs that engage your audience and drive conversions. We create responsive websites that look stunning on every device.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/modern-website-design-mockup-on-a-laptop-1773082594735-2c91bd94.png?_wi=2",
-              imageAlt: "Web Design Service",
-            },
+              id: "1",              title: "Web Design",              description:
+                "Beautiful, user-focused designs that engage your audience and drive conversions. We create responsive websites that look stunning on every device.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/modern-website-design-mockup-on-a-laptop-1773082594735-2c91bd94.png",              imageAlt: "Web Design Service"},
             {
-              id: "2",
-              title: "Brand Strategy",
-              description:
-                "Comprehensive branding solutions that define your identity. From logo design to complete brand guidelines, we create cohesive visual identities.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/brand-identity-design-elements-laid-out--1773082592229-9f6c474e.png?_wi=2",
-              imageAlt: "Brand Strategy Service",
-            },
+              id: "2",              title: "Brand Strategy",              description:
+                "Comprehensive branding solutions that define your identity. From logo design to complete brand guidelines, we create cohesive visual identities.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/brand-identity-design-elements-laid-out--1773082592229-9f6c474e.png",              imageAlt: "Brand Strategy Service"},
             {
-              id: "3",
-              title: "Web Development",
-              description:
-                "Robust, scalable websites built with modern technologies. We ensure fast performance, security, and seamless user experiences across all platforms.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/clean-code-on-a-computer-monitor-with-mo-1773082591992-b25dc5f0.png?_wi=3",
-              imageAlt: "Web Development Service",
-            },
+              id: "3",              title: "Web Development",              description:
+                "Robust, scalable websites built with modern technologies. We ensure fast performance, security, and seamless user experiences across all platforms.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/clean-code-on-a-computer-monitor-with-mo-1773082591992-b25dc5f0.png",              imageAlt: "Web Development Service"},
             {
-              id: "4",
-              title: "SEO Optimization",
-              description:
-                "Strategic SEO that increases your visibility online. We optimize for search engines and user experience to drive organic traffic and growth.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/clean-code-on-a-computer-monitor-with-mo-1773082591992-b25dc5f0.png?_wi=4",
-              imageAlt: "SEO Service",
-            },
+              id: "4",              title: "SEO Optimization",              description:
+                "Strategic SEO that increases your visibility online. We optimize for search engines and user experience to drive organic traffic and growth.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aijx2OAEUraXNFCRsFXoYS5px5/clean-code-on-a-computer-monitor-with-mo-1773082591992-b25dc5f0.png",              imageAlt: "SEO Service"},
           ]}
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
@@ -126,47 +100,22 @@ export default function ServicesPage() {
           description="Proven results that speak for themselves"
           metrics={[
             {
-              id: "1",
-              value: "200+",
-              title: "Projects Completed",
-              items: [
-                "Across 20+ industries",
-                "Global client base",
-                "12+ years experience",
-              ],
+              id: "1",              value: "200+",              title: "Projects Completed",              items: [
+                "Across 20+ industries",                "Global client base",                "12+ years experience"],
             },
             {
-              id: "2",
-              value: "98%",
-              title: "Client Satisfaction",
-              items: [
-                "Long-term partnerships",
-                "Repeat clients",
-                "Referral rate 60%+",
-              ],
+              id: "2",              value: "98%",              title: "Client Satisfaction",              items: [
+                "Long-term partnerships",                "Repeat clients",                "Referral rate 60%+"],
             },
             {
-              id: "3",
-              value: "50M+",
-              title: "Annual User Traffic",
-              items: [
-                "Our clients' websites",
-                "Across all platforms",
-                "Growing monthly",
-              ],
+              id: "3",              value: "50M+",              title: "Annual User Traffic",              items: [
+                "Our clients' websites",                "Across all platforms",                "Growing monthly"],
             },
             {
-              id: "4",
-              value: "25+",
-              title: "Industry Awards",
-              items: [
-                "Design excellence",
-                "Innovation & creativity",
-                "Client success stories",
-              ],
+              id: "4",              value: "25+",              title: "Industry Awards",              items: [
+                "Design excellence",                "Innovation & creativity",                "Client success stories"],
             },
           ]}
-          gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -184,7 +133,7 @@ export default function ServicesPage() {
             { text: "Schedule a Call", href: "contact" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
@@ -196,24 +145,16 @@ export default function ServicesPage() {
           socialLinks={[
             {
               icon: Twitter,
-              href: "https://twitter.com/viceweb",
-              ariaLabel: "Twitter",
-            },
+              href: "https://twitter.com/viceweb",              ariaLabel: "Twitter"},
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/viceweb",
-              ariaLabel: "LinkedIn",
-            },
+              href: "https://linkedin.com/company/viceweb",              ariaLabel: "LinkedIn"},
             {
               icon: Github,
-              href: "https://github.com/viceweb",
-              ariaLabel: "GitHub",
-            },
+              href: "https://github.com/viceweb",              ariaLabel: "GitHub"},
             {
               icon: Instagram,
-              href: "https://instagram.com/viceweb",
-              ariaLabel: "Instagram",
-            },
+              href: "https://instagram.com/viceweb",              ariaLabel: "Instagram"},
           ]}
         />
       </div>