src/app/page.tsx

@@ -20,7 +20,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="small"
       sizing="mediumLargeSizeMediumTitles"
-      background="circleGradient"
+      background="plain"
       cardStyle="subtle-shadow"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
@@ -43,7 +43,7 @@ export default function LandingPage() {
         <HeroCentered
           title="Patna's Favorite Fresh Cake Bakery"
           description="Freshly baked cakes, brownies and pastries made with premium ingredients. From custom birthday cakes to elegant designs—we deliver taste and beauty."
-          background={{ variant: "circleGradient" }}
+          background={{ variant: "plain" }}
           avatars={[
             { src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", alt: "Customer 1" },
             { src: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186636.jpg", alt: "Customer 2" },
@@ -66,7 +66,7 @@ export default function LandingPage() {
           description="We believe fresh, delicious cakes shouldn't break the bank. Our commitment to quality ingredients and beautiful designs makes us Patna's trusted bakery choice."
           textboxLayout="default"
           useInvertedBackground={false}
-          tagAnimation="entrance-slide"
+          tagAnimation="slide-up"
           bulletPoints={[
             { title: "Freshly Baked Daily", description: "Never frozen or pre-made. Every cake is baked fresh to order for maximum freshness.", icon: Sparkles },
             { title: "Beautiful Designs", description: "Custom cakes with artistic designs that make every celebration memorable and Instagram-worthy.", icon: Heart },
@@ -86,7 +86,7 @@ export default function LandingPage() {
           title="Featured Cake Collection"
           description="Explore our most popular cakes—custom creations made just for you"
           tag="Our Specialties"
-          tagAnimation="entrance-slide"
+          tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           products={[
@@ -108,7 +108,7 @@ export default function LandingPage() {
           description="Real feedback from real customers who've celebrated with Navya Bakery"
           tag="Customer Reviews"
           tagIcon={Star}
-          tagAnimation="entrance-slide"
+          tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           testimonials={[
@@ -128,7 +128,7 @@ export default function LandingPage() {
           description="Our commitment to quality and customer satisfaction, proven by real numbers"
           tag="Our Achievement"
           tagIcon={Award}
-          tagAnimation="entrance-slide"
+          tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           metrics={[
@@ -148,7 +148,7 @@ export default function LandingPage() {
           description="Got questions? We've got answers about our cakes, ordering process, and delivery"
           tag="Need Help?"
           tagIcon={HelpCircle}
-          tagAnimation="entrance-slide"
+          tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           faqs={[
@@ -161,7 +161,7 @@ export default function LandingPage() {
             { id: "7", title: "Do you cater for large events?", content: "Yes! We handle birthday parties, corporate events, weddings, and large celebrations. Contact us for bulk orders and special pricing." },
             { id: "8", title: "How do I place an order?", content: "Call us at 062321-57520, WhatsApp your order, or fill out our online form. We'll confirm details, delivery date, and finalize your order immediately." }
           ]}
-          faqsAnimation="entrance-slide"
+          faqsAnimation="slide-up"
           animationType="smooth"
         />
       </div>
@@ -172,7 +172,7 @@ export default function LandingPage() {
           title="Order Your Cake Today"
           description="Don't wait for the perfect cake to come to you. Subscribe to our newsletter for exclusive offers, new flavors, and cake decorating tips!"
           tagIcon={Mail}
-          tagAnimation="entrance-slide"
+          tagAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your email"

src/components/shared/SvgTextLogo/SvgTextLogo.tsx

@@ -1,51 +1,43 @@
-"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;
+  textAnchor?: 'start' | 'middle' | 'end';
+  dominantBaseline?: 'auto' | 'middle' | 'hanging';
 }
 
-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 = 700,
+  fill = 'currentColor',
+  textAnchor = 'middle',
+  dominantBaseline = 'middle',
+}) => {
   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 200 50"
+      className={className}
+      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="100"
+        y="25"
+        fontSize={fontSize}
+        fontWeight={fontWeight}
+        fill={fill}
+        textAnchor={textAnchor}
+        dominantBaseline={dominantBaseline}
       >
-        {logoText}
+        {text}
       </text>
     </svg>
   );
-});
-
-SvgTextLogo.displayName = "SvgTextLogo";
+};
 
 export default SvgTextLogo;