diff --git a/src/app/page.tsx b/src/app/page.tsx
index f537724..27ce8a7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,7 +18,7 @@ export default function LandingPage() {
borderRadius="pill"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
- background="noiseDiagonalGradient"
+ background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
@@ -42,7 +42,7 @@ export default function LandingPage() {
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..490f863 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -1,51 +1,45 @@
-"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?: string | number;
+ letterSpacing?: number;
}
-const SvgTextLogo = memo(function SvgTextLogo({
- logoText,
- adjustHeightFactor,
- verticalAlign = "top",
- className = "",
-}) {
- const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
+const SvgTextLogo: React.FC = ({
+ text,
+ className = '',
+ fontSize = 24,
+ fontWeight = 'bold',
+ letterSpacing = 0,
+}) => {
+ const padding = 20;
+ const estimatedWidth = text.length * fontSize * 0.6 + padding * 2;
+ const estimatedHeight = fontSize + padding * 2;
return (
);
-});
+};
-SvgTextLogo.displayName = "SvgTextLogo";
-
-export default SvgTextLogo;
+export default SvgTextLogo;
\ No newline at end of file