bender/5ce5e2f2-a759-475f-b7dc-286260b9c0b6
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 02:47:04 +00:00
Conversation 0 Commits 2 Files Changed 2 +41 -57
2 changed files with 41 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/app/page.tsx
View File

@@ -18,7 +18,7 @@ export default function LandingPage() {
borderRadius="rounded"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="shadow"
secondaryButtonStyle="radial-glow"
@@ -44,18 +44,18 @@ export default function LandingPage() {
tag="Mecánica Pesada"
tagIcon={Wrench}
tagAnimation="slide-up"
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "plain" }}
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367551.jpg?_wi=1", imageAlt: "Taller profesional Wdoviak" },
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22901.jpg?_wi=1", imageAlt: "Reparación de motor pesado" },
{ imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-blue-car-rise-garage_1157-46538.jpg?_wi=1", imageAlt: "Diagnóstico avanzado" },
{ imageSrc: "http://img.b2bpic.net/free-photo/driver-checks-goods-man-uniform-truck-garage_1157-46543.jpg?_wi=1", imageAlt: "Mantenimiento preventivo" }
{ imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367551.jpg", imageAlt: "Taller profesional Wdoviak" },
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22901.jpg", imageAlt: "Reparación de motor pesado" },
{ imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-blue-car-rise-garage_1157-46538.jpg", imageAlt: "Diagnóstico avanzado" },
{ imageSrc: "http://img.b2bpic.net/free-photo/driver-checks-goods-man-uniform-truck-garage_1157-46543.jpg", imageAlt: "Mantenimiento preventivo" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-preparing-check-list_1170-1445.jpg?_wi=1", imageAlt: "Inspección completa" },
{ imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367551.jpg?_wi=2", imageAlt: "Equipos profesionales" },
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22901.jpg?_wi=2", imageAlt: "Trabajo técnico experto" },
{ imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-blue-car-rise-garage_1157-46538.jpg?_wi=2", imageAlt: "Tecnología de diagnóstico" }
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-preparing-check-list_1170-1445.jpg", imageAlt: "Inspección completa" },
{ imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367551.jpg", imageAlt: "Equipos profesionales" },
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22901.jpg", imageAlt: "Trabajo técnico experto" },
{ imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-blue-car-rise-garage_1157-46538.jpg", imageAlt: "Tecnología de diagnóstico" }
]}
buttons={[
{ text: "Solicitar Presupuesto", href: "contact" },
@@ -93,19 +93,19 @@ export default function LandingPage() {
features={[
{
id: "1", title: "Mecánica Pesada", tags: ["Vehículos Pesados", "Equipos Industriales"],
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22901.jpg?_wi=3", imageAlt: "Reparación de mecánica pesada"
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22901.jpg", imageAlt: "Reparación de mecánica pesada"
},
{
id: "2", title: "Diagnóstico y Resolución", tags: ["Identificación Precisa", "Soluciones Reales"],
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-blue-car-rise-garage_1157-46538.jpg?_wi=3", imageAlt: "Diagnóstico profesional"
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-blue-car-rise-garage_1157-46538.jpg", imageAlt: "Diagnóstico profesional"
},
{
id: "3", title: "Mantenimiento Preventivo", tags: ["Evita Fallas", "Prolongar Vida Útil"],
imageSrc: "http://img.b2bpic.net/free-photo/driver-checks-goods-man-uniform-truck-garage_1157-46543.jpg?_wi=2", imageAlt: "Mantenimiento preventivo"
imageSrc: "http://img.b2bpic.net/free-photo/driver-checks-goods-man-uniform-truck-garage_1157-46543.jpg", imageAlt: "Mantenimiento preventivo"
},
{
id: "4", title: "Revisión Mecánica Completa", tags: ["Chequeo Total", "Funcionamiento Seguro"],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-preparing-check-list_1170-1445.jpg?_wi=2", imageAlt: "Inspección completa del vehículo"
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-preparing-check-list_1170-1445.jpg", imageAlt: "Inspección completa del vehículo"
}
]}
/>
@@ -124,19 +124,19 @@ export default function LandingPage() {
features={[
{
id: "1", title: "Diagnóstico Profesional", tags: ["Análisis Profundo", "Precisión"],
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-blue-car-rise-garage_1157-46538.jpg?_wi=4", imageAlt: "Diagnóstico profesional con tecnología"
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-blue-car-rise-garage_1157-46538.jpg", imageAlt: "Diagnóstico profesional con tecnología"
},
{
id: "2", title: "Resolución Real de Problemas", tags: ["Soluciones Efectivas", "Duraderas"],
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22901.jpg?_wi=4", imageAlt: "Solución definitiva de problemas"
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22901.jpg", imageAlt: "Solución definitiva de problemas"
},
{
id: "3", title: "Atención Responsable", tags: ["Transparencia Total", "Trato Directo"],
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367551.jpg?_wi=3", imageAlt: "Atención personalizada"
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367551.jpg", imageAlt: "Atención personalizada"
},
{
id: "4", title: "Experiencia en Mecánica Pesada", tags: ["Años de Expertise", "Capacidad Técnica"],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-preparing-check-list_1170-1445.jpg?_wi=3", imageAlt: "Experiencia en trabajos complejos"
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-preparing-check-list_1170-1445.jpg", imageAlt: "Experiencia en trabajos complejos"
}
]}
/>
@@ -181,7 +181,7 @@ export default function LandingPage() {
tagAnimation="slide-up"
title="¿Necesitás resolver un problema mecánico?"
description="Contactanos ahora y te ayudamos a encontrar la mejor solución para tu vehículo. Estamos listos para brindar el mejor servicio."
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "plain" }}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881846.jpg"
imageAlt="Taller profesional Wdoviak"
@@ -202,7 +202,7 @@ export default function LandingPage() {
description="Hola, necesito asesoramiento para un problema mecánico. Quiero coordinar una revisión con Servicios Mecánicos Wdoviak."
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367551.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367551.jpg"
imageAlt="Taller Wdoviak"
mediaPosition="left"
mediaAnimation="slide-up"

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

@@ -1,51 +1,35 @@
"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);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = '',
textClassName = '',
}) => {
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 200 50"
className={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%"
dominantBaseline="middle"
textAnchor="middle"
className={textClassName}
fontSize="24"
fontWeight="bold"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;