bender/9164008e-574e-4a28-b593-869d1bdfb535
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-12 11:45:58 +00:00
Conversation 0 Commits 2 Files Changed 2 +28 -47
2 changed files with 28 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { AlertTriangle, Award, CheckCircle, Clock, DollarSign, Droplet, Droplets, Home, Mail, Pipe, Phone, Shield, Star, Users, Wrench, Zap } from "lucide-react";
import { AlertTriangle, Award, CheckCircle, Clock, DollarSign, Droplet, Droplets, Home, Mail, Phone, Shield, Star, Users, Wrench, Zap } from "lucide-react";
export default function LandingPage() {
return (
@@ -49,7 +49,7 @@ export default function LandingPage() {
tag="24/7 Emergency Service"
tagIcon={Zap}
tagAnimation="slide-up"
background={{ variant: "circleGradient" }}
background={{ variant: "glowing-orb" }}
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg", imageAlt: "Modern luxury bathroom" },
{ imageSrc: "http://img.b2bpic.net/free-photo/nobody-interior-bathtub-new-contemporary_1203-5189.jpg", imageAlt: "Professional bathroom installation" },
@@ -57,10 +57,10 @@ export default function LandingPage() {
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746308.jpg", imageAlt: "Emergency leak repair" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg?_wi=1", imageAlt: "Professional plumber at work" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg", imageAlt: "Professional plumber at work" },
{ imageSrc: "http://img.b2bpic.net/free-photo/adjusting-heating-valves-residential-building_169016-53761.jpg", imageAlt: "Sump pump installation" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367540.jpg?_wi=1", imageAlt: "Team member Alex" },
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-builder-man-uniform-looks-points-camera-olive-green_141793-69352.jpg?_wi=1", imageAlt: "Team member Don" }
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367540.jpg", imageAlt: "Team member Alex" },
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-builder-man-uniform-looks-points-camera-olive-green_141793-69352.jpg", imageAlt: "Team member Don" }
]}
buttons={[
{ text: "Call Now", href: "tel:(519)980-6054" },
@@ -96,7 +96,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg"
imageAlt="Professional plumber explaining work"
mediaAnimation="slide-up"
bulletPoints={[
@@ -125,7 +125,7 @@ export default function LandingPage() {
{ icon: Droplets, title: "Bathroom Plumbing", description: "Complete bathroom installations and renovations. Fixtures, pipes, and systems done with precision." },
{ icon: Home, title: "Basement Plumbing", description: "Basement solutions including rough-ins, finishing, and specialty installations with expert waterproofing." },
{ icon: Zap, title: "Sump Pump Service", description: "Installation, repair, and maintenance of sump pump systems for reliable basement water management." },
{ icon: Pipe, title: "Shut-Off Valve Repair", description: "Emergency shut-off valve repairs and replacements to prevent water damage and restore control." },
{ icon: Shield, title: "Shut-Off Valve Repair", description: "Emergency shut-off valve repairs and replacements to prevent water damage and restore control." },
{ icon: AlertTriangle, title: "Emergency Plumbing", description: "24/7 emergency response for burst pipes, flooding, sump pump failures, and critical issues." }
]}
/>
@@ -144,13 +144,13 @@ export default function LandingPage() {
animationType="slide-up"
members={[
{
id: "1", name: "Alex Chen", role: "Lead Technician", description: "Known for solving tough plumbing problems quickly and explaining everything clearly to customers.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367540.jpg?_wi=2", imageAlt: "Portrait of Alex Chen", socialLinks: [
id: "1", name: "Alex Chen", role: "Lead Technician", description: "Known for solving tough plumbing problems quickly and explaining everything clearly to customers.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367540.jpg", imageAlt: "Portrait of Alex Chen", socialLinks: [
{ icon: Phone, url: "tel:(519)980-6054" },
{ icon: Mail, url: "mailto:info@bubbysplumbing.ca" }
]
},
{
id: "2", name: "Don Rodriguez", role: "Emergency Specialist", description: "Fast response and exceptional customer service. Specialized in emergency repairs and critical installations.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-builder-man-uniform-looks-points-camera-olive-green_141793-69352.jpg?_wi=2", imageAlt: "Portrait of Don Rodriguez", socialLinks: [
id: "2", name: "Don Rodriguez", role: "Emergency Specialist", description: "Fast response and exceptional customer service. Specialized in emergency repairs and critical installations.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-builder-man-uniform-looks-points-camera-olive-green_141793-69352.jpg", imageAlt: "Portrait of Don Rodriguez", socialLinks: [
{ icon: Phone, url: "tel:(519)980-6054" },
{ icon: Mail, url: "mailto:info@bubbysplumbing.ca" }
]
@@ -208,7 +208,7 @@ export default function LandingPage() {
description="Flooding basement? Burst pipe? Sump pump failure? We're available 24 hours a day, 7 days a week. Call now or book online."
tagIcon={AlertTriangle}
tagAnimation="slide-up"
background={{ variant: "circleGradient" }}
background={{ variant: "glowing-orb" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Get Free Consultation"

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

@@ -1,51 +1,32 @@
"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;
textClassName?: string;
}
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 = '',
textClassName = '',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
viewBox={`0 0 ${text.length * 60} 100`}
className={className}
role="img"
aria-label={`${logoText} logo`}
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="50%"
y="50%"
dominantBaseline="middle"
textAnchor="middle"
className={textClassName}
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
};