diff --git a/src/app/page.tsx b/src/app/page.tsx index 0cd3b28..6f9c8e1 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,7 +10,7 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar import FaqDouble from '@/components/sections/faq/FaqDouble'; import ContactFaq from '@/components/sections/contact/ContactFaq'; import FooterSimple from '@/components/sections/footer/FooterSimple'; -import { Award, Calendar, Shield, Sparkles, Users } from 'lucide-react'; +import { Award, Calendar, Shield, Sparkles, Users, Star } from 'lucide-react'; export default function LandingPage() { return ( @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="compact" sizing="largeSizeMediumTitles" - background="circleGradient" + background="none" cardStyle="layered-gradient" primaryButtonStyle="flat" secondaryButtonStyle="radial-glow" @@ -44,7 +44,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, + fontSize = 24, + fontWeight = 'bold', + className = '', +}) => { + const textLength = text.length; + const charWidth = fontSize * 0.6; + const width = Math.max(textLength * charWidth + 40, 200); + const height = fontSize + 40; + const xPos = 20; + const yPos = height / 2 + fontSize / 3; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;