diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 12ecc2d..7963590 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -12,8 +12,7 @@ import { Sparkles, Users, Heart } from 'lucide-react';
 export default function AboutPage() {
   const footerColumns = [
     {
-      title: "Navigate",
-      items: [
+      title: "Navigate",      items: [
         { label: "Home", href: "/" },
         { label: "Services", href: "/services" },
         { label: "Portfolio", href: "/portfolio" },
@@ -21,8 +20,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Solutions",
-      items: [
+      title: "Solutions",      items: [
         { label: "Web Design", href: "#" },
         { label: "App Development", href: "#" },
         { label: "E-Commerce", href: "#" },
@@ -30,8 +28,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Team", href: "#" },
         { label: "Blog", href: "#" },
@@ -39,8 +36,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Connect",
-      items: [
+      title: "Connect",      items: [
         { label: "LinkedIn", href: "https://linkedin.com" },
         { label: "Twitter", href: "https://twitter.com" },
         { label: "GitHub", href: "https://github.com" },
@@ -56,7 +52,7 @@ export default function AboutPage() {
       borderRadius="pill"
       contentWidth="smallMedium"
       sizing="large"
-      background="noise"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="layered"
@@ -84,7 +80,7 @@ export default function AboutPage() {
           tag="Our Story"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           buttons={[
             { text: "Start Your Project", href: "/contact" },
             { text: "View Our Work", href: "#" },
@@ -92,13 +88,9 @@ export default function AboutPage() {
           buttonAnimation="slide-up"
           mediaItems={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/premium-web-design-mockup-showing-a-luxu-1773350135087-0f6e05b0.png?_wi=2",
-              imageAlt: "Our workspace and culture",
-            },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/premium-web-design-mockup-showing-a-luxu-1773350135087-0f6e05b0.png",              imageAlt: "Our workspace and culture"},
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/modern-mobile-app-interface-design-on-sm-1773350133034-014477da.png?_wi=2",
-              imageAlt: "Innovation and collaboration",
-            },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/modern-mobile-app-interface-design-on-sm-1773350133034-014477da.png",              imageAlt: "Innovation and collaboration"},
           ]}
           mediaAnimation="slide-up"
           rating={5}
@@ -118,33 +110,13 @@ export default function AboutPage() {
           buttonAnimation="slide-up"
           members={[
             {
-              id: "1",
-              name: "Alexandra Chen",
-              role: "Creative Director & Co-Founder",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-a-confident-cre-1773350133149-77ccec6e.png?_wi=2",
-              imageAlt: "Alexandra Chen",
-            },
+              id: "1",              name: "Alexandra Chen",              role: "Creative Director & Co-Founder",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-a-confident-cre-1773350133149-77ccec6e.png",              imageAlt: "Alexandra Chen"},
             {
-              id: "2",
-              name: "Marcus Rodriguez",
-              role: "Lead Developer",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-a-lead-develope-1773350132924-3d1e6f07.png?_wi=2",
-              imageAlt: "Marcus Rodriguez",
-            },
+              id: "2",              name: "Marcus Rodriguez",              role: "Lead Developer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-a-lead-develope-1773350132924-3d1e6f07.png",              imageAlt: "Marcus Rodriguez"},
             {
-              id: "3",
-              name: "Sophie Laurent",
-              role: "Head of Design",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-a-ux-ui-designe-1773350132575-7b931496.png?_wi=2",
-              imageAlt: "Sophie Laurent",
-            },
+              id: "3",              name: "Sophie Laurent",              role: "Head of Design",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-a-ux-ui-designe-1773350132575-7b931496.png",              imageAlt: "Sophie Laurent"},
             {
-              id: "4",
-              name: "James Mitchell",
-              role: "Project Manager",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-a-project-manag-1773350132771-5e81f92d.png?_wi=2",
-              imageAlt: "James Mitchell",
-            },
+              id: "4",              name: "James Mitchell",              role: "Project Manager",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-a-project-manag-1773350132771-5e81f92d.png",              imageAlt: "James Mitchell"},
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -164,53 +136,23 @@ export default function AboutPage() {
           buttonAnimation="slide-up"
           testimonials={[
             {
-              id: "1",
-              name: "Victoria Thompson",
-              role: "CEO",
-              company: "Luxury Retail Co",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-satisfied-clien-1773350132308-dbbcf2cf.png?_wi=2",
-            },
+              id: "1",              name: "Victoria Thompson",              role: "CEO",              company: "Luxury Retail Co",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-satisfied-clien-1773350132308-dbbcf2cf.png"},
             {
-              id: "2",
-              name: "David Park",
-              role: "Founder",
-              company: "TechStart Innovations",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-startup-founder-1773350132114-ab47be7f.png?_wi=2",
-            },
+              id: "2",              name: "David Park",              role: "Founder",              company: "TechStart Innovations",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-startup-founder-1773350132114-ab47be7f.png"},
             {
-              id: "3",
-              name: "Amanda Foster",
-              role: "Marketing Director",
-              company: "Global Brands Inc",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-marketing-direc-1773350132476-0d346064.png?_wi=2",
-            },
+              id: "3",              name: "Amanda Foster",              role: "Marketing Director",              company: "Global Brands Inc",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-marketing-direc-1773350132476-0d346064.png"},
             {
-              id: "4",
-              name: "Michael Wong",
-              role: "VP Operations",
-              company: "Enterprise Solutions Ltd",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-enterprise-clie-1773350132604-1e40d6db.png?_wi=2",
-            },
+              id: "4",              name: "Michael Wong",              role: "VP Operations",              company: "Enterprise Solutions Ltd",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-enterprise-clie-1773350132604-1e40d6db.png"},
             {
-              id: "5",
-              name: "Jessica Palmer",
-              role: "Product Manager",
-              company: "CloudTech Systems",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-product-manager-1773350132748-73eb482c.png",
-            },
+              id: "5",              name: "Jessica Palmer",              role: "Product Manager",              company: "CloudTech Systems",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-product-manager-1773350132748-73eb482c.png"},
             {
-              id: "6",
-              name: "Robert Grant",
-              role: "Creative Director",
-              company: "Design Studios NY",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-brand-director--1773350133285-db05b2b4.png",
-            },
+              id: "6",              name: "Robert Grant",              role: "Creative Director",              company: "Design Studios NY",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-brand-director--1773350133285-db05b2b4.png"},
           ]}
           kpiItems={[
             { value: "180+", label: "Projects Completed" },
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index ec18bb0..d16a524 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -17,8 +17,7 @@ export default function ContactPage() {
 
   const footerColumns = [
     {
-      title: "Navigate",
-      items: [
+      title: "Navigate",      items: [
         { label: "Home", href: "/" },
         { label: "Services", href: "/services" },
         { label: "Portfolio", href: "/portfolio" },
@@ -26,8 +25,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Solutions",
-      items: [
+      title: "Solutions",      items: [
         { label: "Web Design", href: "#" },
         { label: "App Development", href: "#" },
         { label: "E-Commerce", href: "#" },
@@ -35,8 +33,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Team", href: "#" },
         { label: "Blog", href: "#" },
@@ -44,8 +41,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Connect",
-      items: [
+      title: "Connect",      items: [
         { label: "LinkedIn", href: "https://linkedin.com" },
         { label: "Twitter", href: "https://twitter.com" },
         { label: "GitHub", href: "https://github.com" },
@@ -61,7 +57,7 @@ export default function ContactPage() {
       borderRadius="pill"
       contentWidth="smallMedium"
       sizing="large"
-      background="noise"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="layered"
@@ -90,7 +86,7 @@ export default function ContactPage() {
             { text: "Get In Touch", href: "/contact" },
             { text: "Schedule Call", href: "#" },
           ]}
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ad2eb9b..366035f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,6 +10,7 @@ import TestimonialCardSixteen from "@/components/sections/testimonial/Testimonia
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
+import ProductCardThree from "@/components/sections/product/ProductCardThree";
 import { Sparkles, Zap, Award, TrendingUp, Users, Heart, Handshake } from "lucide-react";
 
 export default function HomePage() {
@@ -20,7 +21,7 @@ export default function HomePage() {
       borderRadius="pill"
       contentWidth="smallMedium"
       sizing="large"
-      background="noise"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="layered"
@@ -50,21 +51,17 @@ export default function HomePage() {
           tag="Award-Winning Agency"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           buttons={[
             { text: "Start Your Project", href: "/contact" },
-            { text: "View Our Work", href: "/portfolio" },
+            { text: "View Our Work", href: "#portfolio" },
           ]}
           buttonAnimation="slide-up"
           mediaItems={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/premium-web-design-mockup-showing-a-luxu-1773350135087-0f6e05b0.png?_wi=1",
-              imageAlt: "Premium web design showcase",
-            },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/premium-web-design-mockup-showing-a-luxu-1773350135087-0f6e05b0.png",              imageAlt: "Premium web design showcase"},
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/modern-mobile-app-interface-design-on-sm-1773350133034-014477da.png?_wi=1",
-              imageAlt: "Modern app interface",
-            },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/modern-mobile-app-interface-design-on-sm-1773350133034-014477da.png",              imageAlt: "Modern app interface"},
           ]}
           mediaAnimation="slide-up"
           rating={5}
@@ -83,34 +80,21 @@ export default function HomePage() {
           tagAnimation="slide-up"
           buttons={[{ text: "Explore More", href: "#" }]}
           buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/abstract-illustration-of-web-design-and--1773350133104-26c98020.png?_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/abstract-illustration-of-web-design-and--1773350133104-26c98020.png"
           imageAlt="Service design illustration"
           mediaAnimation="slide-up"
           accordionItems={[
             {
-              id: "1",
-              title: "Web Design & Development",
-              content: "From responsive websites to complex web applications, we build digital experiences that engage users and drive conversions. Our approach combines user-centered design with modern technology.",
-            },
+              id: "1",              title: "Web Design & Development",              content: "From responsive websites to complex web applications, we build digital experiences that engage users and drive conversions. Our approach combines user-centered design with modern technology."},
             {
-              id: "2",
-              title: "Mobile App Development",
-              content: "Native and cross-platform mobile solutions that bring your ideas to life. We create intuitive, performant apps that users love.",
-            },
+              id: "2",              title: "Mobile App Development",              content: "Native and cross-platform mobile solutions that bring your ideas to life. We create intuitive, performant apps that users love."},
             {
-              id: "3",
-              title: "UI/UX Design",
-              content: "Beautiful, functional interfaces designed with your users in mind. We conduct thorough research and testing to ensure optimal user experience.",
-            },
+              id: "3",              title: "UI/UX Design",              content: "Beautiful, functional interfaces designed with your users in mind. We conduct thorough research and testing to ensure optimal user experience."},
             {
-              id: "4",
-              title: "E-Commerce Solutions",
-              content: "Powerful online stores that convert visitors into customers. Complete solutions including design, development, and optimization.",
-            },
+              id: "4",              title: "E-Commerce Solutions",              content: "Powerful online stores that convert visitors into customers. Complete solutions including design, development, and optimization."},
           ]}
           useInvertedBackground={true}
           mediaPosition="left"
-          textboxLayout="default"
         />
       </div>
 
@@ -126,26 +110,11 @@ export default function HomePage() {
           buttonAnimation="slide-up"
           products={[
             {
-              id: "1",
-              name: "Luxury Fashion E-Commerce",
-              price: "See Case Study",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/screenshot-of-a-luxury-fashion-brand-web-1773350134097-2b2195f1.png?_wi=1",
-              imageAlt: "Luxury fashion website",
-            },
+              id: "1",              name: "Luxury Fashion E-Commerce",              price: "See Case Study",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/screenshot-of-a-luxury-fashion-brand-web-1773350134097-2b2195f1.png",              imageAlt: "Luxury fashion website"},
             {
-              id: "2",
-              name: "SaaS Productivity Platform",
-              price: "See Case Study",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/saas-productivity-application-interface--1773350133092-ccdbb757.png?_wi=1",
-              imageAlt: "SaaS dashboard interface",
-            },
+              id: "2",              name: "SaaS Productivity Platform",              price: "See Case Study",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/saas-productivity-application-interface--1773350133092-ccdbb757.png",              imageAlt: "SaaS dashboard interface"},
             {
-              id: "3",
-              name: "Healthcare Technology",
-              price: "See Case Study",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/healthcare-technology-platform-website-s-1773350133188-376a4343.png?_wi=1",
-              imageAlt: "Healthcare platform",
-            },
+              id: "3",              name: "Healthcare Technology",              price: "See Case Study",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/healthcare-technology-platform-website-s-1773350133188-376a4343.png",              imageAlt: "Healthcare platform"},
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -166,22 +135,13 @@ export default function HomePage() {
           buttonAnimation="slide-up"
           metrics={[
             {
-              id: "1",
-              value: "150+",
-              title: "Successful Projects Delivered",
-              items: ["Across 25+ industries", "Global client base", "Average engagement: 3+ years"],
+              id: "1",              value: "150+",              title: "Successful Projects Delivered",              items: ["Across 25+ industries", "Global client base", "Average engagement: 3+ years"],
             },
             {
-              id: "2",
-              value: "98%",
-              title: "Client Satisfaction Rate",
-              items: ["Net Promoter Score: 72", "Repeat client rate: 85%", "Project on-time delivery"],
+              id: "2",              value: "98%",              title: "Client Satisfaction Rate",              items: ["Net Promoter Score: 72", "Repeat client rate: 85%", "Project on-time delivery"],
             },
             {
-              id: "3",
-              value: "12+",
-              title: "Awards & Recognition",
-              items: ["Design excellence awards", "Technology innovation", "Industry leadership"],
+              id: "3",              value: "12+",              title: "Awards & Recognition",              items: ["Design excellence awards", "Technology innovation", "Industry leadership"],
             },
           ]}
           animationType="slide-up"
@@ -202,33 +162,13 @@ export default function HomePage() {
           buttonAnimation="slide-up"
           members={[
             {
-              id: "1",
-              name: "Alexandra Chen",
-              role: "Creative Director & Co-Founder",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-a-confident-cre-1773350133149-77ccec6e.png?_wi=1",
-              imageAlt: "Alexandra Chen",
-            },
+              id: "1",              name: "Alexandra Chen",              role: "Creative Director & Co-Founder",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-a-confident-cre-1773350133149-77ccec6e.png",              imageAlt: "Alexandra Chen"},
             {
-              id: "2",
-              name: "Marcus Rodriguez",
-              role: "Lead Developer",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-a-lead-develope-1773350132924-3d1e6f07.png?_wi=1",
-              imageAlt: "Marcus Rodriguez",
-            },
+              id: "2",              name: "Marcus Rodriguez",              role: "Lead Developer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-a-lead-develope-1773350132924-3d1e6f07.png",              imageAlt: "Marcus Rodriguez"},
             {
-              id: "3",
-              name: "Sophie Laurent",
-              role: "Head of Design",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-a-ux-ui-designe-1773350132575-7b931496.png?_wi=1",
-              imageAlt: "Sophie Laurent",
-            },
+              id: "3",              name: "Sophie Laurent",              role: "Head of Design",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-a-ux-ui-designe-1773350132575-7b931496.png",              imageAlt: "Sophie Laurent"},
             {
-              id: "4",
-              name: "James Mitchell",
-              role: "Project Manager",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-a-project-manag-1773350132771-5e81f92d.png?_wi=1",
-              imageAlt: "James Mitchell",
-            },
+              id: "4",              name: "James Mitchell",              role: "Project Manager",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-a-project-manag-1773350132771-5e81f92d.png",              imageAlt: "James Mitchell"},
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -249,37 +189,17 @@ export default function HomePage() {
           buttonAnimation="slide-up"
           testimonials={[
             {
-              id: "1",
-              name: "Victoria Thompson",
-              role: "CEO",
-              company: "Luxury Retail Co",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-satisfied-clien-1773350132308-dbbcf2cf.png?_wi=1",
-            },
+              id: "1",              name: "Victoria Thompson",              role: "CEO",              company: "Luxury Retail Co",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-satisfied-clien-1773350132308-dbbcf2cf.png"},
             {
-              id: "2",
-              name: "David Park",
-              role: "Founder",
-              company: "TechStart Innovations",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-startup-founder-1773350132114-ab47be7f.png?_wi=1",
-            },
+              id: "2",              name: "David Park",              role: "Founder",              company: "TechStart Innovations",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-startup-founder-1773350132114-ab47be7f.png"},
             {
-              id: "3",
-              name: "Amanda Foster",
-              role: "Marketing Director",
-              company: "Global Brands Inc",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-marketing-direc-1773350132476-0d346064.png?_wi=1",
-            },
+              id: "3",              name: "Amanda Foster",              role: "Marketing Director",              company: "Global Brands Inc",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-marketing-direc-1773350132476-0d346064.png"},
             {
-              id: "4",
-              name: "Michael Wong",
-              role: "VP Operations",
-              company: "Enterprise Solutions Ltd",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-enterprise-clie-1773350132604-1e40d6db.png?_wi=1",
-            },
+              id: "4",              name: "Michael Wong",              role: "VP Operations",              company: "Enterprise Solutions Ltd",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-enterprise-clie-1773350132604-1e40d6db.png"},
           ]}
           kpiItems={[
             { value: "180+", label: "Projects Completed" },
@@ -304,14 +224,7 @@ export default function HomePage() {
           buttonAnimation="slide-up"
           names={["TechFlow", "CloudSync", "InnovateLab", "Apex Digital", "Strategy Partners", "FinFlow", "Retail+"]}
           logos={[
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-tech-company-logo-for-techf-1773350131982-b3e641af.png",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-enterprise-software-company-1773350132081-f556f670.png",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-startup-company-logo-innova-1773350132439-5b62b20f.png",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-digital-agency-logo-apex-di-1773350132980-5b4bf698.png",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-consulting-firm-logo-strate-1773350132794-6efaeab9.png",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-fintech-company-logo-finflo-1773350132398-20d5585b.png",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-e-commerce-platform-logo-re-1773350132067-a657f491.png",
-          ]}
+            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-tech-company-logo-for-techf-1773350131982-b3e641af.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-enterprise-software-company-1773350132081-f556f670.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-startup-company-logo-innova-1773350132439-5b62b20f.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-digital-agency-logo-apex-di-1773350132980-5b4bf698.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-consulting-firm-logo-strate-1773350132794-6efaeab9.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-fintech-company-logo-finflo-1773350132398-20d5585b.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-e-commerce-platform-logo-re-1773350132067-a657f491.png"]}
           textboxLayout="default"
           useInvertedBackground={false}
           speed={40}
@@ -328,7 +241,7 @@ export default function HomePage() {
             { text: "Get In Touch", href: "/contact" },
             { text: "Schedule Call", href: "#" },
           ]}
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
@@ -338,8 +251,7 @@ export default function HomePage() {
         <FooterSimple
           columns={[
             {
-              title: "Navigate",
-              items: [
+              title: "Navigate",              items: [
                 { label: "Home", href: "/" },
                 { label: "Services", href: "/services" },
                 { label: "Portfolio", href: "/portfolio" },
@@ -347,8 +259,7 @@ export default function HomePage() {
               ],
             },
             {
-              title: "Solutions",
-              items: [
+              title: "Solutions",              items: [
                 { label: "Web Design", href: "#" },
                 { label: "App Development", href: "#" },
                 { label: "E-Commerce", href: "#" },
@@ -356,8 +267,7 @@ export default function HomePage() {
               ],
             },
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "About Us", href: "/about" },
                 { label: "Team", href: "#team" },
                 { label: "Blog", href: "#" },
@@ -365,8 +275,7 @@ export default function HomePage() {
               ],
             },
             {
-              title: "Connect",
-              items: [
+              title: "Connect",              items: [
                 { label: "LinkedIn", href: "https://linkedin.com" },
                 { label: "Twitter", href: "https://twitter.com" },
                 { label: "GitHub", href: "https://github.com" },
@@ -380,6 +289,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
-
-import ProductCardThree from "@/components/sections/product/ProductCardThree";
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index 4ea862a..c5c4489 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -16,7 +16,7 @@ export default function PortfolioPage() {
       borderRadius="pill"
       contentWidth="smallMedium"
       sizing="large"
-      background="noise"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="layered"
@@ -50,26 +50,11 @@ export default function PortfolioPage() {
           buttonAnimation="slide-up"
           products={[
             {
-              id: "1",
-              name: "Luxury Fashion E-Commerce",
-              price: "See Full Case Study",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/screenshot-of-a-luxury-fashion-brand-web-1773350134097-2b2195f1.png?_wi=2",
-              imageAlt: "Luxury fashion website",
-            },
+              id: "1",              name: "Luxury Fashion E-Commerce",              price: "See Full Case Study",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/screenshot-of-a-luxury-fashion-brand-web-1773350134097-2b2195f1.png",              imageAlt: "Luxury fashion website"},
             {
-              id: "2",
-              name: "SaaS Productivity Platform",
-              price: "See Full Case Study",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/saas-productivity-application-interface--1773350133092-ccdbb757.png?_wi=2",
-              imageAlt: "SaaS dashboard interface",
-            },
+              id: "2",              name: "SaaS Productivity Platform",              price: "See Full Case Study",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/saas-productivity-application-interface--1773350133092-ccdbb757.png",              imageAlt: "SaaS dashboard interface"},
             {
-              id: "3",
-              name: "Healthcare Technology",
-              price: "See Full Case Study",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/healthcare-technology-platform-website-s-1773350133188-376a4343.png?_wi=2",
-              imageAlt: "Healthcare platform",
-            },
+              id: "3",              name: "Healthcare Technology",              price: "See Full Case Study",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/healthcare-technology-platform-website-s-1773350133188-376a4343.png",              imageAlt: "Healthcare platform"},
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -90,37 +75,17 @@ export default function PortfolioPage() {
           buttonAnimation="slide-up"
           testimonials={[
             {
-              id: "1",
-              name: "Victoria Thompson",
-              role: "CEO",
-              company: "Luxury Retail Co",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-satisfied-clien-1773350132308-dbbcf2cf.png?_wi=3",
-            },
+              id: "1",              name: "Victoria Thompson",              role: "CEO",              company: "Luxury Retail Co",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-satisfied-clien-1773350132308-dbbcf2cf.png"},
             {
-              id: "2",
-              name: "David Park",
-              role: "Founder",
-              company: "TechStart Innovations",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-startup-founder-1773350132114-ab47be7f.png?_wi=3",
-            },
+              id: "2",              name: "David Park",              role: "Founder",              company: "TechStart Innovations",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-startup-founder-1773350132114-ab47be7f.png"},
             {
-              id: "3",
-              name: "Amanda Foster",
-              role: "Marketing Director",
-              company: "Global Brands Inc",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-marketing-direc-1773350132476-0d346064.png?_wi=3",
-            },
+              id: "3",              name: "Amanda Foster",              role: "Marketing Director",              company: "Global Brands Inc",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-headshot-of-marketing-direc-1773350132476-0d346064.png"},
             {
-              id: "4",
-              name: "Michael Wong",
-              role: "VP Operations",
-              company: "Enterprise Solutions Ltd",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-enterprise-clie-1773350132604-1e40d6db.png?_wi=3",
-            },
+              id: "4",              name: "Michael Wong",              role: "VP Operations",              company: "Enterprise Solutions Ltd",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/professional-portrait-of-enterprise-clie-1773350132604-1e40d6db.png"},
           ]}
           kpiItems={[
             { value: "180+", label: "Projects Completed" },
@@ -142,7 +107,7 @@ export default function PortfolioPage() {
             { text: "Start Your Project", href: "/contact" },
             { text: "Learn More", href: "/services" },
           ]}
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
@@ -152,8 +117,7 @@ export default function PortfolioPage() {
         <FooterSimple
           columns={[
             {
-              title: "Navigate",
-              items: [
+              title: "Navigate",              items: [
                 { label: "Home", href: "/" },
                 { label: "Services", href: "/services" },
                 { label: "Portfolio", href: "/portfolio" },
@@ -161,8 +125,7 @@ export default function PortfolioPage() {
               ],
             },
             {
-              title: "Solutions",
-              items: [
+              title: "Solutions",              items: [
                 { label: "Web Design", href: "#" },
                 { label: "App Development", href: "#" },
                 { label: "E-Commerce", href: "#" },
@@ -170,8 +133,7 @@ export default function PortfolioPage() {
               ],
             },
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "About Us", href: "/about" },
                 { label: "Team", href: "#team" },
                 { label: "Blog", href: "#" },
@@ -179,8 +141,7 @@ export default function PortfolioPage() {
               ],
             },
             {
-              title: "Connect",
-              items: [
+              title: "Connect",              items: [
                 { label: "LinkedIn", href: "https://linkedin.com" },
                 { label: "Twitter", href: "https://twitter.com" },
                 { label: "GitHub", href: "https://github.com" },
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 4d8076a..3fc403d 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -16,7 +16,7 @@ export default function ServicesPage() {
       borderRadius="pill"
       contentWidth="smallMedium"
       sizing="large"
-      background="noise"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="layered"
@@ -48,34 +48,21 @@ export default function ServicesPage() {
           tagAnimation="slide-up"
           buttons={[{ text: "Start Your Project", href: "/contact" }]}
           buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/abstract-illustration-of-web-design-and--1773350133104-26c98020.png?_wi=2"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/abstract-illustration-of-web-design-and--1773350133104-26c98020.png"
           imageAlt="Service design illustration"
           mediaAnimation="slide-up"
           accordionItems={[
             {
-              id: "1",
-              title: "Web Design & Development",
-              content: "From responsive websites to complex web applications, we build digital experiences that engage users and drive conversions. Our approach combines user-centered design with modern technology. We specialize in creating scalable, maintainable code and beautiful, intuitive interfaces.",
-            },
+              id: "1",              title: "Web Design & Development",              content: "From responsive websites to complex web applications, we build digital experiences that engage users and drive conversions. Our approach combines user-centered design with modern technology. We specialize in creating scalable, maintainable code and beautiful, intuitive interfaces."},
             {
-              id: "2",
-              title: "Mobile App Development",
-              content: "Native and cross-platform mobile solutions that bring your ideas to life. We create intuitive, performant apps that users love. Our team has expertise in iOS, Android, and cross-platform frameworks to deliver the perfect solution for your needs.",
-            },
+              id: "2",              title: "Mobile App Development",              content: "Native and cross-platform mobile solutions that bring your ideas to life. We create intuitive, performant apps that users love. Our team has expertise in iOS, Android, and cross-platform frameworks to deliver the perfect solution for your needs."},
             {
-              id: "3",
-              title: "UI/UX Design",
-              content: "Beautiful, functional interfaces designed with your users in mind. We conduct thorough research and testing to ensure optimal user experience. Our design process includes user interviews, wireframing, prototyping, and comprehensive usability testing.",
-            },
+              id: "3",              title: "UI/UX Design",              content: "Beautiful, functional interfaces designed with your users in mind. We conduct thorough research and testing to ensure optimal user experience. Our design process includes user interviews, wireframing, prototyping, and comprehensive usability testing."},
             {
-              id: "4",
-              title: "E-Commerce Solutions",
-              content: "Powerful online stores that convert visitors into customers. Complete solutions including design, development, and optimization. We implement secure payment processing, inventory management, and analytics to maximize your sales potential.",
-            },
+              id: "4",              title: "E-Commerce Solutions",              content: "Powerful online stores that convert visitors into customers. Complete solutions including design, development, and optimization. We implement secure payment processing, inventory management, and analytics to maximize your sales potential."},
           ]}
           useInvertedBackground={true}
           mediaPosition="left"
-          textboxLayout="default"
         />
       </div>
 
@@ -91,22 +78,13 @@ export default function ServicesPage() {
           buttonAnimation="slide-up"
           metrics={[
             {
-              id: "1",
-              value: "25+",
-              title: "Industries Served",
-              items: ["From startups to enterprises", "Diverse vertical expertise", "Proven track record"],
+              id: "1",              value: "25+",              title: "Industries Served",              items: ["From startups to enterprises", "Diverse vertical expertise", "Proven track record"],
             },
             {
-              id: "2",
-              value: "8+",
-              title: "Years Average Experience",
-              items: ["Senior team members", "Continuous learning", "Cutting-edge technologies"],
+              id: "2",              value: "8+",              title: "Years Average Experience",              items: ["Senior team members", "Continuous learning", "Cutting-edge technologies"],
             },
             {
-              id: "3",
-              value: "100%",
-              title: "Project Success Rate",
-              items: ["On-time delivery", "Within budget", "Exceeding expectations"],
+              id: "3",              value: "100%",              title: "Project Success Rate",              items: ["On-time delivery", "Within budget", "Exceeding expectations"],
             },
           ]}
           animationType="slide-up"
@@ -124,7 +102,7 @@ export default function ServicesPage() {
             { text: "Schedule Consultation", href: "/contact" },
             { text: "Request Proposal", href: "#" },
           ]}
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
@@ -134,8 +112,7 @@ export default function ServicesPage() {
         <FooterSimple
           columns={[
             {
-              title: "Navigate",
-              items: [
+              title: "Navigate",              items: [
                 { label: "Home", href: "/" },
                 { label: "Services", href: "/services" },
                 { label: "Portfolio", href: "/portfolio" },
@@ -143,8 +120,7 @@ export default function ServicesPage() {
               ],
             },
             {
-              title: "Solutions",
-              items: [
+              title: "Solutions",              items: [
                 { label: "Web Design", href: "#" },
                 { label: "App Development", href: "#" },
                 { label: "E-Commerce", href: "#" },
@@ -152,8 +128,7 @@ export default function ServicesPage() {
               ],
             },
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "About Us", href: "/about" },
                 { label: "Team", href: "#team" },
                 { label: "Blog", href: "#" },
@@ -161,8 +136,7 @@ export default function ServicesPage() {
               ],
             },
             {
-              title: "Connect",
-              items: [
+              title: "Connect",              items: [
                 { label: "LinkedIn", href: "https://linkedin.com" },
                 { label: "Twitter", href: "https://twitter.com" },
                 { label: "GitHub", href: "https://github.com" },
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..1a21d73 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -1,51 +1,42 @@
 "use client";
 
-import { memo } from "react";
-import useSvgTextLogo from "./useSvgTextLogo";
-import { cls } from "@/lib/utils";
+import { FC, SVGProps } from "react";
 
-interface SvgTextLogoProps {
-  logoText: string;
-  adjustHeightFactor?: number;
-  verticalAlign?: "top" | "center";
+interface SvgTextLogoProps extends SVGProps<SVGSVGElement> {
+  text?: string;
+  fontSize?: number;
+  fontWeight?: string | number;
+  fill?: string;
   className?: string;
 }
 
-const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
-  logoText,
-  adjustHeightFactor,
-  verticalAlign = "top",
-  className = "",
-}) {
-  const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
-
+const SvgTextLogo: FC<SvgTextLogoProps> = ({
+  text = "Webild",  fontSize = 48,
+  fontWeight = 700,
+  fill = "currentColor",  className = "",  ...props
+}) => {
   return (
     <svg
-      ref={svgRef}
-      viewBox={viewBox}
-      className={cls("w-full", className)}
-      style={{ aspectRatio: aspectRatio }}
-      preserveAspectRatio="none"
-      role="img"
-      aria-label={`${logoText} logo`}
+      viewBox="0 0 300 100"
+      xmlns="http://www.w3.org/2000/svg"
+      className={`w-full h-auto ${className}`}
+      {...props}
     >
       <text
-        ref={textRef}
-        x="0"
-        y={verticalAlign === "center" ? "50%" : "0"}
-        className="font-bold fill-current"
-        style={{
-          fontSize: "20px",
-          letterSpacing: "-0.02em",
-          dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
-        }}
+        x="50%"
+        y="50%"
+        textAnchor="middle"
+        dominantBaseline="middle"
+        fontSize={fontSize}
+        fontWeight={fontWeight}
+        fill={fill}
+        fontFamily="system-ui, -apple-system, sans-serif"
+        letterSpacing="-0.02em"
       >
-        {logoText}
+        {text}
       </text>
     </svg>
   );
-});
-
-SvgTextLogo.displayName = "SvgTextLogo";
+};
 
 export default SvgTextLogo;