bender/996aff93-d2f8-4f78-8fcc-eb2c09437499
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 19:17:06 +00:00
Conversation 0 Commits 2 Files Changed 2 +52 -55
2 changed files with 52 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/app/page.tsx
View File

@@ -18,7 +18,7 @@ export default function LandingPage() {
borderRadius="soft"
contentWidth="medium"
sizing="largeSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
@@ -46,7 +46,7 @@ export default function LandingPage() {
tag="4.7★ Mejor de Barcelona"
tagIcon={Star}
tagAnimation="slide-up"
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
buttons={[
{ text: "Llamar Ahora", href: "tel:+34602006177" },
{ text: "Ubicación", href: "#contact" }
@@ -54,19 +54,19 @@ export default function LandingPage() {
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg?_wi=1", imageAlt: "Interior moderno de la peluquería"
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg", imageAlt: "Interior moderno de la peluquería"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure-client-s-eyebrows_23-2149183862.jpg?_wi=1", imageAlt: "Diseño de cejas con hilo precisión"
imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure-client-s-eyebrows_23-2149183862.jpg", imageAlt: "Diseño de cejas con hilo precisión"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178339.jpg?_wi=1", imageAlt: "Ambiente acogedor de la peluquería"
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178339.jpg", imageAlt: "Ambiente acogedor de la peluquería"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665387.jpg?_wi=1", imageAlt: "Corte de caballero profesional"
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665387.jpg", imageAlt: "Corte de caballero profesional"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-barber-tools-combing-hair-isolated-pink-wall_141793-106140.jpg?_wi=1", imageAlt: "Corte de señora moderno"
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-barber-tools-combing-hair-isolated-pink-wall_141793-106140.jpg", imageAlt: "Corte de señora moderno"
}
]}
mediaAnimation="blur-reveal"
@@ -83,19 +83,19 @@ export default function LandingPage() {
tagAnimation="slide-up"
features={[
{
title: "Cejas con Hilo", description: "Diseño de precisión para una mirada perfecta. Las cejas más perfectas de toda Barcelona.", imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure-client-s-eyebrows_23-2149183862.jpg?_wi=2", imageAlt: "Servicio especializado de cejas con hilo", buttonIcon: ArrowRight,
title: "Cejas con Hilo", description: "Diseño de precisión para una mirada perfecta. Las cejas más perfectas de toda Barcelona.", imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure-client-s-eyebrows_23-2149183862.jpg", imageAlt: "Servicio especializado de cejas con hilo", buttonIcon: ArrowRight,
buttonHref: "tel:+34602006177"
},
{
title: "Corte Caballero", description: "Rapidez sin perder el estilo. Cortes modernos con atención personalizada.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665387.jpg?_wi=2", imageAlt: "Cortes de caballero profesionales", buttonIcon: ArrowRight,
title: "Corte Caballero", description: "Rapidez sin perder el estilo. Cortes modernos con atención personalizada.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665387.jpg", imageAlt: "Cortes de caballero profesionales", buttonIcon: ArrowRight,
buttonHref: "tel:+34602006177"
},
{
title: "Corte Señora", description: "Diseños vanguardistas con técnica profesional. Cada corte es una obra maestra.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-barber-tools-combing-hair-isolated-pink-wall_141793-106140.jpg?_wi=2", imageAlt: "Cortes de señora contemporáneos", buttonIcon: ArrowRight,
title: "Corte Señora", description: "Diseños vanguardistas con técnica profesional. Cada corte es una obra maestra.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-barber-tools-combing-hair-isolated-pink-wall_141793-106140.jpg", imageAlt: "Cortes de señora contemporáneos", buttonIcon: ArrowRight,
buttonHref: "tel:+34602006177"
},
{
title: "Precios de Barrio", description: "Calidad profesional a precios imbatibles. Servicios premium sin comprometer tu bolsillo.", imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178339.jpg?_wi=2", imageAlt: "Ambiente accesible y profesional", buttonIcon: ArrowRight,
title: "Precios de Barrio", description: "Calidad profesional a precios imbatibles. Servicios premium sin comprometer tu bolsillo.", imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178339.jpg", imageAlt: "Ambiente accesible y profesional", buttonIcon: ArrowRight,
buttonHref: "tel:+34602006177"
}
]}
@@ -115,13 +115,13 @@ export default function LandingPage() {
tagAnimation="slide-up"
metrics={[
{
id: "1", value: "4.7★", title: "Puntuación Google", description: "Valoración consistente de excelencia", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg?_wi=2", imageAlt: "Opiniones positivas"
id: "1", value: "4.7★", title: "Puntuación Google", description: "Valoración consistente de excelencia", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg", imageAlt: "Opiniones positivas"
},
{
id: "2", value: "300+", title: "Reseñas", description: "Clientes satisfechos que confían en nosotros", imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178339.jpg?_wi=3", imageAlt: "Clientes satisfechos"
id: "2", value: "300+", title: "Reseñas", description: "Clientes satisfechos que confían en nosotros", imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178339.jpg", imageAlt: "Clientes satisfechos"
},
{
id: "3", value: "1ª", title: "Cejas Barcelona", description: "Especialidad reconocida: diseño de cejas con hilo", imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure-client-s-eyebrows_23-2149183862.jpg?_wi=3", imageAlt: "Técnica de cejas especializada"
id: "3", value: "1ª", title: "Cejas Barcelona", description: "Especialidad reconocida: diseño de cejas con hilo", imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure-client-s-eyebrows_23-2149183862.jpg", imageAlt: "Técnica de cejas especializada"
}
]}
textboxLayout="default"
@@ -141,11 +141,11 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "María García", handle: "@mariagarcia_bcn", testimonial: "Las cejas más perfectas de toda Barcelona. La precisión y profesionalidad son incomparables. Volveré siempre.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg?_wi=1", imageAlt: "María García"
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg", imageAlt: "María García"
},
{
id: "2", name: "Carlos López", handle: "@carloslopez", testimonial: "Rapido, económico y de buena calidad. Exactamente lo que necesitaba. Recomendado 100%.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg?_wi=1", imageAlt: "Carlos López"
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", imageAlt: "Carlos López"
},
{
id: "3", name: "Elena Martínez", handle: "@elenam_style", testimonial: "El mejor corte de la zona. El equipo es muy profesional y siempre estoy satisfecha con el resultado.", rating: 5,
@@ -157,11 +157,11 @@ export default function LandingPage() {
},
{
id: "5", name: "Sofía Fernández", handle: "@sofiacortes", testimonial: "Siempre sale todo perfecto. La técnica del hilo es extraordinaria. Referencia del barrio.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg?_wi=2", imageAlt: "Sofía Fernández"
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg", imageAlt: "Sofía Fernández"
},
{
id: "6", name: "Javier Sánchez", handle: "@javiersanchez", testimonial: "Atención personalizada, resultados profesionales y precios accesibles. Un negocio de barrio con calidad premium.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg?_wi=2", imageAlt: "Javier Sánchez"
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", imageAlt: "Javier Sánchez"
}
]}
showRating={true}
@@ -181,7 +181,7 @@ export default function LandingPage() {
tagAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178339.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178339.jpg"
imageAlt="Ubicación de la peluquería"
mediaAnimation="blur-reveal"
mediaPosition="right"

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

@@ -1,51 +1,48 @@
"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;
fontFamily?: string;
fontWeight?: string | number;
fill?: string;
textAnchor?: 'start' | 'middle' | 'end';
dominantBaseline?: 'auto' | 'baseline' | 'hanging' | 'middle' | 'central' | 'mathematical';
}
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,
className = '',
fontSize = 32,
fontFamily = 'system-ui, -apple-system, sans-serif',
fontWeight = 'bold',
fill = '#000',
textAnchor = 'middle',
dominantBaseline = 'middle',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
width="200"
height="60"
viewBox="0 0 200 60"
xmlns="http://www.w3.org/2000/svg"
className={className}
>
<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="100"
y="30"
fontSize={fontSize}
fontFamily={fontFamily}
fontWeight={fontWeight}
fill={fill}
textAnchor={textAnchor}
dominantBaseline={dominantBaseline}
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;