diff --git a/src/app/page.tsx b/src/app/page.tsx
index 899c858..988282e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,7 @@ import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Award, Scissors, Bottle, Heart, Users, Sparkles, Calendar } from 'lucide-react';
+import { Award, Scissors, Heart, Users, Sparkles, Calendar } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -19,7 +19,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="smallMedium"
       sizing="mediumSizeLargeTitles"
-      background="aurora"
+      background="circleGradient"
       cardStyle="solid"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="solid"
@@ -41,7 +41,7 @@ export default function LandingPage() {
         <HeroSplit
           title="Premium Grooming Experience"
           description="Step into BigBros Barbershop where tradition meets modern expertise. Master barbers crafting timeless styles with precision and care."
-          background={{ variant: "aurora" }}
+          background={{ variant: "glowing-orb" }}
           tag="Est. 2015"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -70,7 +70,7 @@ export default function LandingPage() {
               title: "Master Craftsmanship",              description: "Every cut, every line, every detail perfected through years of dedicated practice and expertise.",              icon: Scissors
             },
             {
-              title: "Premium Products",              description: "We use only the finest grooming products and tools to ensure the best results for your hair and skin.",              icon: Bottle
+              title: "Premium Products",              description: "We use only the finest grooming products and tools to ensure the best results for your hair and skin.",              icon: Heart
             },
             {
               title: "Client Relationships",              description: "We treat every client as family. Your satisfaction and comfort are our top priorities.",              icon: Heart
@@ -97,28 +97,28 @@ export default function LandingPage() {
             {
               id: 1,
               title: "Classic Haircut",              description: "Expert cuts tailored to your face shape and style preferences. From fades to longer styles, we've got you covered with precision and care.",              phoneOne: {
-                imageSrc: "http://img.b2bpic.net/free-photo/barber-woman-making-haircut_1163-2017.jpg?_wi=1",                imageAlt: "Classic Haircut service"
+                imageSrc: "http://img.b2bpic.net/free-photo/barber-woman-making-haircut_1163-2017.jpg",                imageAlt: "Classic Haircut service"
               },
               phoneTwo: {
-                imageSrc: "http://img.b2bpic.net/free-photo/barber-woman-making-haircut_1163-2017.jpg?_wi=2",                imageAlt: "Classic Haircut service"
+                imageSrc: "http://img.b2bpic.net/free-photo/barber-woman-making-haircut_1163-2017.jpg",                imageAlt: "Classic Haircut service"
               }
             },
             {
               id: 2,
               title: "Beard Grooming",              description: "Professional beard trimming, shaping, and styling. We'll help you achieve the perfect beard thickness, line, and maintenance routine.",              phoneOne: {
-                imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-barber-shop_23-2149141764.jpg?_wi=1",                imageAlt: "Beard Grooming service"
+                imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-barber-shop_23-2149141764.jpg",                imageAlt: "Beard Grooming service"
               },
               phoneTwo: {
-                imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-barber-shop_23-2149141764.jpg?_wi=2",                imageAlt: "Beard Grooming service"
+                imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-barber-shop_23-2149141764.jpg",                imageAlt: "Beard Grooming service"
               }
             },
             {
               id: 3,
               title: "Traditional Shave",              description: "Experience the luxury of a classic straight razor shave with hot lather. A relaxing ritual that leaves your skin smooth and refreshed.",              phoneOne: {
-                imageSrc: "http://img.b2bpic.net/free-photo/low-view-customer-getting-his-beard-cut_23-2148256864.jpg?_wi=1",                imageAlt: "Traditional Shave service"
+                imageSrc: "http://img.b2bpic.net/free-photo/low-view-customer-getting-his-beard-cut_23-2148256864.jpg",                imageAlt: "Traditional Shave service"
               },
               phoneTwo: {
-                imageSrc: "http://img.b2bpic.net/free-photo/low-view-customer-getting-his-beard-cut_23-2148256864.jpg?_wi=2",                imageAlt: "Traditional Shave service"
+                imageSrc: "http://img.b2bpic.net/free-photo/low-view-customer-getting-his-beard-cut_23-2148256864.jpg",                imageAlt: "Traditional Shave service"
               }
             }
           ]}
@@ -196,7 +196,7 @@ export default function LandingPage() {
           description="Join the BigBros family. Reserve your spot today and experience premium grooming at its finest."
           tagIcon={Calendar}
           tagAnimation="slide-up"
-          background={{ variant: "aurora" }}
+          background={{ variant: "glowing-orb" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your email"
           buttonText="Book Now"
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..d50872d 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -1,51 +1,49 @@
-"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;
+  fontWeight?: number | string;
+  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 = 24,
+  fontWeight = 'bold',
+  fill = 'currentColor',
+}) => {
+  // Calculate approximate SVG dimensions based on text length and font size
+  const charWidth = fontSize * 0.6;
+  const width = Math.max(text.length * charWidth, 100);
+  const height = fontSize * 1.5;
+  const padding = 10;
 
   return (
     <svg
-      ref={svgRef}
-      viewBox={viewBox}
-      className={cls("w-full", className)}
-      style={{ aspectRatio: aspectRatio }}
-      preserveAspectRatio="none"
+      width={width + padding * 2}
+      height={height + padding * 2}
+      viewBox={`0 0 ${width + padding * 2} ${height + padding * 2}`}
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
       role="img"
-      aria-label={`${logoText} logo`}
+      aria-label={text}
     >
       <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={padding}
+        y={padding + fontSize}
+        fontSize={fontSize}
+        fontWeight={fontWeight}
+        fill={fill}
+        dominantBaseline="middle"
+        fontFamily="system-ui, -apple-system, sans-serif"
       >
-        {logoText}
+        {text}
       </text>
     </svg>
   );
-});
+};
 
-SvgTextLogo.displayName = "SvgTextLogo";
-
-export default SvgTextLogo;
+export default SvgTextLogo;
\ No newline at end of file