diff --git a/src/app/page.tsx b/src/app/page.tsx index ee446a4..447056e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -96,7 +96,7 @@ export default function LandingPage() { title="AI Automation Services" description="Comprehensive AI and automation solutions designed for modern enterprises" tag="Solutions" - tagAnimation="entrance-slide" + tagAnimation="slide-up" /> @@ -138,7 +138,7 @@ export default function LandingPage() { title="Proven Impact" description="Real results from our automation systems across industries" tag="Results" - tagAnimation="entrance-slide" + tagAnimation="slide-up" /> @@ -203,7 +203,7 @@ export default function LandingPage() { title="Transparent Pricing for Every Scale" description="Simple, predictable pricing that grows with your automation needs. No hidden fees. Cancel anytime." tag="Plans" - tagAnimation="entrance-slide" + tagAnimation="slide-up" /> @@ -218,7 +218,7 @@ export default function LandingPage() { inputPlaceholder="your@company.com" buttonText="Get Started" termsText="We respect your privacy. Unsubscribe anytime. Your data is encrypted and secure." - tagAnimation="entrance-slide" + tagAnimation="slide-up" /> diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..de3cdf6 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,51 @@ -"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; + letterSpacing?: number; + textAnchor?: 'start' | 'middle' | 'end'; } -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 = 32, + fontWeight = 'bold', + fill = 'currentColor', + letterSpacing = 0, + textAnchor = 'middle', +}) => { + const estimatedWidth = text.length * (fontSize as number) * 0.6; + const estimatedHeight = (fontSize as number) * 1.2; + const xPosition = textAnchor === 'start' ? 10 : textAnchor === 'end' ? estimatedWidth - 10 : estimatedWidth / 2; + const yPosition = (fontSize as number) * 0.75; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;