diff --git a/src/app/page.tsx b/src/app/page.tsx
index fa1df96..1b6421a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,8 +25,7 @@ export default function HomePage() {
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Store", href: "/store" },
         { label: "Creator Dashboard", href: "/creator-dashboard" },
         { label: "Pricing", href: "#pricing" },
@@ -34,8 +33,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About", href: "/about" },
         { label: "Careers", href: "/careers" },
         { label: "Contact", href: "/contact" },
@@ -43,8 +41,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "Documentation", href: "/docs" },
         { label: "API Reference", href: "/docs/api" },
         { label: "Creator Guide", href: "/guide" },
@@ -52,8 +49,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy", href: "/privacy" },
         { label: "Terms", href: "/terms" },
         { label: "License", href: "/license" },
@@ -69,7 +65,7 @@ export default function HomePage() {
       borderRadius="rounded"
       contentWidth="small"
       sizing="mediumLargeSizeLargeTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="glass-depth"
       primaryButtonStyle="flat"
       secondaryButtonStyle="solid"
@@ -85,9 +81,7 @@ export default function HomePage() {
             { name: "Blog", id: "blog" },
           ]}
           button={{
-            text: "Start Selling",
-            href: "/dashboard",
-          }}
+            text: "Start Selling",            href: "/dashboard"}}
           animateOnLoad={true}
         />
       </div>
