154 lines
9.9 KiB
TypeScript
154 lines
9.9 KiB
TypeScript
"use client"
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import { Award, CheckCircle, DollarSign, Sparkles, Star, Users, Wrench, Zap } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="mediumSmall"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="circleGradient"
|
||
cardStyle="gradient-bordered"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
brandName="Talleres Santa Ana"
|
||
navItems={[
|
||
{ name: "¿Por qué nosotros?", id: "why-us" },
|
||
{ name: "Servicios", id: "services" },
|
||
{ name: "Reseñas", id: "testimonials" },
|
||
{ name: "Contacto", id: "contact" }
|
||
]}
|
||
button={{ text: "Solicitar Cita", href: "#contact" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
title="Talleres Santa Ana: Mecánica de Confianza con Valoración 5.0"
|
||
description="Tu coche en las mejores manos en Caudilla. Especialistas en mantenimiento integral, diagnosis y mecánica general con trato directo y profesional."
|
||
background={{ variant: "plain" }}
|
||
tag="Calidad Garantizada"
|
||
tagIcon={Sparkles}
|
||
tagAnimation="slide-up"
|
||
buttons={[{ text: "Solicitar Cita por WhatsApp", href: "#contact" }]}
|
||
buttonAnimation="blur-reveal"
|
||
leftCarouselItems={[
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-starting-maintenance_23-2147897914.jpg", imageAlt: "Taller profesional de reparación de automóviles" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-repair-business-composition_23-2147881756.jpg", imageAlt: "Mantenimiento profesional de vehículos" }
|
||
]}
|
||
rightCarouselItems={[
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-changing-wheels-car_1303-27455.jpg", imageAlt: "Instalación profesional de neumáticos" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-starting-maintenance_23-2147897914.jpg", imageAlt: "Equipamiento moderno del taller" }
|
||
]}
|
||
carouselPosition="right"
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<TextAbout
|
||
tag="La Garantía de Confianza"
|
||
tagIcon={Award}
|
||
tagAnimation="slide-up"
|
||
title="La garantía de un servicio 5 Estrellas\n\nNo lo decimos nosotros, lo dicen nuestros clientes. Con una puntuación máxima en Google Maps, en Talleres Santa Ana nos esforzamos por ofrecer honestidad, rapidez y soluciones eficaces para que tu vehículo esté siempre a punto."
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="benefits" data-section="benefits">
|
||
<FeatureHoverPattern
|
||
title="¿Por qué elegirnos?"
|
||
description="Tres pilares fundamentales que nos distinguen en la comarca de Torrijos"
|
||
tag="Nuestros Valores"
|
||
tagIcon={CheckCircle}
|
||
tagAnimation="slide-up"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{ icon: Zap, title: "Experiencia", description: "Años cuidando los coches de la comarca de Torrijos con resultados probados y clientela leal." },
|
||
{ icon: Users, title: "Trato Familiar", description: "Habla directamente con el mecánico que conoce tu coche. Sin intermediarios, solo profesionales de confianza." },
|
||
{ icon: DollarSign, title: "Precios Justos", description: "Calidad profesional sin sorpresas en la factura. Transparencia total en cada presupuesto." }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<ProductCardOne
|
||
title="Nuestros Servicios"
|
||
description="Soluciones completas para el mantenimiento y reparación de tu vehículo"
|
||
tag="Servicios Disponibles"
|
||
tagIcon={Wrench}
|
||
tagAnimation="slide-up"
|
||
animationType="scale-rotate"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
gridVariant="two-columns-alternating-heights"
|
||
products={[
|
||
{ id: "1", name: "Mecánica General", price: "Presupuesto a demanda", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-starting-maintenance_23-2147897914.jpg", imageAlt: "Mecánica General" },
|
||
{ id: "2", name: "Diagnosis y Electricidad", price: "Presupuesto a demanda", imageSrc: "http://img.b2bpic.net/free-photo/car-repair-business-composition_23-2147881756.jpg", imageAlt: "Diagnosis y Electricidad" },
|
||
{ id: "3", name: "Revisiones Pre-ITV", price: "Presupuesto a demanda", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-changing-wheels-car_1303-27455.jpg", imageAlt: "Revisiones Pre-ITV" },
|
||
{ id: "4", name: "Neumáticos y Alineación", price: "Presupuesto a demanda", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-starting-maintenance_23-2147897914.jpg", imageAlt: "Neumáticos y Alineación" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
title="Reseñas Reales"
|
||
description="Escucha directamente a nuestros clientes satisfechos"
|
||
tag="Google Maps 5.0 Estrellas"
|
||
tagIcon={Star}
|
||
tagAnimation="slide-up"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{ id: "1", name: "Cliente Satisfecho", handle: "Google Maps", testimonial: "Excelente profesional y mejor persona. Muy recomendable por su honestidad y buen trabajo.", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg", imageAlt: "Cliente 1", icon: Star },
|
||
{ id: "2", name: "Cliente Local", handle: "Google Maps", testimonial: "Trato inmejorable y rapidez en el servicio. Un taller de confianza donde sabes que no te van a engañar.", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg", imageAlt: "Cliente 2", icon: Star },
|
||
{ id: "3", name: "Usuario Verificado", handle: "Google Maps", testimonial: "Mecánico de los de siempre, con mucha experiencia y soluciones rápidas para cualquier problema.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg", imageAlt: "Cliente 3", icon: Star },
|
||
{ id: "4", name: "Propietario de Vehículo", handle: "Recomendación Local", testimonial: "Llevo años llevando mi coche aquí. Profesionales de verdad, sin engaños, solo buenos resultados.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman_268835-923.jpg", imageAlt: "Cliente 4", icon: Star },
|
||
{ id: "5", name: "Cliente Recurrente", handle: "Google Maps", testimonial: "Excelente taller. El mejor sitio para llevar tu coche en la zona. Siempre atentos y profesionales.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg", imageAlt: "Cliente 5", icon: Star },
|
||
{ id: "6", name: "Vecino de Confianza", handle: "Recomendación Local", testimonial: "Mi familia completa lleva sus vehículos aquí. Trato justo, buen precio y trabajo de calidad garantizada.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-business-woman-standing-window_1262-1069.jpg", imageAlt: "Cliente 6", icon: Star }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
text="¿Dónde estamos?\n\nCalle Nueva, 2, 45526 Caudilla (Toledo)\n\nLunes a Viernes: 09:00 – 14:00 y 16:00 – 19:00\nSábados: Consultar cita previa\n\n¡No esperes a que tu coche avise! Ven a visitarnos o llámanos para cualquier consulta."
|
||
background={{ variant: "downward-rays-animated" }}
|
||
useInvertedBackground={false}
|
||
buttons={[{ text: "Solicitar Cita por WhatsApp", href: "https://wa.me/34700000000?text=Hola%20Talleres%20Santa%20Ana%2C%20quiero%20solicitar%20una%20cita" }, { text: "Ver en Google Maps", href: "https://goo.gl/maps/example" }]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{ title: "Empresa", items: [{ label: "Sobre Nosotros", href: "#why-us" }, { label: "Servicios", href: "#services" }, { label: "Contacto", href: "#contact" }] },
|
||
{ title: "Contacto", items: [{ label: "Teléfono", href: "tel:+34700000000" }, { label: "WhatsApp", href: "https://wa.me/34700000000" }, { label: "Ubicación", href: "https://goo.gl/maps/example" }] },
|
||
{ title: "Legal", items: [{ label: "Política de Privacidad", href: "#" }, { label: "Términos de Servicio", href: "#" }, { label: "Aviso Legal", href: "#" }] }
|
||
]}
|
||
bottomLeftText="© 2024 Talleres Santa Ana. Todos los derechos reservados."
|
||
bottomRightText="Mecánica de Confianza en Caudilla, Toledo"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |