diff --git a/src/app/page.tsx b/src/app/page.tsx index f0d05f6..d6ab395 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -18,7 +18,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="small" sizing="mediumLarge" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="radial-glow" @@ -40,7 +40,7 @@ export default function LandingPage() { { + text: string; className?: string; + fontSize?: number; + fontWeight?: number | string; + letterSpacing?: string; + dominantBaseline?: 'auto' | 'text-top' | 'hanging' | 'central' | 'mathematical' | 'text-bottom' | 'ideographic'; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text = 'LOGO', + className = '', + fontSize = 48, + fontWeight = 700, + letterSpacing = '0.05em', + dominantBaseline = 'central', + ...props +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file