bender/7e3bf228-081d-4819-a131-35e8eab6f701
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 2 commits from version_2 into main 2026-03-04 14:18:08 +00:00
Conversation 0 Commits 2 Files Changed 2 +45 -44
2 changed files with 45 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/app/layout.tsx
View File

@@ -1,51 +1,20 @@
import type { Metadata } from "next";
import { Nunito } from "next/font/google";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const nunito = Nunito({
variable: "--font-nunito", subsets: ["latin"],
});
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "TALLERES R&M - Reparación de Coches en Pamplona", description: "Taller mecánico especializado en reparación y mantenimiento de vehículos en Pamplona. Servicios profesionales, garantía 12 meses y precios competitivos.", keywords: "taller mecánico Pamplona, reparación coches, mantenimiento vehículos, Berriaiz, mecánico profesional", openGraph: {
title: "TALLERES R&M - Tu Taller de Confianza en Pamplona", description: "Reparación y mantenimiento integral de vehículos. 20 años de experiencia. Equipo certificado y garantía garantizada.", type: "website", siteName: "TALLERES R&M"
},
twitter: {
card: "summary_large_image", title: "TALLERES R&M - Reparación de Coches", description: "Taller mecánico profesional en Pamplona - Reparación, mantenimiento y diagnóstico"
},
robots: {
index: true,
follow: true
}
};
title: "TALLERES R&M - Reparación y Mantenimiento de Coches", description: "Servicios integrales de mantenimiento, reparación y diagnóstico mecánico. Más de 20 años de experiencia en Pamplona."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${nunito.variable} ${halant.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<html lang="es">
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1413,7 +1382,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}

43
src/app/page.tsx
View File

@@ -9,10 +9,20 @@ import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TeamCardFive from "@/components/sections/team/TeamCardFive";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Award, CheckCircle, Percent, Shield, Users, Wrench, Zap } from "lucide-react";
import { Award, CheckCircle, Percent, Shield, Users, Wrench, Zap, Phone, Mail } from "lucide-react";
import { useState } from "react";
export default function LandingPage() {
const [budgetSubmitted, setBudgetSubmitted] = useState(false);
const handleBudgetSubmit = (data: Record<string, string>) => {
console.log("Budget request submitted:", data);
setBudgetSubmitted(true);
setTimeout(() => setBudgetSubmitted(false), 3000);
};
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
@@ -33,6 +43,7 @@ export default function LandingPage() {
{ name: "Inicio", id: "hero" },
{ name: "Servicios", id: "services" },
{ name: "Equipo", id: "team" },
{ name: "Presupuesto", id: "budget" },
{ name: "Contacto", id: "contact" },
{ name: "Opiniones", id: "testimonials" }
]}
@@ -59,7 +70,7 @@ export default function LandingPage() {
avatarText="Equipo de expertos certificados"
background={{ variant: "rotated-rays-static" }}
buttons={[
{ text: "Solicitar Presupuesto", href: "#contact" },
{ text: "Solicitar Presupuesto", href: "#budget" },
{ text: "Ver Servicios", href: "#services" }
]}
buttonAnimation="slide-up"
@@ -147,6 +158,28 @@ export default function LandingPage() {
/>
</div>
<div id="budget" data-section="budget">
<ContactSplitForm
title="Solicita Tu Presupuesto"
description="Completa el formulario con los detalles de tu vehículo y el servicio que necesitas. Nos pondremos en contacto a través del teléfono que proporcionas para confirmar tu presupuesto sin compromiso."
inputs={[
{ name: "name", type: "text", placeholder: "Tu nombre", required: true },
{ name: "phone", type: "tel", placeholder: "Tu teléfono", required: true },
{ name: "vehicleMake", type: "text", placeholder: "Marca del vehículo", required: true },
{ name: "vehicleModel", type: "text", placeholder: "Modelo del vehículo", required: false }
]}
textarea={{
name: "message", placeholder: "Describe el servicio que necesitas o el problema que tiene tu vehículo...", rows: 5,
required: true
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg?_wi=3"
mediaPosition="right"
buttonText="Solicitar Presupuesto"
onSubmit={handleBudgetSubmit}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Lo Que Dicen Nuestros Clientes"
@@ -201,9 +234,9 @@ export default function LandingPage() {
},
{
title: "Información", items: [
{ label: "Presupuesto", href: "#budget" },
{ label: "Contacto", href: "#contact" },
{ label: "Ubicación", href: "#" },
{ label: "Horarios", href: "#" }
{ label: "Ubicación", href: "#" }
]
},
{
@@ -220,4 +253,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}