bender/7c41259a-bab9-4492-91e4-5402f5e573f5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-03-10 22:50:54 +00:00
Conversation 0 Commits 4 Files Changed 4 +96 -257
4 changed files with 96 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/contact/page.tsx
View File

@@ -58,7 +58,7 @@ export default function ContactPage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
@@ -72,9 +72,7 @@ export default function ContactPage() {
id: item.id,
}))}
button={{
text: "Call Now",
href: "tel:+1-555-0123",
}}
text: "Call Now", href: "tel:+1-555-0123"}}
/>
</div>
@@ -84,9 +82,9 @@ export default function ContactPage() {
title="Need a Mechanic Today?"
description="Fast, honest mobile mechanic service you can trust. Call now or request service online to get your vehicle fixed quickly."
tagIcon={Wrench}
background={{ variant: "aurora" }}
background={{ variant: "glowing-orb" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/we-are-opened-business_637285-11603.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/we-are-opened-business_637285-11603.jpg"
imageAlt="Professional mobile mechanic ready to help"
mediaAnimation="slide-up"
mediaPosition="right"

205
src/app/page.tsx
View File

@@ -1,7 +1,7 @@
"use client";
import Link from "next/link";
import { Wrench, Star, Zap, CheckCircle, Lightbulb, MapPin, Phone } from "lucide-react";
import { Wrench, Star, Zap, CheckCircle, Lightbulb, MapPin, Phone, Clock, DollarSign, Heart, Shield } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
@@ -56,7 +56,7 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
@@ -70,9 +70,7 @@ export default function HomePage() {
{ name: "Services", id: "/services" },
]}
button={{
text: "Call Now",
href: "tel:+1-555-0123",
}}
text: "Call Now", href: "tel:+1-555-0123"}}
/>
</div>
@@ -82,46 +80,30 @@ export default function HomePage() {
description="Fast, honest auto repair without the hassle of a shop visit. Same-day service, fair pricing, and friendly local mechanics you can trust."
tag="Trusted Local Service"
tagIcon={Wrench}
background={{ variant: "aurora" }}
background={{ variant: "glowing-orb" }}
buttons={[
{ text: "Call Now", href: "tel:+1-555-0123" },
{ text: "Request Service", href: "/contact" },
]}
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-auto-mechanics-standing-lifted-car-garage_496169-1091.jpg",
imageAlt: "Mobile mechanic working on vehicle",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-auto-mechanics-standing-lifted-car-garage_496169-1091.jpg", imageAlt: "Mobile mechanic working on vehicle"},
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11795.jpg",
imageAlt: "Professional auto repair service",
},
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11795.jpg", imageAlt: "Professional auto repair service"},
{
imageSrc: "http://img.b2bpic.net/free-photo/engineer-does-checkup-client-car_482257-76153.jpg",
imageAlt: "Mechanic providing honest diagnosis",
},
imageSrc: "http://img.b2bpic.net/free-photo/engineer-does-checkup-client-car_482257-76153.jpg", imageAlt: "Mechanic providing honest diagnosis"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-female-worker-uniform-holding-clock-while-showing-thumb-up-looking-pleased-front-view_176474-34399.jpg",
imageAlt: "Same-day mobile repair",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-female-worker-uniform-holding-clock-while-showing-thumb-up-looking-pleased-front-view_176474-34399.jpg", imageAlt: "Same-day mobile repair"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11797.jpg",
imageAlt: "Vehicle repair in progress",
},
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11797.jpg", imageAlt: "Vehicle repair in progress"},
{
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-request-help-from-coworker_482257-76115.jpg",
imageAlt: "Professional mechanics at work",
},
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-request-help-from-coworker_482257-76115.jpg", imageAlt: "Professional mechanics at work"},
{
imageSrc: "http://img.b2bpic.net/free-photo/expert-shows-client-car-checkup-steps_482257-75509.jpg",
imageAlt: "Quality auto repair service",
},
imageSrc: "http://img.b2bpic.net/free-photo/expert-shows-client-car-checkup-steps_482257-75509.jpg", imageAlt: "Quality auto repair service"},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-company-manager-handshaking-with-worker-while-visiting-factory-plant_637285-4158.jpg",
imageAlt: "Customer service excellence",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-company-manager-handshaking-with-worker-while-visiting-factory-plant_637285-4158.jpg", imageAlt: "Customer service excellence"},
]}
carouselPosition="right"
/>
@@ -136,41 +118,17 @@ export default function HomePage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Stephanie Yap",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-european-woman-casual-sweater-pink-wall_343596-5835.jpg?_wi=1",
imageAlt: "Stephanie Yap - Customer",
},
id: "1", name: "Stephanie Yap", imageSrc: "http://img.b2bpic.net/free-photo/pretty-european-woman-casual-sweater-pink-wall_343596-5835.jpg", imageAlt: "Stephanie Yap - Customer"},
{
id: "2",
name: "Michael Chen",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-hands-furious-gesture-blue-suit-looking-annoyed-front-view_176474-14898.jpg?_wi=1",
imageAlt: "Michael Chen - Customer",
},
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-hands-furious-gesture-blue-suit-looking-annoyed-front-view_176474-14898.jpg", imageAlt: "Michael Chen - Customer"},
{
id: "3",
name: "Emma Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg?_wi=1",
imageAlt: "Emma Rodriguez - Customer",
},
id: "3", name: "Emma Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg", imageAlt: "Emma Rodriguez - Customer"},
{
id: "4",
name: "David Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg?_wi=1",
imageAlt: "David Johnson - Customer",
},
id: "4", name: "David Johnson", imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg", imageAlt: "David Johnson - Customer"},
{
id: "5",
name: "Sarah Wilson",
imageSrc: "http://img.b2bpic.net/free-photo/successful-middle-aged-businesswoman-showing-ok-okay-sign-nod-approval-smiling-pleased-approve-something-good-white-background_176420-50223.jpg?_wi=1",
imageAlt: "Sarah Wilson - Customer",
},
id: "5", name: "Sarah Wilson", imageSrc: "http://img.b2bpic.net/free-photo/successful-middle-aged-businesswoman-showing-ok-okay-sign-nod-approval-smiling-pleased-approve-something-good-white-background_176420-50223.jpg", imageAlt: "Sarah Wilson - Customer"},
{
id: "6",
name: "James Kim",
imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-smiling-hipster-man-city-cafe-lunch-time-with-notebook-suit_158538-8049.jpg?_wi=1",
imageAlt: "James Kim - Customer",
},
id: "6", name: "James Kim", imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-smiling-hipster-man-city-cafe-lunch-time-with-notebook-suit_158538-8049.jpg", imageAlt: "James Kim - Customer"},
]}
/>
</div>
@@ -183,53 +141,23 @@ export default function HomePage() {
tagIcon={Zap}
features={[
{
title: "Mobile Auto Repair",
description: "Complete diagnostic and repair services at your home or office",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-car-service-using-professional-mechanical-tool-repair-broken-fuel-tank-proficient-expert-garage-fixing-client-automobile-ensuring-optimal-automotive-performance_482257-73045.jpg?_wi=1",
imageAlt: "Mobile auto repair service",
buttonIcon: Phone,
buttonHref: "/services",
},
title: "Mobile Auto Repair", description: "Complete diagnostic and repair services at your home or office", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-car-service-using-professional-mechanical-tool-repair-broken-fuel-tank-proficient-expert-garage-fixing-client-automobile-ensuring-optimal-automotive-performance_482257-73045.jpg", imageAlt: "Mobile auto repair service", buttonIcon: Phone,
buttonHref: "/services"},
{
title: "Brake Repair",
description: "Safe and reliable brake system repair and replacement",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-checking-car-tires_23-2148332948.jpg?_wi=1",
imageAlt: "Professional brake repair",
buttonIcon: Phone,
buttonHref: "/services",
},
title: "Brake Repair", description: "Safe and reliable brake system repair and replacement", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-checking-car-tires_23-2148332948.jpg", imageAlt: "Professional brake repair", buttonIcon: Phone,
buttonHref: "/services"},
{
title: "Suspension & Ball Joints",
description: "Expert suspension system diagnosis and repair",
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-car-auto-repair-shop_23-2150377029.jpg?_wi=1",
imageAlt: "Suspension repair service",
buttonIcon: Phone,
buttonHref: "/services",
},
title: "Suspension & Ball Joints", description: "Expert suspension system diagnosis and repair", imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-car-auto-repair-shop_23-2150377029.jpg", imageAlt: "Suspension repair service", buttonIcon: Phone,
buttonHref: "/services"},
{
title: "Battery Replacement",
description: "Quick and reliable battery replacement service",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-motor_23-2147897979.jpg?_wi=1",
imageAlt: "Battery replacement service",
buttonIcon: Phone,
buttonHref: "/services",
},
title: "Battery Replacement", description: "Quick and reliable battery replacement service", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-motor_23-2147897979.jpg", imageAlt: "Battery replacement service", buttonIcon: Phone,
buttonHref: "/services"},
{
title: "Car Diagnostics",
description: "Advanced diagnostic services to identify any vehicle issues",
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-using-laptop-cooperating-with-coworker-while-doing-car-diagnostic-repair-shop_637285-4275.jpg?_wi=1",
imageAlt: "Car diagnostic service",
buttonIcon: Phone,
buttonHref: "/services",
},
title: "Car Diagnostics", description: "Advanced diagnostic services to identify any vehicle issues", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-using-laptop-cooperating-with-coworker-while-doing-car-diagnostic-repair-shop_637285-4275.jpg", imageAlt: "Car diagnostic service", buttonIcon: Phone,
buttonHref: "/services"},
{
title: "General Maintenance",
description: "Oil changes, fluid checks, and preventative maintenance",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car_329181-11830.jpg?_wi=1",
imageAlt: "Vehicle maintenance service",
buttonIcon: Phone,
buttonHref: "/services",
},
title: "General Maintenance", description: "Oil changes, fluid checks, and preventative maintenance", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car_329181-11830.jpg", imageAlt: "Vehicle maintenance service", buttonIcon: Phone,
buttonHref: "/services"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -245,29 +173,17 @@ export default function HomePage() {
tagIcon={CheckCircle}
metrics={[
{
id: "1",
icon: Clock,
title: "Same Day Service",
value: "Fast & Convenient",
},
id: "1", icon: Clock,
title: "Same Day Service", value: "Fast & Convenient"},
{
id: "2",
icon: DollarSign,
title: "Fair Pricing",
value: "No Hidden Fees",
},
id: "2", icon: DollarSign,
title: "Fair Pricing", value: "No Hidden Fees"},
{
id: "3",
icon: Heart,
title: "Friendly Service",
value: "Local & Professional",
},
id: "3", icon: Heart,
title: "Friendly Service", value: "Local & Professional"},
{
id: "4",
icon: ShieldCheck,
title: "Honest Diagnosis",
value: "Clear Explanations",
},
id: "4", icon: Shield,
title: "Honest Diagnosis", value: "Clear Explanations"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -300,37 +216,17 @@ export default function HomePage() {
tagIcon={MapPin}
features={[
{
title: "Downtown District",
description: "Fast response times for all downtown locations",
imageSrc: "http://img.b2bpic.net/free-photo/census-concept-photographed-urban-composition_23-2148993174.jpg",
imageAlt: "Downtown service area",
buttonIcon: Phone,
buttonHref: "tel:+1-555-0123",
},
title: "Downtown District", description: "Fast response times for all downtown locations", imageSrc: "http://img.b2bpic.net/free-photo/census-concept-photographed-urban-composition_23-2148993174.jpg", imageAlt: "Downtown service area", buttonIcon: Phone,
buttonHref: "tel:+1-555-0123"},
{
title: "Residential Areas",
description: "Convenient home repair services in your neighborhood",
imageSrc: "http://img.b2bpic.net/free-photo/view-city-roofs_1161-105.jpg",
imageAlt: "Residential service area",
buttonIcon: Phone,
buttonHref: "tel:+1-555-0123",
},
title: "Residential Areas", description: "Convenient home repair services in your neighborhood", imageSrc: "http://img.b2bpic.net/free-photo/view-city-roofs_1161-105.jpg", imageAlt: "Residential service area", buttonIcon: Phone,
buttonHref: "tel:+1-555-0123"},
{
title: "Business Districts",
description: "Corporate fleet maintenance and support",
imageSrc: "http://img.b2bpic.net/free-photo/parked-vehicles-aerial-view_23-2148959696.jpg",
imageAlt: "Business district service area",
buttonIcon: Phone,
buttonHref: "tel:+1-555-0123",
},
title: "Business Districts", description: "Corporate fleet maintenance and support", imageSrc: "http://img.b2bpic.net/free-photo/parked-vehicles-aerial-view_23-2148959696.jpg", imageAlt: "Business district service area", buttonIcon: Phone,
buttonHref: "tel:+1-555-0123"},
{
title: "Suburbs & Beyond",
description: "Extended service radius for greater convenience",
imageSrc: "http://img.b2bpic.net/free-photo/peaceful-town-with-clear-sky_23-2148739346.jpg",
imageAlt: "Suburban service area",
buttonIcon: Phone,
buttonHref: "tel:+1-555-0123",
},
title: "Suburbs & Beyond", description: "Extended service radius for greater convenience", imageSrc: "http://img.b2bpic.net/free-photo/peaceful-town-with-clear-sky_23-2148739346.jpg", imageAlt: "Suburban service area", buttonIcon: Phone,
buttonHref: "tel:+1-555-0123"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -344,9 +240,9 @@ export default function HomePage() {
title="Need a Mechanic Today?"
description="Fast, honest mobile mechanic service you can trust. Call now or request service online to get your vehicle fixed quickly."
tagIcon={Wrench}
background={{ variant: "aurora" }}
background={{ variant: "glowing-orb" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/we-are-opened-business_637285-11603.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/we-are-opened-business_637285-11603.jpg"
imageAlt="Professional mobile mechanic ready to help"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -364,7 +260,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
// Import missing icons
import { Clock, DollarSign, Heart, ShieldCheck } from "lucide-react";
}

76
src/app/pricing/page.tsx
View File

@@ -17,7 +17,7 @@ export default function PricingPage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
@@ -35,9 +35,7 @@ export default function PricingPage() {
{ name: "Service Areas", id: "/service-areas" },
]}
button={{
text: "Call Now",
href: "tel:+1-555-0123",
}}
text: "Call Now", href: "tel:+1-555-0123"}}
/>
</div>
@@ -49,13 +47,9 @@ export default function PricingPage() {
useInvertedBackground={false}
buttons={[
{
text: "Call Now",
href: "tel:+1-555-0123",
},
text: "Call Now", href: "tel:+1-555-0123"},
{
text: "Request Service",
href: "#contact",
},
text: "Request Service", href: "#contact"},
]}
/>
</div>
@@ -69,61 +63,29 @@ export default function PricingPage() {
tagIcon={Zap}
features={[
{
title: "Basic Maintenance",
description: "Oil changes, fluid checks, air filter replacement, and preventative maintenance to keep your vehicle running smoothly.",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car_329181-11830.jpg?_wi=3",
imageAlt: "Basic maintenance service",
buttonIcon: ArrowRight,
buttonHref: "tel:+1-555-0123",
},
title: "Basic Maintenance", description: "Oil changes, fluid checks, air filter replacement, and preventative maintenance to keep your vehicle running smoothly.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car_329181-11830.jpg", imageAlt: "Basic maintenance service", buttonIcon: ArrowRight,
buttonHref: "tel:+1-555-0123"},
{
title: "Brake Service",
description: "Complete brake system inspection, pad replacement, rotor resurfacing, and fluid replacement for safe reliable braking.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-checking-car-tires_23-2148332948.jpg?_wi=3",
imageAlt: "Brake service",
buttonIcon: ArrowRight,
buttonHref: "tel:+1-555-0123",
},
title: "Brake Service", description: "Complete brake system inspection, pad replacement, rotor resurfacing, and fluid replacement for safe reliable braking.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-checking-car-tires_23-2148332948.jpg", imageAlt: "Brake service", buttonIcon: ArrowRight,
buttonHref: "tel:+1-555-0123"},
{
title: "Suspension Repair",
description: "Suspension diagnosis, ball joint replacement, strut replacement, and alignment services for smooth and safe handling.",
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-car-auto-repair-shop_23-2150377029.jpg?_wi=3",
imageAlt: "Suspension repair",
buttonIcon: ArrowRight,
buttonHref: "tel:+1-555-0123",
},
title: "Suspension Repair", description: "Suspension diagnosis, ball joint replacement, strut replacement, and alignment services for smooth and safe handling.", imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-car-auto-repair-shop_23-2150377029.jpg", imageAlt: "Suspension repair", buttonIcon: ArrowRight,
buttonHref: "tel:+1-555-0123"},
{
title: "Diagnostic Services",
description: "Advanced vehicle diagnostics to identify engine problems, electrical issues, and warning light diagnosis with detailed reports.",
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-using-laptop-cooperating-with-coworker-while-doing-car-diagnostic-repair-shop_637285-4275.jpg?_wi=3",
imageAlt: "Diagnostic services",
buttonIcon: ArrowRight,
buttonHref: "tel:+1-555-0123",
},
title: "Diagnostic Services", description: "Advanced vehicle diagnostics to identify engine problems, electrical issues, and warning light diagnosis with detailed reports.", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-using-laptop-cooperating-with-coworker-while-doing-car-diagnostic-repair-shop_637285-4275.jpg", imageAlt: "Diagnostic services", buttonIcon: ArrowRight,
buttonHref: "tel:+1-555-0123"},
{
title: "Battery Replacement",
description: "Battery testing, replacement, and disposal with installation of quality batteries backed by manufacturer warranty.",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-motor_23-2147897979.jpg?_wi=3",
imageAlt: "Battery replacement",
buttonIcon: ArrowRight,
buttonHref: "tel:+1-555-0123",
},
title: "Battery Replacement", description: "Battery testing, replacement, and disposal with installation of quality batteries backed by manufacturer warranty.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-motor_23-2147897979.jpg", imageAlt: "Battery replacement", buttonIcon: ArrowRight,
buttonHref: "tel:+1-555-0123"},
{
title: "Major Repairs",
description: "Complex repairs including transmission work, engine repair, electrical troubleshooting, and custom solutions for unique problems.",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-car-service-using-professional-mechanical-tool-repair-broken-fuel-tank-proficient-expert-garage-fixing-client-automobile-ensuring-optimal-automotive-performance_482257-73045.jpg?_wi=3",
imageAlt: "Major repairs",
buttonIcon: ArrowRight,
buttonHref: "tel:+1-555-0123",
},
title: "Major Repairs", description: "Complex repairs including transmission work, engine repair, electrical troubleshooting, and custom solutions for unique problems.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-car-service-using-professional-mechanical-tool-repair-broken-fuel-tank-proficient-expert-garage-fixing-client-automobile-ensuring-optimal-automotive-performance_482257-73045.jpg", imageAlt: "Major repairs", buttonIcon: ArrowRight,
buttonHref: "tel:+1-555-0123"},
]}
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{
text: "View All Services",
href: "/services",
},
text: "View All Services", href: "/services"},
]}
/>
</div>
@@ -135,9 +97,9 @@ export default function PricingPage() {
title="Get Your Vehicle Serviced Today"
description="Contact us now for a free estimate or to schedule your mobile mechanic service. We offer flexible appointment times and same-day service availability."
tagIcon={Wrench}
background={{ variant: "aurora" }}
background={{ variant: "glowing-orb" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/we-are-opened-business_637285-11603.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/we-are-opened-business_637285-11603.jpg"
imageAlt="Mobile mechanic ready to help"
mediaAnimation="slide-up"
mediaPosition="right"

62
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,37 @@
"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;
size?: number;
weight?: number;
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export default function SvgTextLogo({
text,
size = 32,
weight = 700,
className = '',
}: SvgTextLogoProps) {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
width={size * 3}
height={size}
viewBox={`0 0 ${size * 3} ${size}`}
className={className}
aria-label={text}
>
<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"
}}
x={size * 1.5}
y={size * 0.7}
fontSize={size}
fontWeight={weight}
textAnchor="middle"
dominantBaseline="middle"
fill="currentColor"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
}