diff --git a/src/app/page.tsx b/src/app/page.tsx
index e8357e5..a150b40 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,7 +20,7 @@ export default function LandingPage() {
       borderRadius="soft"
       contentWidth="compact"
       sizing="large"
-      background="aurora"
+      background="circleGradient"
       cardStyle="glass-depth"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="radial-glow"
@@ -50,7 +50,7 @@ export default function LandingPage() {
             { text: "Learn More", href: "#about" }
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "aurora" }}
+          background={{ variant: "rotated-rays-animated-grid" }}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmdIZJoO8z9uzX0tATHnhDpi7e/smartphone-app-interface-mockup-showing--1773201666675-8f84d3cc.png"
           imageAlt="MIT App Inventor smartphone mockup with colorful coding blocks"
           mediaAnimation="blur-reveal"
@@ -83,7 +83,7 @@ export default function LandingPage() {
               title: "Real-World Skills",              description: "Building practical programming knowledge applicable to future tech careers and education",              icon: Lightbulb
             }
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmdIZJoO8z9uzX0tATHnhDpi7e/soft-blue-and-white-gradient-background--1773201666254-ff5e1594.png?_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmdIZJoO8z9uzX0tATHnhDpi7e/soft-blue-and-white-gradient-background--1773201666254-ff5e1594.png"
           imageAlt="Digital innovation background with blue, white, and yellow gradients"
           mediaAnimation="slide-up"
           imagePosition="right"
@@ -97,7 +97,7 @@ export default function LandingPage() {
         <ProductCardThree
           products={[
             {
-              id: "1",              name: "Interactive Quiz App",              price: "Student Project",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmdIZJoO8z9uzX0tATHnhDpi7e/student-creative-project-showcase-featur-1773201668882-1e22c8bf.png?_wi=1",              imageAlt: "Interactive quiz app created by student"
+              id: "1",              name: "Interactive Quiz App",              price: "Student Project",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmdIZJoO8z9uzX0tATHnhDpi7e/student-creative-project-showcase-featur-1773201668882-1e22c8bf.png",              imageAlt: "Interactive quiz app created by student"
             },
             {
               id: "2",              name: "Educational Game Platform",              price: "Student Project",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmdIZJoO8z9uzX0tATHnhDpi7e/second-student-mit-app-inventor-project--1773201667332-47e3a359.png",              imageAlt: "Educational game platform app by student"
@@ -129,13 +129,13 @@ export default function LandingPage() {
               id: "01",              title: "Visual Programming Blocks",              description: "Intuitive drag-and-drop interface that makes coding accessible to beginners while providing depth for advanced learners",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmdIZJoO8z9uzX0tATHnhDpi7e/mit-app-inventor-visual-programming-bloc-1773201667154-79f42d3b.png",              imageAlt: "MIT App Inventor visual programming blocks"
             },
             {
-              id: "02",              title: "Build Real Mobile Apps",              description: "Create fully functional Android applications that students can deploy, test, and share with real users",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmdIZJoO8z9uzX0tATHnhDpi7e/student-creative-project-showcase-featur-1773201668882-1e22c8bf.png?_wi=2",              imageAlt: "Mobile app development interface"
+              id: "02",              title: "Build Real Mobile Apps",              description: "Create fully functional Android applications that students can deploy, test, and share with real users",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmdIZJoO8z9uzX0tATHnhDpi7e/student-creative-project-showcase-featur-1773201668882-1e22c8bf.png",              imageAlt: "Mobile app development interface"
             },
             {
               id: "03",              title: "Creative Problem Solving",              description: "Channel student innovation into practical solutions addressing real-world challenges and community needs",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmdIZJoO8z9uzX0tATHnhDpi7e/digital-innovation-and-creativity-concep-1773201668387-5dcb22fd.png",              imageAlt: "Creative problem solving concept visualization"
             },
             {
-              id: "04",              title: "Collaborative Learning",              description: "Foster teamwork and peer learning as students share code, ideas, and insights throughout the development process",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmdIZJoO8z9uzX0tATHnhDpi7e/soft-blue-and-white-gradient-background--1773201666254-ff5e1594.png?_wi=2",              imageAlt: "Collaborative learning environment"
+              id: "04",              title: "Collaborative Learning",              description: "Foster teamwork and peer learning as students share code, ideas, and insights throughout the development process",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmdIZJoO8z9uzX0tATHnhDpi7e/soft-blue-and-white-gradient-background--1773201666254-ff5e1594.png",              imageAlt: "Collaborative learning environment"
             }
           ]}
           gridVariant="two-columns-alternating-heights"
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..ea5cd44 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -1,51 +1,41 @@
-"use client";
+import React, { SVGProps } from 'react';
 
-import { memo } from "react";
-import useSvgTextLogo from "./useSvgTextLogo";
-import { cls } from "@/lib/utils";
-
-interface SvgTextLogoProps {
-  logoText: string;
-  adjustHeightFactor?: number;
-  verticalAlign?: "top" | "center";
+interface SvgTextLogoProps extends SVGProps<SVGSVGElement> {
+  text?: string;
   className?: string;
 }
 
-const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
-  logoText,
-  adjustHeightFactor,
-  verticalAlign = "top",
-  className = "",
-}) {
-  const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
-
+export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
+  text = 'Logo',
+  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={className}
+      {...props}
     >
+      <defs>
+        <linearGradient id="textGradient" x1="0%" y1="0%" x2="100%" y2="0%">
+          <stop offset="0%" style={{ stopColor: '#3b82f6', stopOpacity: 1 }} />
+          <stop offset="100%" style={{ stopColor: '#8b5cf6', stopOpacity: 1 }} />
+        </linearGradient>
+      </defs>
       <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="150"
+        y="60"
+        textAnchor="middle"
+        fill="url(#textGradient)"
+        fontSize="48"
+        fontWeight="bold"
+        dominantBaseline="middle"
       >
-        {logoText}
+        {text}
       </text>
     </svg>
   );
-});
-
-SvgTextLogo.displayName = "SvgTextLogo";
+};
 
 export default SvgTextLogo;