From 893b7d6d6a8182ccaaf8c2f89c0ee619e8dd83de Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 20:04:19 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 760ea52..7294203 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="smallMedium" sizing="mediumLargeSizeMediumTitles" - background="aurora" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="primary-glow" secondaryButtonStyle="solid" @@ -47,14 +47,14 @@ export default function LandingPage() { description="Top-quality vehicle detailing with fair pricing and fast turnaround. Trusted by 127+ customers for exceptional results." tag="4.7★ from 127 Reviews" tagIcon={Star} - background={{ variant: "aurora" }} + background={{ variant: "sparkles-gradient" }} kpis={[ { value: "4.7★", label: "Customer Rating" }, { value: "127+", label: "Happy Customers" }, { value: "Fast", label: "Turnaround Times" } ]} enableKpiAnimation={true} - imageSrc="http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22285.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22285.jpg" imageAlt="Professional car detailing showcase" mediaAnimation="slide-up" imagePosition="right" @@ -79,15 +79,15 @@ export default function LandingPage() { products={[ { id: "1", brand: "Standard Detail", name: "Auto Detailing", price: "Starting at $149", rating: 5, - reviewCount: "25+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194112.jpg?_wi=1", imageAlt: "Auto detailing service" + reviewCount: "25+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194112.jpg", imageAlt: "Auto detailing service" }, { id: "2", brand: "Premium Detail", name: "Interior Detailing", price: "Starting at $129", rating: 5, - reviewCount: "32+", imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-car-rent_1303-16343.jpg?_wi=1", imageAlt: "Interior detailing service" + reviewCount: "32+", imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-car-rent_1303-16343.jpg", imageAlt: "Interior detailing service" }, { id: "3", brand: "Protection", name: "Exterior Detailing", price: "Starting at $179", rating: 5, - reviewCount: "18+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194112.jpg?_wi=2", imageAlt: "Exterior detailing service" + reviewCount: "18+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194112.jpg", imageAlt: "Exterior detailing service" }, { id: "4", brand: "Premium Protection", name: "Window Tinting", price: "Starting at $249", rating: 5, @@ -99,7 +99,7 @@ export default function LandingPage() { }, { id: "6", brand: "Complete Package", name: "Vehicle Packages", price: "Custom Quotes", rating: 5, - reviewCount: "27+", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-quotation-customer_1170-1429.jpg?_wi=1", imageAlt: "Complete detailing packages" + reviewCount: "27+", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-quotation-customer_1170-1429.jpg", imageAlt: "Complete detailing packages" } ]} /> @@ -130,19 +130,19 @@ export default function LandingPage() { gridVariant="two-columns-alternating-heights" features={[ { - title: "127+ Happy Customers", description: "Over 127 satisfied customers trust us with their vehicles every month. Our consistent 4.7-star rating proves our commitment to excellence.", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22285.jpg?_wi=2", imageAlt: "Happy customers showcase" + title: "127+ Happy Customers", description: "Over 127 satisfied customers trust us with their vehicles every month. Our consistent 4.7-star rating proves our commitment to excellence.", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22285.jpg", imageAlt: "Happy customers showcase" }, { - title: "High-Quality Detailing", description: "Professional techniques and premium products ensure your car looks brand new. Every detail is perfected with precision and care.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194112.jpg?_wi=3", imageAlt: "Quality detailing results" + title: "High-Quality Detailing", description: "Professional techniques and premium products ensure your car looks brand new. Every detail is perfected with precision and care.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194112.jpg", imageAlt: "Quality detailing results" }, { - title: "Fair & Transparent Pricing", description: "No hidden fees or surprises. We provide clear quotes upfront and competitive pricing on all services throughout Johnson City.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-quotation-customer_1170-1429.jpg?_wi=2", imageAlt: "Transparent pricing" + title: "Fair & Transparent Pricing", description: "No hidden fees or surprises. We provide clear quotes upfront and competitive pricing on all services throughout Johnson City.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-quotation-customer_1170-1429.jpg", imageAlt: "Transparent pricing" }, { - title: "Friendly Local Staff", description: "Your neighbors care for your car. We're a local family-owned business dedicated to exceptional customer service and satisfaction.", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car-carwash-station-wearing-orange-vest_651396-3238.jpg?_wi=1", imageAlt: "Local detailing team" + title: "Friendly Local Staff", description: "Your neighbors care for your car. We're a local family-owned business dedicated to exceptional customer service and satisfaction.", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car-carwash-station-wearing-orange-vest_651396-3238.jpg", imageAlt: "Local detailing team" }, { - title: "Fast Turnaround Times", description: "Most services completed same-day or within 48 hours. We respect your time and get your car back looking perfect quickly.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-car-rent_1303-16343.jpg?_wi=2", imageAlt: "Quick service turnaround" + title: "Fast Turnaround Times", description: "Most services completed same-day or within 48 hours. We respect your time and get your car back looking perfect quickly.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-car-rent_1303-16343.jpg", imageAlt: "Quick service turnaround" }, { title: "Serving East Tennessee", description: "Proudly serving Johnson City, Kingsport, Bristol, and surrounding areas. Convenient location at 4106 N Roan St.", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "East Tennessee service area" @@ -170,10 +170,10 @@ export default function LandingPage() { id: "2", name: "Michael Chen", handle: "Kingsport, TN", testimonial: "Fair pricing, fast service, and friendly staff. They really care about doing great work.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", imageAlt: "Michael Chen" }, { - id: "3", name: "Emily Rodriguez", handle: "Bristol, TN", testimonial: "Great service at an affordable price. Will definitely be coming back for my next detailing!", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg?_wi=1", imageAlt: "Emily Rodriguez" + id: "3", name: "Emily Rodriguez", handle: "Bristol, TN", testimonial: "Great service at an affordable price. Will definitely be coming back for my next detailing!", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg", imageAlt: "Emily Rodriguez" }, { - id: "4", name: "David Kim", handle: "Johnson City, TN", testimonial: "Professional and reliable. They made my vehicle look incredible. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg?_wi=2", imageAlt: "David Kim" + id: "4", name: "David Kim", handle: "Johnson City, TN", testimonial: "Professional and reliable. They made my vehicle look incredible. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg", imageAlt: "David Kim" }, { id: "5", name: "Jessica Taylor", handle: "Kingsport, TN", testimonial: "Amazing attention to detail. Every part of my car was cleaned perfectly. Worth every penny!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg", imageAlt: "Jessica Taylor" @@ -193,7 +193,7 @@ export default function LandingPage() { tagIcon={Phone} background={{ variant: "sparkles-gradient" }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/man-washing-car-carwash-station-wearing-orange-vest_651396-3238.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/man-washing-car-carwash-station-wearing-orange-vest_651396-3238.jpg" imageAlt="Professional detailing facility" mediaAnimation="slide-up" mediaPosition="right" -- 2.49.1 From a23057e0c39aab8fe22ba1bc26dbeef3ef762711 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 20:04:19 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 71 ++++++++++--------- 1 file changed, 36 insertions(+), 35 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..724365d 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,52 @@ -"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; + width?: number; + height?: number; + fontSize?: number; + fontFamily?: string; + fontWeight?: number | string; + fillColor?: string; className?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +const SvgTextLogo: React.FC = ({ + text, + width = 200, + height = 100, + fontSize = 48, + fontFamily = 'Arial, sans-serif', + fontWeight = 'bold', + fillColor = '#000000', + className = '', +}) => { + const textLength = text.length; + const estimatedWidth = textLength * fontSize * 0.6; + const svgWidth = Math.max(width, estimatedWidth + 20); return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo; -- 2.49.1