From 78b78fd500403436464ac122abbe265ef60de480 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 05:40:01 +0000 Subject: [PATCH 1/3] Update src/app/about/page.tsx --- src/app/about/page.tsx | 51 +++++++++++++----------------------------- 1 file changed, 15 insertions(+), 36 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 1e90f1e..82d812b 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -12,8 +12,7 @@ import { CheckCircle, Award, Zap, Users, TrendingUp, Phone } from "lucide-react" export default function AboutPage() { const footerColumns = [ { - title: "Services", - items: [ + title: "Services", items: [ { label: "Brake Repair", href: "/services" }, { label: "Engine Diagnostics", href: "/services" }, { label: "Oil Changes", href: "/services" }, @@ -21,8 +20,7 @@ export default function AboutPage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "/about" }, { label: "Our Team", href: "/about" }, { label: "Testimonials", href: "/#testimonials" }, @@ -30,16 +28,14 @@ export default function AboutPage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Warranty Info", href: "#" }, ], }, { - title: "Connect", - items: [ + title: "Connect", items: [ { label: "Facebook", href: "https://facebook.com" }, { label: "Instagram", href: "https://instagram.com" }, { label: "Google Reviews", href: "https://google.com" }, @@ -81,27 +77,22 @@ export default function AboutPage() { tag="Our Story" textboxLayout="default" useInvertedBackground={false} + mediaAnimation="none" bulletPoints={[ { - title: "Honest Diagnostics", - description: - "We provide transparent assessments without upselling unnecessary services. Your trust is our foundation.", - icon: CheckCircle, + title: "Honest Diagnostics", description: + "We provide transparent assessments without upselling unnecessary services. Your trust is our foundation.", icon: CheckCircle, }, { - title: "Experienced Mechanics", - description: - "Our certified technicians bring years of expertise to every repair, ensuring quality workmanship.", - icon: Award, + title: "Experienced Mechanics", description: + "Our certified technicians bring years of expertise to every repair, ensuring quality workmanship.", icon: Award, }, { - title: "Fast Turnaround", - description: - "We respect your time. Most repairs are completed the same day or next business day.", - icon: Zap, + title: "Fast Turnaround", description: + "We respect your time. Most repairs are completed the same day or next business day.", icon: Zap, }, ]} - imageSrc="http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170017.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170017.jpg" imageAlt="Joe Complete Auto Repair garage interior" imagePosition="right" buttons={[{ text: "View Services", href: "/services" }]} @@ -119,25 +110,13 @@ export default function AboutPage() { gridVariant="uniform-all-items-equal" metrics={[ { - id: "1", - value: "500+", - title: "Happy Customers", - description: "Trusted by local vehicle owners for quality repairs", - icon: Users, + id: "1", value: "500+", title: "Happy Customers", description: "Trusted by local vehicle owners for quality repairs", icon: Users, }, { - id: "2", - value: "15+", - title: "Years Experience", - description: "Decades of combined automotive expertise", - icon: Award, + id: "2", value: "15+", title: "Years Experience", description: "Decades of combined automotive expertise", icon: Award, }, { - id: "3", - value: "98%", - title: "Satisfaction Rate", - description: "Commitment to excellence and customer care", - icon: TrendingUp, + id: "3", value: "98%", title: "Satisfaction Rate", description: "Commitment to excellence and customer care", icon: TrendingUp, }, ]} /> -- 2.49.1 From 0dd30aac355b94bd76c2f5268bd3d17e305b1792 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 05:40:01 +0000 Subject: [PATCH 2/3] Update src/app/page.tsx --- src/app/page.tsx | 145 +++++++++++++---------------------------------- 1 file changed, 40 insertions(+), 105 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index f9c5467..1af13b1 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -23,8 +23,7 @@ export default function HomePage() { const footerColumns = [ { - title: "Services", - items: [ + title: "Services", items: [ { label: "Brake Repair", href: "/services" }, { label: "Engine Diagnostics", href: "/services" }, { label: "Oil Changes", href: "/services" }, @@ -32,8 +31,7 @@ export default function HomePage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "/about" }, { label: "Our Team", href: "/about" }, { label: "Testimonials", href: "#testimonials" }, @@ -41,16 +39,14 @@ export default function HomePage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Warranty Info", href: "#" }, ], }, { - title: "Connect", - items: [ + title: "Connect", items: [ { label: "Facebook", href: "https://facebook.com" }, { label: "Instagram", href: "https://instagram.com" }, { label: "Google Reviews", href: "https://google.com" }, @@ -96,9 +92,7 @@ export default function HomePage() { slides={[ { imageSrc: - "http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170017.jpg?_wi=1", - imageAlt: "Modern auto repair garage with diagnostic equipment", - }, + "http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170017.jpg", imageAlt: "Modern auto repair garage with diagnostic equipment"}, ]} autoplayDelay={5000} showDimOverlay={true} @@ -112,27 +106,22 @@ export default function HomePage() { tag="Our Story" textboxLayout="default" useInvertedBackground={false} + mediaAnimation="none" bulletPoints={[ { - title: "Honest Diagnostics", - description: - "We provide transparent assessments without upselling unnecessary services. Your trust is our foundation.", - icon: CheckCircle, + title: "Honest Diagnostics", description: + "We provide transparent assessments without upselling unnecessary services. Your trust is our foundation.", icon: CheckCircle, }, { - title: "Experienced Mechanics", - description: - "Our certified technicians bring years of expertise to every repair, ensuring quality workmanship.", - icon: Award, + title: "Experienced Mechanics", description: + "Our certified technicians bring years of expertise to every repair, ensuring quality workmanship.", icon: Award, }, { - title: "Fast Turnaround", - description: - "We respect your time. Most repairs are completed the same day or next business day.", - icon: Zap, + title: "Fast Turnaround", description: + "We respect your time. Most repairs are completed the same day or next business day.", icon: Zap, }, ]} - imageSrc="http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170017.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170017.jpg" imageAlt="Joe Complete Auto Repair garage interior" imagePosition="right" buttons={[{ text: "View Services", href: "/services" }]} @@ -150,58 +139,34 @@ export default function HomePage() { features={[ { id: 1, - title: "Brake Repair", - description: - "Professional brake pad replacement, rotor resurfacing, and complete brake system inspections to ensure your safety on every drive.", - imageSrc: - "http://img.b2bpic.net/free-photo/low-angle-woman-working-service_23-2150171272.jpg?_wi=1", - imageAlt: "Brake repair service", - }, + title: "Brake Repair", description: + "Professional brake pad replacement, rotor resurfacing, and complete brake system inspections to ensure your safety on every drive.", imageSrc: + "http://img.b2bpic.net/free-photo/low-angle-woman-working-service_23-2150171272.jpg", imageAlt: "Brake repair service"}, { id: 2, - title: "Engine Diagnostics", - description: - "Advanced computer diagnostic scanning to identify engine issues quickly and accurately, saving you time and money.", - imageSrc: - "http://img.b2bpic.net/free-photo/muscular-car-service-worker-repairing-vehicle_146671-19610.jpg?_wi=1", - imageAlt: "Engine diagnostic equipment", - }, + title: "Engine Diagnostics", description: + "Advanced computer diagnostic scanning to identify engine issues quickly and accurately, saving you time and money.", imageSrc: + "http://img.b2bpic.net/free-photo/muscular-car-service-worker-repairing-vehicle_146671-19610.jpg", imageAlt: "Engine diagnostic equipment"}, { id: 3, - title: "Oil Changes", - description: - "Regular oil changes with quality filters keep your engine healthy. We use OEM and premium synthetic options.", - imageSrc: - "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1148.jpg?_wi=1", - imageAlt: "Oil change service", - }, + title: "Oil Changes", description: + "Regular oil changes with quality filters keep your engine healthy. We use OEM and premium synthetic options.", imageSrc: + "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1148.jpg", imageAlt: "Oil change service"}, { id: 4, - title: "Tire Services", - description: - "Tire rotation, balancing, alignment, and replacement. We stock quality tires for all vehicle types.", - imageSrc: - "http://img.b2bpic.net/free-photo/closeup-photoshoot-process-tyre-balancing-dark-auto-service_613910-17076.jpg?_wi=1", - imageAlt: "Tire services and maintenance", - }, + title: "Tire Services", description: + "Tire rotation, balancing, alignment, and replacement. We stock quality tires for all vehicle types.", imageSrc: + "http://img.b2bpic.net/free-photo/closeup-photoshoot-process-tyre-balancing-dark-auto-service_613910-17076.jpg", imageAlt: "Tire services and maintenance"}, { id: 5, - title: "Suspension Repair", - description: - "Shock absorber replacement, strut services, and suspension alignment for a smooth, safe ride.", - imageSrc: - "http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170027.jpg?_wi=1", - imageAlt: "Suspension system repair", - }, + title: "Suspension Repair", description: + "Shock absorber replacement, strut services, and suspension alignment for a smooth, safe ride.", imageSrc: + "http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170027.jpg", imageAlt: "Suspension system repair"}, { id: 6, - title: "General Maintenance", - description: - "Preventive maintenance including fluid checks, belt inspections, and scheduled services to extend your vehicle's lifespan.", - imageSrc: - "http://img.b2bpic.net/free-photo/mechanic-repairing-engine-part_1170-1695.jpg?_wi=1", - imageAlt: "General auto maintenance", - }, + title: "General Maintenance", description: + "Preventive maintenance including fluid checks, belt inspections, and scheduled services to extend your vehicle's lifespan.", imageSrc: + "http://img.b2bpic.net/free-photo/mechanic-repairing-engine-part_1170-1695.jpg", imageAlt: "General auto maintenance"}, ]} /> @@ -217,25 +182,13 @@ export default function HomePage() { gridVariant="uniform-all-items-equal" metrics={[ { - id: "1", - value: "500+", - title: "Happy Customers", - description: "Trusted by local vehicle owners for quality repairs", - icon: Users, + id: "1", value: "500+", title: "Happy Customers", description: "Trusted by local vehicle owners for quality repairs", icon: Users, }, { - id: "2", - value: "15+", - title: "Years Experience", - description: "Decades of combined automotive expertise", - icon: Award, + id: "2", value: "15+", title: "Years Experience", description: "Decades of combined automotive expertise", icon: Award, }, { - id: "3", - value: "98%", - title: "Satisfaction Rate", - description: "Commitment to excellence and customer care", - icon: TrendingUp, + id: "3", value: "98%", title: "Satisfaction Rate", description: "Commitment to excellence and customer care", icon: TrendingUp, }, ]} /> @@ -251,35 +204,17 @@ export default function HomePage() { animationType="slide-up" testimonials={[ { - id: "1", - name: "Maria Gonzalez", - role: "Local Business Owner", - company: "El Segundo", - rating: 5, + id: "1", name: "Maria Gonzalez", role: "Local Business Owner", company: "El Segundo", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg?_wi=1", - imageAlt: "happy customer portrait professional headshot", - }, + "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg", imageAlt: "happy customer portrait professional headshot"}, { - id: "2", - name: "David Chen", - role: "Fleet Manager", - company: "Transportation Services", - rating: 5, + id: "2", name: "David Chen", role: "Fleet Manager", company: "Transportation Services", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg?_wi=1", - imageAlt: "professional woman headshot portrait confident", - }, + "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg", imageAlt: "professional woman headshot portrait confident"}, { - id: "3", - name: "Jessica Miller", - role: "Real Estate Agent", - company: "El Segundo", - rating: 5, + id: "3", name: "Jessica Miller", role: "Real Estate Agent", company: "El Segundo", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/cheerful-young-man-posing-isolated-grey_171337-10579.jpg?_wi=1", - imageAlt: "male professional headshot portrait", - }, + "http://img.b2bpic.net/free-photo/cheerful-young-man-posing-isolated-grey_171337-10579.jpg", imageAlt: "male professional headshot portrait"}, ]} kpiItems={[ { value: "98%", label: "Customer Satisfaction" }, -- 2.49.1 From 2925aae71fa58261f03621909e1e7823b3169c31 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 05:40:02 +0000 Subject: [PATCH 3/3] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 83 +++++++++++-------- 1 file changed, 48 insertions(+), 35 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..399246d 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,64 @@ -"use client"; - -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +import React, { useMemo } from 'react'; interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; + text: string; className?: string; + textClassName?: string; + fontSize?: number; + fontWeight?: number | string; + letterSpacing?: number; + dominantBaseline?: 'auto' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'middle' | 'central' | 'mathematical' | 'hanging'; + textAnchor?: 'start' | 'middle' | 'end'; + fill?: string; + fillOpacity?: number; + textDecoration?: string; + fontFamily?: 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, + className = '', + textClassName = '', + fontSize = 48, + fontWeight = 700, + letterSpacing = 2, + dominantBaseline = 'middle', + textAnchor = 'middle', + fill = 'currentColor', + fillOpacity = 1, + textDecoration = 'none', + fontFamily = 'inherit', +}) => { + const viewBox = useMemo(() => { + const estimatedWidth = text.length * fontSize * 0.6 + letterSpacing * (text.length - 1); + return `0 0 ${Math.ceil(estimatedWidth)} ${Math.ceil(fontSize * 1.5)}`; + }, [text, fontSize, letterSpacing]); return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file -- 2.49.1