diff --git a/src/app/page.tsx b/src/app/page.tsx index b6cc3a6..44e2818 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -64,7 +64,7 @@ export default function LandingPage() { features={[ { id: 1, - tag: "Reparatur", title: "KFZ Reparaturen", subtitle: "Professionelle Reparaturen aller Fahrzeugtypen", description: "Wir führen alle Arten von Fahzeugreparaturen durch – von kleineren Wartungsarbeiten bis zu komplexen Motorüberholungen. Unser erfahrenes Team nutzt modernste Diagnostiktechnik und Original-Ersatzteile.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-couple-signing-documents-while-being-with-car-mechanic-repair-shop_637285-4257.jpg?_wi=1", imageAlt: "professional car repair mechanic tools" + tag: "Reparatur", title: "KFZ Reparaturen", subtitle: "Professionelle Reparaturen aller Fahrzeugtypen", description: "Wir führen alle Arten von Fahzeugreparaturen durch – von kleineren Wartungsarbeiten bis zu komplexen Motorüberholungen. Unser erfahrenes Team nutzt modernste Diagnostiktechnik und Original-Ersatzteile.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-couple-signing-documents-while-being-with-car-mechanic-repair-shop_637285-4257.jpg", imageAlt: "professional car repair mechanic tools" }, { id: 2, @@ -84,13 +84,13 @@ export default function LandingPage() { }, { id: 6, - tag: "Prüfung", title: "§57a / Pickerl", subtitle: "Behördliche Hauptuntersuchung", description: "Wir führen die offiziellen Hauptuntersuchungen durch und helfen Ihnen, alle behördlichen Anforderungen zu erfüllen. Schnell, zuverlässig und kompetent.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-couple-signing-documents-while-being-with-car-mechanic-repair-shop_637285-4257.jpg?_wi=2", imageAlt: "professional car repair mechanic tools" + tag: "Prüfung", title: "§57a / Pickerl", subtitle: "Behördliche Hauptuntersuchung", description: "Wir führen die offiziellen Hauptuntersuchungen durch und helfen Ihnen, alle behördlichen Anforderungen zu erfüllen. Schnell, zuverlässig und kompetent.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-couple-signing-documents-while-being-with-car-mechanic-repair-shop_637285-4257.jpg", imageAlt: "professional car repair mechanic tools" } ]} title="Unsere Leistungen" description="Umfassendes Spektrum an Fahrzeugdienstleistungen von Reparaturen bis zur Wartung" tag="Dienstleistungen" - tagAnimation="entrance-slide" + tagAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} buttonAnimation="slide-up" @@ -109,7 +109,7 @@ export default function LandingPage() { imageAlt="E&R Kfz Technik Team" mediaAnimation="blur-reveal" useInvertedBackground={false} - tagAnimation="entrance-slide" + tagAnimation="slide-up" /> @@ -132,7 +132,7 @@ export default function LandingPage() { title="Was unsere Kunden sagen" description="Lesen Sie ehrliche Bewertungen von zufriedenen Fahrzeughaltern" tag="Kundenbewertungen" - tagAnimation="entrance-slide" + tagAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} /> diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..115ef24 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,42 @@ -"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?: string | number; + fill?: string; + letterSpacing?: number; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +export const SvgTextLogo: React.FC = ({ + text, + className = '', + fontSize = 48, + fontWeight = 700, + fill = 'currentColor', + letterSpacing = 0, +}) => { + const lineHeight = fontSize * 1.2; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +};