diff --git a/src/app/page.tsx b/src/app/page.tsx index 000876f..46aba65 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -51,15 +51,16 @@ export default function Page() { background={{ variant: "plain" }} mediaItems={[ { - imageSrc: "/placeholders/placeholder1.webp?_wi=1", imageAlt: "Professional car valet service" + imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Professional car valet service" }, { - imageSrc: "/placeholders/placeholder1.webp?_wi=2", imageAlt: "Expert interior detailing" + imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Expert interior detailing" }, { - imageSrc: "/placeholders/placeholder1.webp?_wi=3", imageAlt: "Precision exterior polish" + imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Precision exterior polish" } ]} + mediaAnimation="fade" buttons={[ { text: "Call 07582 884829", href: "tel:07582884829" @@ -88,6 +89,7 @@ export default function Page() { label: "Satisfaction", value: "100% Guaranteed" } ]} + metricsAnimation="slide-up" useInvertedBackground={false} /> @@ -101,10 +103,10 @@ export default function Page() { title: "Interior Valet", description: "Deep vacuum, wipe-down, air freshener. Professional interior cleaning that leaves your car spotless.", icon: Sparkles, mediaItems: [ { - imageSrc: "/placeholders/placeholder1.webp?_wi=4", imageAlt: "Interior valet service" + imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Interior valet service" }, { - imageSrc: "/placeholders/placeholder1.webp?_wi=5", imageAlt: "Before and after interior" + imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Before and after interior" } ] }, @@ -112,10 +114,10 @@ export default function Page() { title: "Exterior Detail", description: "Wash, wax, tire shine. Professional exterior polish with lasting protection and brilliant finish.", icon: Shield, mediaItems: [ { - imageSrc: "/placeholders/placeholder1.webp?_wi=6", imageAlt: "Exterior detail service" + imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Exterior detail service" }, { - imageSrc: "/placeholders/placeholder1.webp?_wi=7", imageAlt: "Before and after exterior" + imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Before and after exterior" } ] }, @@ -123,10 +125,10 @@ export default function Page() { title: "Full Valet", description: "Complete interior and exterior detail. The ultimate refresh for your vehicle.", icon: Zap, mediaItems: [ { - imageSrc: "/placeholders/placeholder1.webp?_wi=8", imageAlt: "Full valet service" + imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Full valet service" }, { - imageSrc: "/placeholders/placeholder1.webp?_wi=9", imageAlt: "Before and after full valet" + imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Before and after full valet" } ] } @@ -154,6 +156,7 @@ export default function Page() { label: "Expert Team", value: "Years Experience" } ]} + metricsAnimation="slide-up" useInvertedBackground={false} /> @@ -165,19 +168,19 @@ export default function Page() { testimonials={[ { id: "1", name: "Sarah Williams", role: "Vehicle Owner", company: "Cardiff", rating: 5, - imageSrc: "/placeholders/placeholder1.webp?_wi=10" + imageSrc: "/placeholders/placeholder1.webp" }, { id: "2", name: "Michael Davies", role: "Business Owner", company: "Cardiff", rating: 5, - imageSrc: "/placeholders/placeholder1.webp?_wi=11" + imageSrc: "/placeholders/placeholder1.webp" }, { id: "3", name: "Emma Jones", role: "Professional", company: "Surrounding Suburbs", rating: 5, - imageSrc: "/placeholders/placeholder1.webp?_wi=12" + imageSrc: "/placeholders/placeholder1.webp" }, { id: "4", name: "James Brown", role: "Fleet Manager", company: "Cardiff", rating: 5, - imageSrc: "/placeholders/placeholder1.webp?_wi=13" + imageSrc: "/placeholders/placeholder1.webp" } ]} kpiItems={[ @@ -273,6 +276,7 @@ export default function Page() { id: "6", title: "Can you valet vans and SUVs?", content: "Absolutely! We valet cars, vans, and SUVs. Pricing varies by vehicle type. Call 07582 884829 for a tailored quote." } ]} + faqsAnimation="fade" textPosition="left" useInvertedBackground={false} /> diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..aea9822 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,50 @@ -"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; + config?: { + fontSize?: number; + fontWeight?: number; + fill?: string; + dominantBaseline?: 'middle' | 'central'; + }; } -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 = '', + config = {}, +}) => { + const { + fontSize = 24, + fontWeight = 700, + fill = 'currentColor', + dominantBaseline = 'middle', + } = config; return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file