From 2c3108e1e871ceb62b5ad92f077d50d72cf000ec Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 12 Mar 2026 14:22:31 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 297 ++++++++++++++++++++++-------------------------
 1 file changed, 138 insertions(+), 159 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index caf3bcf..39064db 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,185 +1,169 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
-import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TeamCardOne from '@/components/sections/team/TeamCardOne';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import TeamCardTen from '@/components/sections/team/TeamCardTen';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Car, Hammer, HandshakeIcon, Mail, Sparkles, Star, Users, Wrench, Zap } from 'lucide-react';
+import { Award, Wrench, Gauge, Hammer, Zap, Paintbrush, Heart, Car } from 'lucide-react';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="shift-hover"
-      defaultTextAnimation="reveal-blur"
-      borderRadius="soft"
-      contentWidth="mediumLarge"
-      sizing="mediumLarge"
-      background="blurBottom"
-      cardStyle="glass-depth"
-      primaryButtonStyle="radial-glow"
-      secondaryButtonStyle="solid"
-      headingFontWeight="bold"
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="mediumSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="medium"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen
-          brandName="NOVUS AUTO"
+        <NavbarStyleCentered
           navItems={[
-            { name: "Accueil", id: "hero" },
-            { name: "Spécialités", id: "features" },
-            { name: "Véhicules", id: "product" },
-            { name: "Équipe", id: "team" },
-            { name: "Contact", id: "contact" }
+            { name: 'Accueil', id: 'hero' },
+            { name: 'À Propos', id: 'about' },
+            { name: 'Spécialités', id: 'features' },
+            { name: 'Équipe', id: 'team' },
+            { name: 'Contact', id: 'contact' }
           ]}
-          bottomLeftText="Premium Automotive Excellence"
-          bottomRightText="contact@novusauto.fr"
+          button={{ text: 'Nous Contacter', href: 'contact' }}
+          brandName="Novus Auto"
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitDualMedia
-          tag="Garage Automobile Premium"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
-          title="Excellence Automotive Sur Mesure"
-          description="Découvrez NOVUS AUTO, votre destination privilégiée pour l'entretien, la restauration et la personnalisation de véhicules de prestige. Expertise, passion et perfectionnisme au service de votre automobile."
-          background={{ variant: "plain" }}
-          mediaItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212227.jpg", imageAlt: "Luxury vehicle showcase" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-thinking-purchase_1303-14584.jpg", imageAlt: "Premium automotive display" }
-          ]}
-          rating={5}
-          ratingText="Satisfaction Client Garantie"
+        <HeroLogoBillboardSplit
+          logoText="NOVUS AUTO"
+          description="Excellence en mécanique automobile. Spécialistes en diagnostic, entretien, restauration et performance. Votre garage de confiance depuis plus de 15 ans."
+          background={{ variant: 'animated-grid' }}
           buttons={[
-            { text: "Découvrir nos services", href: "#features" },
-            { text: "Nos Véhicules", href: "#product" }
+            { text: 'Découvrir nos services', href: '#features' },
+            { text: 'Prendre rendez-vous', href: '#contact' }
           ]}