@@ -96,16 +90,12 @@ export default function HomePage() {
         <HeroLogoBillboardSplit
           logoText="DRAWBIT\nSTUDIO"
           description="Empower creators with a modern marketplace platform. Sell digital products, build communities, and earn sustainable income. Join thousands of creators monetizing their craft."
-          background={{ variant: "noise" }}
+          background={{ variant: "animated-grid" }}
           buttons={[
             {
-              text: "Explore Products",
-              href: "/store",
-            },
+              text: "Explore Products",              href: "/store"},
             {
-              text: "Start Selling",
-              href: "/creator-dashboard",
-            },
+              text: "Start Selling",              href: "/creator-dashboard"},
           ]}
           layoutOrder="default"
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-cinematic-hero-section-showcasing-a-mo-1773209292824-88fa92b7.png"
@@ -125,28 +115,13 @@ export default function HomePage() {
           description="Curated premium assets from top creators. Instantly download and use in your projects."
           products={[
             {
-              id: "product-1",
-              name: "Premium UI Kit - Complete Design System",
-              price: "$49.99",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-premium-digital-product-ui-kit-display-1773209292866-0416c0bb.png?_wi=1",
-              imageAlt: "Premium UI Kit",
-              initialQuantity: 1,
+              id: "product-1",              name: "Premium UI Kit - Complete Design System",              price: "$49.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-premium-digital-product-ui-kit-display-1773209292866-0416c0bb.png",              imageAlt: "Premium UI Kit",              initialQuantity: 1,
             },
             {
-              id: "product-2",
-              name: "Figma Design Templates - 50+ Pages",
-              price: "$39.99",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-beautiful-figma-design-file-template-s-1773209292749-051c6818.png?_wi=1",
-              imageAlt: "Figma Templates",
-              initialQuantity: 1,
+              id: "product-2",              name: "Figma Design Templates - 50+ Pages",              price: "$39.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-beautiful-figma-design-file-template-s-1773209292749-051c6818.png",              imageAlt: "Figma Templates",              initialQuantity: 1,
             },
             {
-              id: "product-3",
-              name: "Icon Set Bundle - 2000+ Professional Icons",
-              price: "$29.99",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/an-icon-set-collection-displayed-in-a-gr-1773209293254-eff3196a.png?_wi=1",
-              imageAlt: "Icon Set Bundle",
-              initialQuantity: 1,
+              id: "product-3",              name: "Icon Set Bundle - 2000+ Professional Icons",              price: "$29.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/an-icon-set-collection-displayed-in-a-gr-1773209293254-eff3196a.png",              imageAlt: "Icon Set Bundle",              initialQuantity: 1,
             },
           ]}
           gridVariant="three-columns-all-equal-width"
@@ -164,24 +139,16 @@ export default function HomePage() {
           metrics={[
             {
               icon: TrendingUp,
-              label: "Creator Revenue Generated",
-              value: "$5.2M+",
-            },
+              label: "Creator Revenue Generated",              value: "$5.2M+"},
             {
               icon: ShoppingCart,
-              label: "Digital Products Sold",
-              value: "120K+",
-            },
+              label: "Digital Products Sold",              value: "120K+"},
             {
               icon: Users,
-              label: "Active Creators",
-              value: "8,500+",
-            },
+              label: "Active Creators",              value: "8,500+"},
             {
               icon: Globe,
-              label: "Global Downloads",
-              value: "500K+",
-            },
+              label: "Global Downloads",              value: "500K+"},
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={true}
@@ -194,42 +161,21 @@ export default function HomePage() {
           description="Everything you need to upload, manage, and sell your digital products with ease."
           features={[
             {
-              id: "tools-1",
-              tag: "Analytics",
-              title: "Real-time Sales Dashboard",
-              description: "Track your sales, downloads, and revenue with detailed analytics and real-time updates.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-modern-analytics-dashboard-showing-sal-1773209292970-54acf61b.png?_wi=1",
-              buttons: [
+              id: "tools-1",              tag: "Analytics",              title: "Real-time Sales Dashboard",              description: "Track your sales, downloads, and revenue with detailed analytics and real-time updates.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-modern-analytics-dashboard-showing-sal-1773209292970-54acf61b.png",              buttons: [
                 {
-                  text: "View Dashboard",
-                  href: "/creator-dashboard",
-                },
+                  text: "View Dashboard",                  href: "/creator-dashboard"},
               ],
             },
             {
-              id: "tools-2",
-              tag: "Upload",
-              title: "Easy Product Management",
-              description: "Upload files, set pricing, and manage your product portfolio with our intuitive interface.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-file-upload-and-product-management-int-1773209293193-a15c0fab.png?_wi=1",
-              buttons: [
+              id: "tools-2",              tag: "Upload",              title: "Easy Product Management",              description: "Upload files, set pricing, and manage your product portfolio with our intuitive interface.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-file-upload-and-product-management-int-1773209293193-a15c0fab.png",              buttons: [
                 {
-                  text: "Upload Product",
-                  href: "/creator-dashboard/upload",
-                },
+                  text: "Upload Product",                  href: "/creator-dashboard/upload"},
               ],
             },
             {
-              id: "tools-3",
-              tag: "Payments",
-              title: "Secure Payment Processing",
-              description: "Get paid instantly through secure payment methods. 85% commission to you, 15% platform fee.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-payment-processing-and-earnings-dashbo-1773209293821-4f8b1eae.png?_wi=1",
-              buttons: [
+              id: "tools-3",              tag: "Payments",              title: "Secure Payment Processing",              description: "Get paid instantly through secure payment methods. 85% commission to you, 15% platform fee.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-payment-processing-and-earnings-dashbo-1773209293821-4f8b1eae.png",              buttons: [
                 {
-                  text: "Learn More",
-                  href: "/affiliate",
-                },
+                  text: "Learn More",                  href: "/affiliate"},
               ],
             },
           ]}
@@ -247,74 +193,35 @@ export default function HomePage() {
           description="Choose the plan that works best for your business and start earning today."
           plans={[
             {
-              id: "starter",
-              price: "Free",
-              name: "Starter Creator",
-              buttons: [
+              id: "starter",              price: "Free",              name: "Starter Creator",              buttons: [
                 {
-                  text: "Get Started",
-                  href: "/auth/signup",
-                },
+                  text: "Get Started",                  href: "/auth/signup"},
                 {
-                  text: "Learn More",
-                  href: "#",
-                },
+                  text: "Learn More",                  href: "#"},
               ],
               features: [
-                "Up to 5 products",
-                "Basic analytics",
-                "Standard support",
-                "85% commission rate",
-                "File storage up to 1GB",
-              ],
+                "Up to 5 products",                "Basic analytics",                "Standard support",                "85% commission rate",                "File storage up to 1GB"],
             },
             {
-              id: "pro",
-              badge: "Most Popular",
-              badgeIcon: Sparkles,
-              price: "$9.99/mo",
-              name: "Pro Creator",
-              buttons: [
+              id: "pro",              badge: "Most Popular",              badgeIcon: Sparkles,
+              price: "$9.99/mo",              name: "Pro Creator",              buttons: [
                 {
-                  text: "Start Free Trial",
-                  href: "/auth/signup?plan=pro",
-                },
+                  text: "Start Free Trial",                  href: "/auth/signup?plan=pro"},
                 {
-                  text: "Chat Sales",
-                  href: "#contact",
-                },
+                  text: "Chat Sales",                  href: "#contact"},
               ],
               features: [
-                "Unlimited products",
-                "Advanced analytics",
-                "Priority support",
-                "90% commission rate",
-                "File storage up to 50GB",
-                "Custom branding",
-              ],
+                "Unlimited products",                "Advanced analytics",                "Priority support",                "90% commission rate",                "File storage up to 50GB",                "Custom branding"],
             },
             {
-              id: "enterprise",
-              price: "Custom",
-              name: "Enterprise",
-              buttons: [
+              id: "enterprise",              price: "Custom",              name: "Enterprise",              buttons: [
                 {
-                  text: "Contact Sales",
-                  href: "/contact",
-                },
+                  text: "Contact Sales",                  href: "/contact"},
                 {
-                  text: "Schedule Demo",
-                  href: "/contact",
-                },
+                  text: "Schedule Demo",                  href: "/contact"},
               ],
               features: [
-                "Everything in Pro",
-                "Dedicated account manager",
-                "Custom integrations",
-                "95% commission rate",
-                "Unlimited file storage",
-                "API access",
-              ],
+                "Everything in Pro",                "Dedicated account manager",                "Custom integrations",                "95% commission rate",                "Unlimited file storage",                "API access"],
             },
           ]}
           animationType="slide-up"
