Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-10 22:25:49 +00:00
2 changed files with 29 additions and 40 deletions

View File

@@ -43,10 +43,11 @@ export default function LandingPage() {
title="Professional Car Valeting in Cardiff"
description="Your car cleaned to perfection with expert attention to detail."
tag="5-Star Rated Service"
imageSrc="http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg"
imageAlt="Freshly detailed professional car"
mediaAnimation="slide-up"
useInvertedBackground={false}
background={{ variant: "glowing-orb" }}
testimonials={[
{
name: "Sarah Johnson", handle: "Local Customer", testimonial: "Fabulous service he did a great job of a very dirty work horse. 5*", rating: 5,
@@ -83,7 +84,7 @@ export default function LandingPage() {
},
{
id: 3,
tag: "Complete", title: "Full Valet", subtitle: "Complete interior and exterior transformation.", description: "Our premium service includes full interior detail, exterior hand wash, trim treatment, and showroom finish. The ultimate car care experience.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=2", buttons: [{ text: "Book Full Valet", href: "#booking" }]
tag: "Complete", title: "Full Valet", subtitle: "Complete interior and exterior transformation.", description: "Our premium service includes full interior detail, exterior hand wash, trim treatment, and showroom finish. The ultimate car care experience.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg", buttons: [{ text: "Book Full Valet", href: "#booking" }]
}
]}
textboxLayout="default"
@@ -141,15 +142,15 @@ export default function LandingPage() {
features={[
{
id: 1,
tag: "Quality", title: "Attention to Detail", subtitle: "Every corner cleaned properly.", description: "We meticulously clean every surface and crevice. Your satisfaction is our priority, and we never cut corners on quality.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=3", buttons: []
tag: "Quality", title: "Attention to Detail", subtitle: "Every corner cleaned properly.", description: "We meticulously clean every surface and crevice. Your satisfaction is our priority, and we never cut corners on quality.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg", buttons: []
},
{
id: 2,
tag: "Local", title: "Friendly Local Service", subtitle: "Trusted by Cardiff customers.", description: "Based in Cardiff with a deep understanding of local needs. We treat every customer like family and take pride in our reputation.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=4", buttons: []
tag: "Local", title: "Friendly Local Service", subtitle: "Trusted by Cardiff customers.", description: "Based in Cardiff with a deep understanding of local needs. We treat every customer like family and take pride in our reputation.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg", buttons: []
},
{
id: 3,
tag: "Value", title: "Affordable Prices", subtitle: "Professional results without premium pricing.", description: "Get professional car valeting at competitive rates. Quality service doesn't have to break the bank.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=5", buttons: []
tag: "Value", title: "Affordable Prices", subtitle: "Professional results without premium pricing.", description: "Get professional car valeting at competitive rates. Quality service doesn't have to break the bank.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg", buttons: []
}
]}
textboxLayout="default"

View File

@@ -1,51 +1,39 @@
"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;
letterSpacing?: number;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className,
fontSize = 24,
fontWeight = 700,
letterSpacing = 0,
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.5}`}
className={className}
xmlns="http://www.w3.org/2000/svg"
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
y={fontSize}
fontSize={fontSize}
fontWeight={fontWeight}
letterSpacing={letterSpacing}
fill="currentColor"
dominantBaseline="middle"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;