bender/9c61e345-29b0-4d95-be65-c3e33e08c431
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 3 commits from version_1 into main 2026-03-12 18:43:04 +00:00
Conversation 0 Commits 3 Files Changed 3 +73 -168
3 changed files with 73 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
src/app/page.tsx
View File

@@ -22,118 +22,57 @@ export default function HomePage() {
const heroTestimonials = [
{
name: "Ahmed Al-Rashid",
handle: "Homeowner, Salmiya",
testimonial: "Excellent service! Fast response and professional work. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-man-with-crossed-arms_23-2147574163.jpg?_wi=1",
imageAlt: "Ahmed Al-Rashid",
},
name: "Ahmed Al-Rashid", handle: "Homeowner, Salmiya", testimonial: "Excellent service! Fast response and professional work. Highly recommended.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-man-with-crossed-arms_23-2147574163.jpg", imageAlt: "Ahmed Al-Rashid"},
{
name: "Fatima Khan",
handle: "Business Owner",
testimonial: "Outstanding customer service and quality work. They fixed our electrical issue same day.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-posing-outdoors_23-2148603023.jpg?_wi=1",
imageAlt: "Fatima Khan",
},
name: "Fatima Khan", handle: "Business Owner", testimonial: "Outstanding customer service and quality work. They fixed our electrical issue same day.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-posing-outdoors_23-2148603023.jpg", imageAlt: "Fatima Khan"},
{
name: "Mohammed Ibrahim",
handle: "Property Manager",
testimonial: "PEH is our go-to for all maintenance needs. Reliable and professional team.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handsome-young-man-classic-white-shirt-red-tie-smiling-showing-ok-sign-while-posing-pink-background-stylish-haircut-sincere-emotions-concept-copy-space-cl_639032-2296.jpg?_wi=1",
imageAlt: "Mohammed Ibrahim",
},
name: "Mohammed Ibrahim", handle: "Property Manager", testimonial: "PEH is our go-to for all maintenance needs. Reliable and professional team.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handsome-young-man-classic-white-shirt-red-tie-smiling-showing-ok-sign-while-posing-pink-background-stylish-haircut-sincere-emotions-concept-copy-space-cl_639032-2296.jpg", imageAlt: "Mohammed Ibrahim"},
{
name: "Leila Al-Dosari",
handle: "Homeowner",
testimonial: "Great quality products and friendly staff. Best hardware store in Salmiya.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-happy-woman-smiling-cross-arms-chest-like-professional-standing-white-wall_176420-42647.jpg?_wi=1",
imageAlt: "Leila Al-Dosari",
},
name: "Leila Al-Dosari", handle: "Homeowner", testimonial: "Great quality products and friendly staff. Best hardware store in Salmiya.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-happy-woman-smiling-cross-arms-chest-like-professional-standing-white-wall_176420-42647.jpg", imageAlt: "Leila Al-Dosari"},
];
const servicesFeatures = [
{
title: "Plumbing Services",
description: "Repairs, installations, maintenance, and emergency plumbing solutions",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg?_wi=1",
imageAlt: "Professional plumbing service",
buttonIcon: Droplet,
title: "Plumbing Services", description: "Repairs, installations, maintenance, and emergency plumbing solutions", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg", imageAlt: "Professional plumbing service", buttonIcon: Droplet,
},
{
title: "Electrical Services",
description: "Wiring, repairs, maintenance, safety inspections, and upgrades",
imageSrc: "http://img.b2bpic.net/free-photo/electrician-construction-worker-overalls-with-drill-installation-sockets-home-renovation-concept_169016-7331.jpg?_wi=1",
imageAlt: "Professional electrical service",
buttonIcon: Zap,
title: "Electrical Services", description: "Wiring, repairs, maintenance, safety inspections, and upgrades", imageSrc: "http://img.b2bpic.net/free-photo/electrician-construction-worker-overalls-with-drill-installation-sockets-home-renovation-concept_169016-7331.jpg", imageAlt: "Professional electrical service", buttonIcon: Zap,
},
{
title: "Hardware Supplies",
description: "Premium quality plumbing, electrical fixtures, tools, and materials",
imageSrc: "http://img.b2bpic.net/free-photo/storage-room-worker-having-remote-conversation-with-supervisor-talking-landline-phone-storage-room-woman-working-products-inventory-checking-boxes-with-clients-orders-preparing-shipment_482257-73189.jpg?_wi=1",
imageAlt: "Quality hardware products",
buttonIcon: Package,
title: "Hardware Supplies", description: "Premium quality plumbing, electrical fixtures, tools, and materials", imageSrc: "http://img.b2bpic.net/free-photo/storage-room-worker-having-remote-conversation-with-supervisor-talking-landline-phone-storage-room-woman-working-products-inventory-checking-boxes-with-clients-orders-preparing-shipment_482257-73189.jpg", imageAlt: "Quality hardware products", buttonIcon: Package,
},
];
const whyChooseFeatures = [
{
title: "Certified Professionals",
description: "Trained, licensed, and experienced technicians dedicated to quality workmanship",
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367531.jpg",
imageAlt: "Certified professional service",
buttonIcon: CheckCircle,
title: "Certified Professionals", description: "Trained, licensed, and experienced technicians dedicated to quality workmanship", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367531.jpg", imageAlt: "Certified professional service", buttonIcon: CheckCircle,
},
{
title: "Fast Service Response",
description: "Same-day service available. Quick turnaround on repairs and installations",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-delivery-guy-with-pos-machine_23-2148546105.jpg",
imageAlt: "Fast service response",
buttonIcon: Zap,
title: "Fast Service Response", description: "Same-day service available. Quick turnaround on repairs and installations", imageSrc: "http://img.b2bpic.net/free-photo/smiley-delivery-guy-with-pos-machine_23-2148546105.jpg", imageAlt: "Fast service response", buttonIcon: Zap,
},
{
title: "Friendly & Professional",
description: "Courteous staff, transparent pricing, and commitment to customer satisfaction",
imageSrc: "http://img.b2bpic.net/free-photo/woman-living-with-disability-answering-client-call-customer-service-wheelchair-user-with-physical-health-condition-working-helpline-support-helpdesk-operator-with-chronic-pain_482257-47208.jpg",
imageAlt: "Friendly professional service",
buttonIcon: Smile,
title: "Friendly & Professional", description: "Courteous staff, transparent pricing, and commitment to customer satisfaction", imageSrc: "http://img.b2bpic.net/free-photo/woman-living-with-disability-answering-client-call-customer-service-wheelchair-user-with-physical-health-condition-working-helpline-support-helpdesk-operator-with-chronic-pain_482257-47208.jpg", imageAlt: "Friendly professional service", buttonIcon: Smile,
},
];
const testimonialAvatars = [
{
id: "1",
name: "Ahmed Al-Rashid",
imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-man-with-crossed-arms_23-2147574163.jpg?_wi=2",
imageAlt: "Ahmed Al-Rashid",
},
id: "1", name: "Ahmed Al-Rashid", imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-man-with-crossed-arms_23-2147574163.jpg", imageAlt: "Ahmed Al-Rashid"},
{
id: "2",
name: "Fatima Khan",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-posing-outdoors_23-2148603023.jpg?_wi=2",
imageAlt: "Fatima Khan",
},
id: "2", name: "Fatima Khan", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-posing-outdoors_23-2148603023.jpg", imageAlt: "Fatima Khan"},
{
id: "3",
name: "Mohammed Ibrahim",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handsome-young-man-classic-white-shirt-red-tie-smiling-showing-ok-sign-while-posing-pink-background-stylish-haircut-sincere-emotions-concept-copy-space-cl_639032-2296.jpg?_wi=2",
imageAlt: "Mohammed Ibrahim",
},
id: "3", name: "Mohammed Ibrahim", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handsome-young-man-classic-white-shirt-red-tie-smiling-showing-ok-sign-while-posing-pink-background-stylish-haircut-sincere-emotions-concept-copy-space-cl_639032-2296.jpg", imageAlt: "Mohammed Ibrahim"},
{
id: "4",
name: "Leila Al-Dosari",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-happy-woman-smiling-cross-arms-chest-like-professional-standing-white-wall_176420-42647.jpg?_wi=2",
imageAlt: "Leila Al-Dosari",
},
id: "4", name: "Leila Al-Dosari", imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-happy-woman-smiling-cross-arms-chest-like-professional-standing-white-wall_176420-42647.jpg", imageAlt: "Leila Al-Dosari"},
];
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Plumbing", href: "#services" },
{ label: "Electrical", href: "#services" },
{ label: "Hardware Supplies", href: "#services" },
@@ -141,8 +80,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Reviews", href: "#testimonials" },
{ label: "Book a Technician", href: "#contact" },
@@ -150,8 +88,7 @@ export default function HomePage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Phone: +965 510 93170", href: "tel:+965-510-93170" },
{ label: "WhatsApp", href: "https://wa.me/965510931701" },
{ label: "Location: Saba St, Salmiya", href: "https://maps.app.goo.gl/Tj1V4jtY56xzGreG9" },
@@ -178,9 +115,7 @@ export default function HomePage() {
brandName="PEH"
navItems={navItems}
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
/>
</div>
@@ -190,22 +125,17 @@ export default function HomePage() {
description="PEH provides professional, fast, and reliable plumbing, electrical, and hardware services in Salmiya, Kuwait. Open daily until 11 PM. Call now or book your technician online."
tag="Trusted Local Service"
tagIcon={CheckCircle}
imageSrc="http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg"
imagePosition="right"
imageAlt="Professional plumbing service technician"
background={{
variant: "glowing-orb",
}}
variant: "glowing-orb"}}
testimonials={heroTestimonials}
buttons={[
{
text: "Call Now: +965 510 93170",
href: "tel:+965-510-93170",
},
text: "Call Now: +965 510 93170", href: "tel:+965-510-93170"},
{
text: "Book Service",
href: "/contact",
},
text: "Book Service", href: "/contact"},
]}
useInvertedBackground={false}
mediaAnimation="slide-up"
@@ -216,14 +146,10 @@ export default function HomePage() {
<TextSplitAbout
title="About PEH"
description={[
"Plumbing Electrical Hardware - PEH is your trusted local service partner in Salmiya, Kuwait. With years of expertise in plumbing, electrical work, and hardware supplies, we're committed to delivering professional, affordable solutions for residential and commercial customers.",
"Located at Saba St, Salmiya, we offer same-day service, certified technicians, and a wide selection of premium hardware products. Open daily until 11 PM to serve your needs. Our 4.3-star rating reflects our commitment to customer satisfaction and quality workmanship.",
]}
"Plumbing Electrical Hardware - PEH is your trusted local service partner in Salmiya, Kuwait. With years of expertise in plumbing, electrical work, and hardware supplies, we're committed to delivering professional, affordable solutions for residential and commercial customers.", "Located at Saba St, Salmiya, we offer same-day service, certified technicians, and a wide selection of premium hardware products. Open daily until 11 PM to serve your needs. Our 4.3-star rating reflects our commitment to customer satisfaction and quality workmanship."]}
buttons={[
{
text: "WhatsApp Us",
href: "https://wa.me/965510931701",
},
text: "WhatsApp Us", href: "https://wa.me/965510931701"},
]}
showBorder={true}
useInvertedBackground={true}
@@ -239,7 +165,6 @@ export default function HomePage() {
features={servicesFeatures}
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="slide-up"
/>
</div>
@@ -252,7 +177,6 @@ export default function HomePage() {
features={whyChooseFeatures}
textboxLayout="default"
useInvertedBackground={true}
mediaAnimation="slide-up"
/>
</div>
@@ -274,8 +198,7 @@ export default function HomePage() {
title="Ready to Book Your Service?"
description="Contact PEH today via phone, WhatsApp, or email. Available daily until 11 PM."
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
useInvertedBackground={false}
buttonText="Submit"
inputPlaceholder="Enter your email or phone number"
@@ -285,7 +208,7 @@ export default function HomePage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/storage-room-worker-having-remote-conversation-with-supervisor-talking-landline-phone-storage-room-woman-working-products-inventory-checking-boxes-with-clients-orders-preparing-shipment_482257-73189.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/storage-room-worker-having-remote-conversation-with-supervisor-talking-landline-phone-storage-room-woman-working-products-inventory-checking-boxes-with-clients-orders-preparing-shipment_482257-73189.jpg"
imageAlt="PEH Hardware Store"
logoText="PEH"
copyrightText="© 2025 Plumbing Electrical Hardware - PEH. All rights reserved."

34
src/app/services/page.tsx
View File

@@ -20,8 +20,7 @@ export default function ServicesPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Plumbing", href: "#services" },
{ label: "Electrical", href: "#services" },
{ label: "Hardware Supplies", href: "#services" },
@@ -29,8 +28,7 @@ export default function ServicesPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Reviews", href: "#testimonials" },
{ label: "Book a Technician", href: "#contact" },
@@ -38,8 +36,7 @@ export default function ServicesPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Phone: +965 510 93170", href: "tel:+965-510-93170" },
{ label: "WhatsApp", href: "https://wa.me/965510931701" },
{ label: "Location: Saba St, Salmiya", href: "https://maps.app.goo.gl/Tj1V4jtY56xzGreG9" },
@@ -73,9 +70,7 @@ export default function ServicesPage() {
<TextSplitAbout
title="Our Complete Service Range"
description={[
"PEH delivers comprehensive plumbing, electrical, and hardware solutions designed to meet the diverse needs of residential and commercial customers throughout Salmiya, Kuwait.",
"Each service is backed by certified professionals, premium materials, and a commitment to excellence. Whether you need emergency repairs, routine maintenance, or quality hardware supplies, we have the expertise and products to exceed your expectations.",
]}
"PEH delivers comprehensive plumbing, electrical, and hardware solutions designed to meet the diverse needs of residential and commercial customers throughout Salmiya, Kuwait.", "Each service is backed by certified professionals, premium materials, and a commitment to excellence. Whether you need emergency repairs, routine maintenance, or quality hardware supplies, we have the expertise and products to exceed your expectations."]}
buttons={[{ text: "Book a Service", href: "#contact" }]}
showBorder={true}
useInvertedBackground={false}
@@ -90,30 +85,17 @@ export default function ServicesPage() {
tagIcon={Wrench}
features={[
{
title: "Plumbing Services",
description: "From pipe repairs and installation to emergency leak detection and maintenance, our certified plumbers handle all your residential and commercial plumbing needs with precision and care.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg?_wi=3",
imageAlt: "Professional plumbing service",
buttonIcon: Droplet,
title: "Plumbing Services", description: "From pipe repairs and installation to emergency leak detection and maintenance, our certified plumbers handle all your residential and commercial plumbing needs with precision and care.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg", imageAlt: "Professional plumbing service", buttonIcon: Droplet,
},
{
title: "Electrical Services",
description: "Complete electrical solutions including wiring, circuit breaker installation, safety inspections, repairs, and upgrades. Our electricians ensure your systems are safe, efficient, and compliant.",
imageSrc: "http://img.b2bpic.net/free-photo/electrician-construction-worker-overalls-with-drill-installation-sockets-home-renovation-concept_169016-7331.jpg?_wi=2",
imageAlt: "Professional electrical service",
buttonIcon: Zap,
title: "Electrical Services", description: "Complete electrical solutions including wiring, circuit breaker installation, safety inspections, repairs, and upgrades. Our electricians ensure your systems are safe, efficient, and compliant.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-construction-worker-overalls-with-drill-installation-sockets-home-renovation-concept_169016-7331.jpg", imageAlt: "Professional electrical service", buttonIcon: Zap,
},
{
title: "Hardware & Supplies",
description: "Premium quality plumbing fixtures, electrical equipment, tools, and building materials. Our extensive inventory ensures you find exactly what you need for any project.",
imageSrc: "http://img.b2bpic.net/free-photo/storage-room-worker-having-remote-conversation-with-supervisor-talking-landline-phone-storage-room-woman-working-products-inventory-checking-boxes-with-clients-orders-preparing-shipment_482257-73189.jpg?_wi=3",
imageAlt: "Quality hardware products",
buttonIcon: Package,
title: "Hardware & Supplies", description: "Premium quality plumbing fixtures, electrical equipment, tools, and building materials. Our extensive inventory ensures you find exactly what you need for any project.", imageSrc: "http://img.b2bpic.net/free-photo/storage-room-worker-having-remote-conversation-with-supervisor-talking-landline-phone-storage-room-woman-working-products-inventory-checking-boxes-with-clients-orders-preparing-shipment_482257-73189.jpg", imageAlt: "Quality hardware products", buttonIcon: Package,
},
]}
textboxLayout="default"
useInvertedBackground={true}
mediaAnimation="slide-up"
/>
</div>
@@ -133,7 +115,7 @@ export default function ServicesPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/storage-room-worker-having-remote-conversation-with-supervisor-talking-landline-phone-storage-room-woman-working-products-inventory-checking-boxes-with-clients-orders-preparing-shipment_482257-73189.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-photo/storage-room-worker-having-remote-conversation-with-supervisor-talking-landline-phone-storage-room-woman-working-products-inventory-checking-boxes-with-clients-orders-preparing-shipment_482257-73189.jpg"
imageAlt="PEH Hardware Store"
logoText="PEH"
copyrightText="© 2025 Plumbing Electrical Hardware - PEH. All rights reserved."

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

@@ -1,51 +1,51 @@
"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;
fontSize?: number;
fontWeight?: number | string;
fill?: string;
strokeWidth?: number;
stroke?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text = "Logo", className = "", textClassName = "", fontSize = 48,
fontWeight = 700,
fill = "currentColor", strokeWidth = 0,
stroke = "none"}) => {
const textLength = text.length;
const charWidth = fontSize * 0.6;
const width = Math.max(textLength * charWidth + 20, 100);
const height = fontSize + 20;
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
width={width}
height={height}
viewBox={`0 0 ${width} ${height}`}
xmlns="http://www.w3.org/2000/svg"
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={width / 2}
y={height / 2}
textAnchor="middle"
dominantBaseline="middle"
fontSize={fontSize}
fontWeight={fontWeight}
fill={fill}
strokeWidth={strokeWidth}
stroke={stroke}
className={textClassName}
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;