@@ -332,29 +239,17 @@ export default function HomePage() {
           author="Sarah Chen, Digital Designer"
           avatars={[
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-portrait-of-a-crea-1773209291783-39ad6c4c.png",
-              alt: "Sarah Chen",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-portrait-of-a-crea-1773209291783-39ad6c4c.png",              alt: "Sarah Chen"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-female-digita-1773209292379-1083a408.png",
-              alt: "Designer",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-female-digita-1773209292379-1083a408.png",              alt: "Designer"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-male-entrepre-1773209292838-07bd848b.png",
-              alt: "Creator",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-male-entrepre-1773209292838-07bd848b.png",              alt: "Creator"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-female-market-1773209292768-006bdc9a.png",
-              alt: "Seller",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-female-market-1773209292768-006bdc9a.png",              alt: "Seller"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-creative-prof-1773209292323-a2900087.png",
-              alt: "Professional",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-creative-prof-1773209292323-a2900087.png",              alt: "Professional"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-young-profess-1773209291833-fc07f26d.png",
-              alt: "Artist",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-young-profess-1773209291833-fc07f26d.png",              alt: "Artist"},
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
@@ -367,25 +262,9 @@ export default function HomePage() {
           title="Trusted by Industry Leaders"
           description="Our platform powers creators and businesses from leading organizations worldwide."
           names={[
-            "Stripe",
-            "Figma",
-            "Adobe",
-            "Notion",
-            "Framer",
-            "Webflow",
-            "Slack",
-            "GitHub",
-          ]}
+            "Stripe",            "Figma",            "Adobe",            "Notion",            "Framer",            "Webflow",            "Slack",            "GitHub"]}
           logos={[
-            "http://img.b2bpic.net/free-vector/circular-logo-with-abstract-shapes_1034-463.jpg",
-            "http://img.b2bpic.net/free-vector/web-optimization_1212-69.jpg",
-            "http://img.b2bpic.net/free-vector/aa-logo-monogram-design_23-2151080783.jpg",
-            "http://img.b2bpic.net/free-vector/flat-code-logo-template-collection_23-2148836234.jpg",
-            "http://img.b2bpic.net/free-vector/professional-data-logo-template_23-2149221609.jpg",
-            "http://img.b2bpic.net/free-vector/web-design-background_1300-39.jpg",
-            "http://img.b2bpic.net/free-vector/blue-orange-labels-worker-s-day_23-2147617896.jpg",
-            "http://img.b2bpic.net/free-vector/abstract-cyber-monday-background_23-2147719424.jpg",
-          ]}
+            "http://img.b2bpic.net/free-vector/circular-logo-with-abstract-shapes_1034-463.jpg",            "http://img.b2bpic.net/free-vector/web-optimization_1212-69.jpg",            "http://img.b2bpic.net/free-vector/aa-logo-monogram-design_23-2151080783.jpg",            "http://img.b2bpic.net/free-vector/flat-code-logo-template-collection_23-2148836234.jpg",            "http://img.b2bpic.net/free-vector/professional-data-logo-template_23-2149221609.jpg",            "http://img.b2bpic.net/free-vector/web-design-background_1300-39.jpg",            "http://img.b2bpic.net/free-vector/blue-orange-labels-worker-s-day_23-2147617896.jpg",            "http://img.b2bpic.net/free-vector/abstract-cyber-monday-background_23-2147719424.jpg"]}
           textboxLayout="default"
           useInvertedBackground={true}
           speed={40}
