diff --git a/src/app/page.tsx b/src/app/page.tsx index 25147fc..72fdc1c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="medium" sizing="mediumSizeLargeTitles" - background="fluid" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="shadow" secondaryButtonStyle="radial-glow" @@ -45,7 +45,7 @@ export default function LandingPage() { (function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +const SvgTextLogo: React.FC = ({ + text, + className = '', + fill = 'currentColor', + fontSize = 32, + fontWeight = 'bold', + fontFamily = 'system-ui, -apple-system, sans-serif', +}) => { + const padding = 20; + const textWidth = text.length * (fontSize * 0.6); + const width = textWidth + padding * 2; + const height = fontSize + padding * 2; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;