-          buttonAnimation="slide-up"
+          layoutOrder="default"
+          imageSrc="http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150169927.jpg"
+          imageAlt="Garage Novus Auto - Atelier professionnel"
+          frameStyle="card"
           mediaAnimation="slide-up"
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <MetricSplitMediaAbout
+          tag="À Propos"
+          tagIcon={Award}
+          title="Votre partenaire de confiance en mécanique automobile"
+          description="Depuis sa création, Novus Auto s'est établie comme leader en services automobiles premium. Notre équipe de techniciens expérimentés et certifiés combine expertise traditionnelle et technologies de diagnostic dernier cri pour assurer la qualité maximale sur chaque intervention. Nous travaillons sur tous les modèles et marques, du véhicule classique au supercar, avec le même dévouement."
+          metrics={[
+            { value: '15+', title: 'Années d\'expérience' },
+            { value: '2000+', title: 'Clients satisfaits' }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/happy-mixedrace-couple-auto-repair-shop-looking-camera_637285-11555.jpg"
+          imageAlt="Équipe Novus Auto - Techniciens professionnels"
+          useInvertedBackground={false}
+          mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
         />
       </div>
 
       <div id="features" data-section="features">
-        <FeatureHoverPattern
-          tag="Nos Spécialités"
-          tagIcon={Zap}
-          tagAnimation="slide-up"
-          title="Services Automotive d'Excellence"
-          description="Expertise reconnue dans l'entretien premium, la restauration complète et la personnalisation haute performance de véhicules de collection et modernes."
-          textboxLayout="default"
-          useInvertedBackground={false}
+        <FeatureBorderGlow
+          title="Nos Spécialités"
+          description="Services automobiles complets et professionnels pour tous vos besoins."
+          tag="Services"
+          tagIcon={Wrench}
           features={[
-            { icon: Wrench, title: "Entretien Premium", description: "Maintenance complète et révisions régulières pour préserver la performance et l'élégance de votre véhicule avec les meilleurs équipements." },
-            { icon: Hammer, title: "Restauration Complète", description: "Restauration méticuleuse de véhicules classiques et modernes, du diagnostic au remise à neuf totale dans nos ateliers équipés." },
-            { icon: Zap, title: "Tuning & Personnalisation", description: "Modifications haute performance et customisation esthétique selon vos envies, avec respect de l'essence du véhicule original." }
+            { icon: Gauge, title: 'Diagnostic Avancé', description: 'Diagnostic électronique complète avec équipement dernière génération pour identifier rapidement tout problème.' },
+            { icon: Hammer, title: 'Entretien & Réparation', description: 'Maintenance régulière, réparations mécaniques et remplacement de pièces détachées de qualité OEM.' },
+            { icon: Zap, title: 'Performance & Tuning', description: 'Optimisation moteur, augmentation de puissance et préparation sport pour les amateurs de performance.' },
+            { icon: Paintbrush, title: 'Restauration Complète', description: 'Restauration de véhicules classiques et restauration esthétique complète de votre automobile.' }
           ]}
           animationType="slide-up"
-        />
-      </div>
-
-      <div id="product" data-section="product">
-        <ProductCardOne
-          tag="Notre Sélection"
-          tagIcon={Car}
-          tagAnimation="slide-up"
-          title="Véhicules Disponibles"
-          description="Parcourez notre collection de véhicules soigneusement sélectionnés et expertisés, allant des classiques aux modernes."
           textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          gridVariant="uniform-all-items-equal"
-          products={[
-            { id: "1", name: "Mercedes-Benz SL65 AMG", price: "89 500 €", imageSrc: "http://img.b2bpic.net/free-photo/sensual-dangerous-woman-standing-with-feline-look-door_158595-1153.jpg", imageAlt: "Mercedes-Benz SL65 AMG" },
-            { id: "2", name: "Porsche 911 Carrera", price: "105 000 €", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-talking-sales-person-car-showroom_1303-15134.jpg", imageAlt: "Porsche 911 Carrera" },
-            { id: "3", name: "Jaguar E-Type Classic", price: "72 000 €", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-289.jpg", imageAlt: "Jaguar E-Type Classic" }
+          useInvertedBackground={true}
+          buttons={[
+            { text: 'Voir plus de services', href: '#contact' }
           ]}
+          buttonAnimation="slide-up"
         />
       </div>
 
       <div id="team" data-section="team">
-        <TeamCardOne
-          tag="Notre Équipe"
-          tagIcon={Users}
+        <TeamCardTen
+          title="L'équipe d'experts qui prend soin de votre véhicule"
+          tag="Équipe"
           tagAnimation="slide-up"
-          title="Experts Automobiles"
-          description="Une équipe passionnée et expérimentée au service de votre satisfaction et de l'excellence technique de chaque projet."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          gridVariant="uniform-all-items-equal"
+          membersAnimation="slide-up"
           members={[
-            { id: "1", name: "Thierry M.", role: "Responsable Atelier", imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881113.jpg", imageAlt: "Thierry M." },
-            { id: "2", name: "Sophie D.", role: "Technicienne Spécialisée", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg", imageAlt: "Sophie D." },
-            { id: "3", name: "Jean-Claude B.", role: "Gestionnaire Projet", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-laptop_23-2150171220.jpg", imageAlt: "Jean-Claude B." },
-            { id: "4", name: "Marc L.", role: "Mécanicien Senior", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-digital-tablet-while-servicing-car-engine_1170-1356.jpg", imageAlt: "Marc L." }
+            { id: '1', name: 'Marc Dubois', imageSrc: 'http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1536.jpg', imageAlt: 'Marc Dubois - Directeur Technique' },
+            { id: '2', name: 'Sophie Laurent', imageSrc: 'http://img.b2bpic.net/free-photo/portrait-mechanic-smiling_1170-1139.jpg', imageAlt: 'Sophie Laurent - Technicienne Senior' },
+            { id: '3', name: 'Pierre Moreau', imageSrc: 'http://img.b2bpic.net/free-photo/hand-car-mechanic-with-wrench-auto-repair-garage_146671-19591.jpg', imageAlt: 'Pierre Moreau - Spécialiste Performance' },
+            { id: '4', name: 'Jean Rousseau', imageSrc: 'http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582422.jpg', imageAlt: 'Jean Rousseau - Mécanicien Général' }
           ]}
+          memberVariant="card"
+          useInvertedBackground={false}
         />
       </div>
 
-      <div id="testimonial" data-section="testimonial">
-        <TestimonialCardSixteen
-          tag="Avis Clients"
-          tagIcon={Star}
-          tagAnimation="slide-up"
-          title="Témoignages de Satisfaction"
-          description="Découvrez les retours enthousiastes de nos clients satisfaits de la qualité de nos services et de notre expertise professionnelle."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardTwelve
           testimonials={[
-            { id: "1", name: "Philippe Renault", role: "Propriétaire", company: "Collectionneurs Automobiles", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/traveler-photographer-studio-portrait-handsome-bearded_613910-1606.jpg", imageAlt: "Philippe Renault" },
-            { id: "2", name: "Marie Fontaine", role: "Directrice", company: "Auto Prestige Services", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-working_23-2149100282.jpg", imageAlt: "Marie Fontaine" },
-            { id: "3", name: "Alain Dubois", role: "Entrepreneur", company: "Dubois Investment", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_1098-21013.jpg", imageAlt: "Alain Dubois" },
-            { id: "4", name: "Isabelle Moreau", role: "Vice-Présidente", company: "Groupe Moreau Holdings", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280701.jpg", imageAlt: "Isabelle Moreau" },
-            { id: "5", name: "Laurent Gasquet", role: "Directeur Technique", company: "Gasquet Automobiles", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg", imageAlt: "Laurent Gasquet" },
-            { id: "6", name: "Véronique Leclerc", role: "Présidente", company: "Leclerc Luxury Motors", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-smiling-woman-office_23-2148187253.jpg", imageAlt: "Véronique Leclerc" }
-          ]}
-          kpiItems={[
-            { value: "500+", label: "Véhicules Traités" },
-            { value: "98%", label: "Satisfaction Client" },
-            { value: "25+", label: "Années d'Expérience" }
+            { id: '1', name: 'Catherine Dupont', imageSrc: 'http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg', imageAlt: 'Catherine Dupont' },
+            { id: '2', name: 'François Beaumont', imageSrc: 'http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg', imageAlt: 'François Beaumont' },
+            { id: '3', name: 'Isabelle Leclerc', imageSrc: 'http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt-showing-thumbs-up_141793-120967.jpg', imageAlt: 'Isabelle Leclerc' },
+            { id: '4', name: 'Michel Renault', imageSrc: 'http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15845.jpg', imageAlt: 'Michel Renault' },
+            { id: '5', name: 'Véronique Martin', imageSrc: 'http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg', imageAlt: 'Véronique Martin' }
           ]}
+          cardTitle="Plus de 2000 clients nous font confiance pour l'excellence de nos services automobiles"
+          cardTag="Avis clients"
+          cardTagIcon={Heart}
+          cardAnimation="slide-up"
+          useInvertedBackground={true}
         />
       </div>
 
-      <div id="social-proof" data-section="social-proof">
-        <SocialProofOne
-          tag="Partenaires de Confiance"
-          tagIcon={HandshakeIcon}
-          tagAnimation="slide-up"
-          title="Marques Automobiles Prestigieuses"
-          description="Nous travaillons en partenariat avec les plus grands constructeurs automobiles mondiaux pour vous offrir expertise et authentification garanties."
+      <div id="products" data-section="products">
+        <ProductCardTwo
+          title="Véhicules en Exposition"
+          description="Sélection de véhicules premium actuellement en atelier ou en exposition."
+          tag="Galerie"
+          tagIcon={Car}
+          products={[
+            { id: '1', brand: 'Novus Auto', name: 'Mercedes-Benz AMG C63', price: 'À consulter', rating: 5, reviewCount: 'Excellente condition', imageSrc: 'http://img.b2bpic.net/free-vector/realistic-formula-1-racing-car_23-2147880945.jpg', imageAlt: 'Mercedes-Benz AMG C63 - Atelier Novus Auto' },
+            { id: '2', brand: 'Novus Auto', name: 'BMW X5 M Sport', price: 'À consulter', rating: 5, reviewCount: 'Service complet', imageSrc: 'http://img.b2bpic.net/free-photo/ladies-car-salon-woman-buying-car-elegant-woman-blue-dress-manager-helps-client_1157-45023.jpg', imageAlt: 'BMW X5 M Sport - Atelier Novus Auto' },
+            { id: '3', brand: 'Novus Auto', name: 'Jaguar E-Type Classique', price: 'Restauré', rating: 5, reviewCount: 'Masterpiece', imageSrc: 'http://img.b2bpic.net/free-photo/stylish-bearded-male-dressed-brown-leather-jacket-posing-with-crossed-arms-while-leaning-tuned-retro-car-city-parking_613910-19208.jpg', imageAlt: 'Jaguar E-Type Classique - Restauration Novus Auto' }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          names={[
-            "Mercedes-Benz",            "Porsche",            "BMW",            "Audi",            "Jaguar",            "Lamborghini",            "Ferrari"
+          buttons={[
+            { text: 'Consulter nos services', href: '#features' }
           ]}
-          speed={40}
-          showCard={true}
+          buttonAnimation="slide-up"
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="Nous Contacter"
-          tagIcon={Mail}
-          tagAnimation="slide-up"
-          title="Rejoignez Notre Communauté"
-          description="Inscrivez-vous à notre newsletter pour recevoir les dernières actualités, offres spéciales et conseils automobiles directement dans votre boîte mail."
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434398.jpg"
-          imageAlt="Garage moderne NOVUS AUTO"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          inputPlaceholder="Votre adresse email"
-          buttonText="S'inscrire"
-          termsText="En vous inscrivant, vous acceptez nos conditions d'utilisation et notre politique de confidentialité."
+        <ContactText
+          text="Prêt à confier votre véhicule à des experts ? Contactez-nous dès aujourd'hui pour un diagnostic professionnel et un devis personnalisé."
+          animationType="entrance-slide"
+          background={{ variant: 'animated-grid' }}
+          useInvertedBackground={true}
+          buttons={[
+            { text: 'Nous Contacter', href: 'mailto:contact@novusauto.fr' },
+            { text: 'Appeler: +33 1 23 45 67 89', href: 'tel:+33123456789' }
+          ]}
         />
       </div>
 
@@ -187,42 +171,37 @@ export default function LandingPage() {
         <FooterSimple
           columns={[
             {
-              title: "Navigation",              items: [
-                { label: "Accueil", href: "#hero" },
-                { label: "Spécialités", href: "#features" },
-                { label: "Véhicules", href: "#product" },
-                { label: "Équipe", href: "#team" }
+              title: 'Services',
+              items: [
+                { label: 'Diagnostic', href: '#features' },
+                { label: 'Entretien', href: '#features' },
+                { label: 'Performance', href: '#features' },
+                { label: 'Restauration', href: '#features' }
               ]
             },
             {
-              title: "Services",              items: [
-                { label: "Entretien", href: "#" },
-                { label: "Restauration", href: "#" },
-                { label: "Tuning", href: "#" },
-                { label: "Diagnostic", href: "#" }
+              title: 'Entreprise',
+              items: [
+                { label: 'À Propos', href: '#about' },
+                { label: 'Équipe', href: '#team' },
+                { label: 'Avis Clients', href: '#testimonials' },
+                { label: 'Contact', href: '#contact' }
               ]
             },
             {
-              title: "Informations",              items: [
-                { label: "À Propos", href: "#" },
-                { label: "Blog", href: "#" },
-                { label: "FAQ", href: "#" },
-                { label: "Carrières", href: "#" }
-              ]
-            },
-            {
-              title: "Légal",              items: [
-                { label: "Politique de Confidentialité", href: "#" },
-                { label: "Conditions d'Utilisation", href: "#" },
-                { label: "Mentions Légales", href: "#" },
-                { label: "Cookies", href: "#" }
+              title: 'Contact',
+              items: [
+                { label: 'Email: contact@novusauto.fr', href: 'mailto:contact@novusauto.fr' },
+                { label: 'Tél: +33 1 23 45 67 89', href: 'tel:+33123456789' },
+                { label: '123 Boulevard Principal, 75001 Paris', href: '#' },
+                { label: 'Lun-Ven: 8h-18h | Sam: 9h-17h', href: '#' }
               ]
             }
           ]}
-          bottomLeftText="© 2025 NOVUS AUTO. Tous droits réservés."
-          bottomRightText="Conçu avec Excellence • Service Premium"
+          bottomLeftText="© 2025 Novus Auto. Tous droits réservés."
+          bottomRightText="Créé avec soin pour les passionnés d'automobile"
         />
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 2c6cbfcea53802dad1a3e7d8a75459aa7be01c21 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 12 Mar 2026 14:22:31 +0000
Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx

---
 .../shared/SvgTextLogo/SvgTextLogo.tsx        | 22 +++++++------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index 44c4b80..9a41064 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -2,33 +2,27 @@ import React from 'react';
 
 interface SvgTextLogoProps {
   text: string;
-  fontSize?: number;
-  fontFamily?: string;
-  fill?: string;
   className?: string;
+  textClassName?: string;
 }
 
 const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
   text,
-  fontSize = 24,
-  fontFamily = 'Arial, sans-serif',
-  fill = 'currentColor',
   className = '',
+  textClassName = '',
 }) => {
   return (
     <svg
-      viewBox="0 0 200 100"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
+      viewBox={`0 0 ${text.length * 60} 100`}
+      className={`w-full h-auto ${className}`}
+      preserveAspectRatio="xMidYMid meet"
     >
       <text
         x="50%"
         y="50%"
-        fontSize={fontSize}
-        fontFamily={fontFamily}
-        fill={fill}
         textAnchor="middle"
-        dominantBaseline="central"
+        dominantBaseline="middle"
+        className={`text-4xl font-bold fill-current ${textClassName}`}
       >
         {text}
       </text>
@@ -36,4 +30,4 @@ const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
   );
 };
 
-export default SvgTextLogo;
+export default SvgTextLogo;
\ No newline at end of file
-- 
2.49.1