@@ -399,35 +278,17 @@ export default function HomePage() {
           description="Everything you need to know about selling on DrawbitStudio."
           faqs={[
             {
-              id: "faq-1",
-              title: "How do I get started as a seller?",
-              content: "Sign up for free, create your creator profile, upload your digital products with descriptions and pricing, and start earning! Our onboarding process takes just 5 minutes.",
-            },
+              id: "faq-1",              title: "How do I get started as a seller?",              content: "Sign up for free, create your creator profile, upload your digital products with descriptions and pricing, and start earning! Our onboarding process takes just 5 minutes."},
             {
-              id: "faq-2",
-              title: "What commission does DrawbitStudio take?",
-              content: "We offer flexible commission rates: 85% for Starter creators, 90% for Pro creators, and 95% for Enterprise customers. You keep the majority of your earnings.",
-            },
+              id: "faq-2",              title: "What commission does DrawbitStudio take?",              content: "We offer flexible commission rates: 85% for Starter creators, 90% for Pro creators, and 95% for Enterprise customers. You keep the majority of your earnings."},
             {
-              id: "faq-3",
-              title: "How quickly do I get paid?",
-              content: "Payouts are processed weekly via direct deposit, PayPal, or our payment partners. You can withdraw earnings anytime they reach the minimum threshold of $10.",
-            },
+              id: "faq-3",              title: "How quickly do I get paid?",              content: "Payouts are processed weekly via direct deposit, PayPal, or our payment partners. You can withdraw earnings anytime they reach the minimum threshold of $10."},
             {
-              id: "faq-4",
-              title: "What types of digital products can I sell?",
-              content: "You can sell UI kits, design templates, icon sets, fonts, courses, ebooks, code snippets, music, sound effects, photography presets, and more. Any digital asset is welcome!",
-            },
+              id: "faq-4",              title: "What types of digital products can I sell?",              content: "You can sell UI kits, design templates, icon sets, fonts, courses, ebooks, code snippets, music, sound effects, photography presets, and more. Any digital asset is welcome!"},
             {
-              id: "faq-5",
-              title: "Is there a limit on how many products I can upload?",
-              content: "Free creators can upload up to 5 products. Pro and Enterprise creators have unlimited product uploads. Premium support is available on paid plans.",
-            },
+              id: "faq-5",              title: "Is there a limit on how many products I can upload?",              content: "Free creators can upload up to 5 products. Pro and Enterprise creators have unlimited product uploads. Premium support is available on paid plans."},
             {
-              id: "faq-6",
-              title: "How does the affiliate program work?",
-              content: "Earn 20% commission on every sale you refer. Share your unique affiliate link, track referrals in real-time, and get paid weekly for conversions.",
-            },
+              id: "faq-6",              title: "How does the affiliate program work?",              content: "Earn 20% commission on every sale you refer. Share your unique affiliate link, track referrals in real-time, and get paid weekly for conversions."},
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -442,38 +303,11 @@ export default function HomePage() {
           description="Tips, trends, and inspiration for digital creators and marketplace sellers."
           blogs={[
             {
-              id: "blog-1",
-              category: "Design",
-              title: "7 UI Design Trends Dominating 2025",
-              excerpt: "Discover the hottest design trends that are reshaping digital products and user experiences this year.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-flatlay-photography-of-modern-design-t-1773209292545-3e9fdbdb.png?_wi=1",
-              imageAlt: "Design trends",
-              authorName: "Emma Wilson",
-              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-female-digita-1773209292379-1083a408.png",
-              date: "15 Jan 2025",
-            },
+              id: "blog-1",              category: "Design",              title: "7 UI Design Trends Dominating 2025",              excerpt: "Discover the hottest design trends that are reshaping digital products and user experiences this year.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-flatlay-photography-of-modern-design-t-1773209292545-3e9fdbdb.png",              imageAlt: "Design trends",              authorName: "Emma Wilson",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-female-digita-1773209292379-1083a408.png",              date: "15 Jan 2025"},
             {
-              id: "blog-2",
-              category: "Business",
-              title: "How to Price Your Digital Products",
-              excerpt: "Strategic pricing guide to maximize revenue while staying competitive in the digital marketplace.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-close-up-of-hands-working-on-digital-d-1773209292265-7afe4ee8.png?_wi=1",
-              imageAlt: "Pricing strategy",
-              authorName: "James Mitchell",
-              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-male-entrepre-1773209292838-07bd848b.png",
-              date: "12 Jan 2025",
-            },
+              id: "blog-2",              category: "Business",              title: "How to Price Your Digital Products",              excerpt: "Strategic pricing guide to maximize revenue while staying competitive in the digital marketplace.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-close-up-of-hands-working-on-digital-d-1773209292265-7afe4ee8.png",              imageAlt: "Pricing strategy",              authorName: "James Mitchell",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-male-entrepre-1773209292838-07bd848b.png",              date: "12 Jan 2025"},
             {
-              id: "blog-3",
-              category: "Marketing",
-              title: "Building Your Creator Brand on Social Media",
-              excerpt: "Leverage social platforms to build authority, attract customers, and grow your digital product sales.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-modern-coworking-space-with-creative-p-1773209293058-3ae547b8.png?_wi=1",
-              imageAlt: "Social media marketing",
-              authorName: "Sofia Rodriguez",
-              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-female-market-1773209292768-006bdc9a.png",
-              date: "10 Jan 2025",
-            },
+              id: "blog-3",              category: "Marketing",              title: "Building Your Creator Brand on Social Media",              excerpt: "Leverage social platforms to build authority, attract customers, and grow your digital product sales.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/a-modern-coworking-space-with-creative-p-1773209293058-3ae547b8.png",              imageAlt: "Social media marketing",              authorName: "Sofia Rodriguez",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW1W82wqBVL6EqYM9zsFRwUPjB/professional-headshot-of-a-female-market-1773209292768-006bdc9a.png",              date: "10 Jan 2025"},
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -491,4 +325,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..a259710 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -1,51 +1,47 @@
-"use client";
-
-import { memo } from "react";
-import useSvgTextLogo from "./useSvgTextLogo";
-import { cls } from "@/lib/utils";
+import React from "react";
 
 interface SvgTextLogoProps {
-  logoText: string;
-  adjustHeightFactor?: number;
-  verticalAlign?: "top" | "center";
+  text: string;
   className?: string;
+  fontSize?: number;
+  fontFamily?: string;
+  fontWeight?: number;
+  fill?: string;
 }
 
-const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
-  logoText,
-  adjustHeightFactor,
-  verticalAlign = "top",
-  className = "",
-}) {
-  const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
+const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
+  text,
+  className = "",  fontSize = 48,
+  fontFamily = "Arial, sans-serif",  fontWeight = 700,
+  fill = "currentColor"}) => {
+  const lines = text.split("\n");
+  const lineHeight = fontSize * 1.2;
+  const totalHeight = lineHeight * lines.length;
 
   return (
     <svg
-      ref={svgRef}
-      viewBox={viewBox}
-      className={cls("w-full", className)}
-      style={{ aspectRatio: aspectRatio }}
-      preserveAspectRatio="none"
-      role="img"
-      aria-label={`${logoText} logo`}
+      className={`${className}`}
+      viewBox={`0 0 600 ${totalHeight}`}
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
     >
-      <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"
-        }}
-      >
-        {logoText}
-      </text>
+      {lines.map((line, index) => (
+        <text
+          key={index}
+          x="50%"
+          y={fontSize + index * lineHeight}
+          textAnchor="middle"
+          dominantBaseline="middle"
+          fontSize={fontSize}
+          fontFamily={fontFamily}
+          fontWeight={fontWeight}
+          fill={fill}
+        >
+          {line}
+        </text>
+      ))}
     </svg>
   );
-});
-
-SvgTextLogo.displayName = "SvgTextLogo";
+};
 
 export default SvgTextLogo;