bender/548c7ead-c777-4376-a881-20df4e5f4962
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-10 23:58:02 +00:00
Conversation 0 Commits 2 Files Changed 2 +40 -49
2 changed files with 40 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/app/page.tsx
View File

@@ -43,25 +43,26 @@ export default function LandingPage() {
<HeroBillboardTestimonial
title="Born Barbers"
description="Premium barbering since 2012. Master craftsmanship, precision cuts, and traditional service in Farmington."
background={{ variant: "glowing-orb" }}
tag="Est. 2012"
tagIcon={Scissors}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149141781.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149141781.jpg"
imageAlt="Born Barbers professional barbershop"
mediaAnimation="slide-up"
useInvertedBackground={false}
testimonials={[
{
name: "Marcus Johnson", handle: "Regular Customer", testimonial: "Best barbershop in town. Always precise, always professional. Been coming here for years!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg?_wi=1", imageAlt: "Marcus Johnson"
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", imageAlt: "Marcus Johnson"
},
{
name: "David Chen", handle: "Loyal Client", testimonial: "The barbers know exactly how I like my cuts. Exceptional attention to detail every time.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg?_wi=1", imageAlt: "David Chen"
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg", imageAlt: "David Chen"
},
{
name: "James Rivera", handle: "Monthly Regular", testimonial: "Born Barbers sets the standard for quality. Highly recommend to anyone looking for real craftsmanship.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg?_wi=1", imageAlt: "James Rivera"
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg", imageAlt: "James Rivera"
}
]}
buttons={[
@@ -114,15 +115,15 @@ export default function LandingPage() {
features={[
{
id: 1,
tag: "Classic", title: "Precision Haircuts", subtitle: "Expert cuts for all styles", description: "From classic to contemporary, our barbers deliver precision cuts tailored to your preferences, face shape, and lifestyle. We use professional techniques perfected over years of experience.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg?_wi=1", imageAlt: "Professional precision haircut"
tag: "Classic", title: "Precision Haircuts", subtitle: "Expert cuts for all styles", description: "From classic to contemporary, our barbers deliver precision cuts tailored to your preferences, face shape, and lifestyle. We use professional techniques perfected over years of experience.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg", imageAlt: "Professional precision haircut"
},
{
id: 2,
tag: "Grooming", title: "Beard & Shave Services", subtitle: "Traditional & modern grooming", description: "Achieve the perfect beard shape with our grooming expertise. We offer straight razor shaves and beard sculpting for a polished, professional appearance.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg?_wi=2", imageAlt: "Beard grooming service"
tag: "Grooming", title: "Beard & Shave Services", subtitle: "Traditional & modern grooming", description: "Achieve the perfect beard shape with our grooming expertise. We offer straight razor shaves and beard sculpting for a polished, professional appearance.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg", imageAlt: "Beard grooming service"
},
{
id: 3,
tag: "Styling", title: "Fades & Designs", subtitle: "Contemporary fade work", description: "Master-level fade work and custom designs. Whether you want a clean fade, skin fade, or custom pattern work, our barbers deliver with precision and artistry.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg?_wi=3", imageAlt: "Fade haircut styling"
tag: "Styling", title: "Fades & Designs", subtitle: "Contemporary fade work", description: "Master-level fade work and custom designs. Whether you want a clean fade, skin fade, or custom pattern work, our barbers deliver with precision and artistry.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg", imageAlt: "Fade haircut styling"
}
]}
buttonAnimation="slide-up"
@@ -134,7 +135,7 @@ export default function LandingPage() {
text="Ready for your next fresh cut? Visit Born Barbers at 2012 Hutton Ave, Farmington, NM 87402. Call (505) 258-7803 to book your appointment today."
animationType="entrance-slide"
useInvertedBackground={true}
background={{ variant: "grid" }}
background={{ variant: "plain" }}
buttons={[
{ text: "Call (505) 258-7803", href: "tel:+15052587803" },
{ text: "Book Online", href: "#contact" }
@@ -154,13 +155,13 @@ export default function LandingPage() {
animationType="slide-up"
testimonials={[
{
id: "1", name: "Marcus Johnson", role: "Regular Customer", testimonial: "Best barbershop in town. The barbers are talented, the service is fast, and the atmosphere is welcoming. I've been a customer for 5 years!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg?_wi=2", imageAlt: "Marcus Johnson"
id: "1", name: "Marcus Johnson", role: "Regular Customer", testimonial: "Best barbershop in town. The barbers are talented, the service is fast, and the atmosphere is welcoming. I've been a customer for 5 years!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", imageAlt: "Marcus Johnson"
},
{
id: "2", name: "David Chen", role: "Loyal Client", testimonial: "Born Barbers set the standard for quality. Every cut is perfect, and the attention to detail is unmatched. They genuinely care about their work.", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg?_wi=2", imageAlt: "David Chen"
id: "2", name: "David Chen", role: "Loyal Client", testimonial: "Born Barbers set the standard for quality. Every cut is perfect, and the attention to detail is unmatched. They genuinely care about their work.", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg", imageAlt: "David Chen"
},
{
id: "3", name: "James Rivera", role: "Monthly Regular", testimonial: "I've tried many barbershops, but Born Barbers is where I stay. Professional, skilled, and always welcoming. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg?_wi=2", imageAlt: "James Rivera"
id: "3", name: "James Rivera", role: "Monthly Regular", testimonial: "I've tried many barbershops, but Born Barbers is where I stay. Professional, skilled, and always welcoming. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg", imageAlt: "James Rivera"
},
{
id: "4", name: "Robert Thompson", role: "Satisfied Customer", testimonial: "The barbers remember my usual style and always deliver. Been going there for years and never disappointed. Five stars all the way!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg", imageAlt: "Robert Thompson"
@@ -171,7 +172,7 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149141781.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149141781.jpg"
imageAlt="Born Barbers barbershop"
logoText="Born Barbers"
copyrightText="© 2012-2025 Born Barbers. All rights reserved."

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

@@ -1,51 +1,41 @@
"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;
fontSize?: number;
fill?: string;
textAnchor?: 'start' | 'middle' | 'end';
dominantBaseline?: 'auto' | 'baseline' | 'central' | 'hanging' | 'mathematical' | 'ideographic';
}
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 = '',
fontSize = 24,
fill = 'currentColor',
textAnchor = 'middle',
dominantBaseline = 'central',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.5}`}
className={`inline-block ${className}`}
xmlns="http://www.w3.org/2000/svg"
>
<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%"
fontSize={fontSize}
fill={fill}
textAnchor={textAnchor}
dominantBaseline={dominantBaseline}
fontWeight="bold"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;