diff --git a/src/app/page.tsx b/src/app/page.tsx index 4162c5f..1562bf3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,7 +21,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="medium" sizing="mediumLarge" - background="grid" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="double-inset" secondaryButtonStyle="layered" @@ -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 = '', + fontSize = 24, + fontWeight = 'bold', + fill = 'currentColor', +}) => { + const textLength = text.length; + const charWidth = fontSize * 0.6; + const width = textLength * charWidth + 40; + const height = fontSize + 20; + const x = 20; + const y = fontSize + 10; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;