diff --git a/Sitio_Web_Will_Solutions.txt b/Sitio_Web_Will_Solutions.txt new file mode 100644 index 0000000000..6e5cbc9194 --- /dev/null +++ b/Sitio_Web_Will_Solutions.txt @@ -0,0 +1,419 @@ +import React, { useState } from 'react'; +import { + Wrench, + Car, + Phone, + MapPin, + Clock, + CheckCircle, + Menu, + X, + Battery, + Disc, + Droplet, + Gauge, + Calendar, + Star, + ShieldCheck +} from 'lucide-react'; + +const App = () => { + const [isMenuOpen, setIsMenuOpen] = useState(false); + const [formStatus, setFormStatus] = useState('idle'); + + // --- CONFIGURACIÓN: DATOS DEL NEGOCIO --- + const contactInfo = { + phone: "(862) 410-1574", + address: "358 6th Ave, Newark, NJ 07107", + addressShort: "358 6th Ave, Newark", + scheduleWeek: "Lun - Sab: 8am - 6pm", + scheduleFooter: { + week: "Lun - Vie: 8am - 6pm", + sat: "Sab: 8am - 4pm" + } + }; + // --------------------------------------------- + + const toggleMenu = () => setIsMenuOpen(!isMenuOpen); + + const handleSubmit = (e) => { + e.preventDefault(); + setFormStatus('submitting'); + setTimeout(() => { + setFormStatus('success'); + setTimeout(() => setFormStatus('idle'), 3000); + }, 1500); + }; + + const services = [ + { + icon: , + title: "Cambio de Aceite", + description: "Aceite sintético y convencional. Incluye cambio de filtro y revisión de niveles esenciales." + }, + { + icon: , + title: "Frenos y Rotores", + description: "Seguridad ante todo. Inspección, reemplazo de pastillas y rectificación de discos." + }, + { + icon: , + title: "Mecánica General", + description: "Diagnóstico computarizado, suspensión, dirección, motores y transmisiones." + }, + { + icon: , + title: "Sistema Eléctrico", + description: "Diagnóstico de fallas eléctricas, baterías, alternadores y luces." + }, + { + icon: , + title: "Aire Acondicionado", + description: "Servicio completo de A/C, recarga y detección de fugas para tu confort." + }, + { + icon: , + title: "Inspección Pre-Compra", + description: "Revisamos ese auto usado antes de que lo compres para evitar sorpresas." + } + ]; + + return ( +
+ + {/* --- HEADER --- */} +
+
+ {/* Logo Section */} +
+
+ +
+
+

+ WILL SOLUTIONS +

+ + Auto Services LLC + +
+
+ + {/* Desktop Nav */} + + + {/* CTA Button Desktop */} + + + {/* Mobile Menu Button */} + +
+ + {/* Mobile Nav Dropdown */} + {isMenuOpen && ( + + )} +
+ + {/* --- HERO SECTION --- */} +
+
+ Taller Will Solutions +
+
+ +
+
+
+ + Calidad Garantizada +
+

+ WILL SOLUTIONS
+ + AUTO SERVICES + +

+

+ Donde la experiencia se encuentra con la honestidad. Mantenemos tu vehículo funcionando como nuevo con diagnósticos precisos y reparaciones duraderas. +

+ +
+
+
+ + {/* --- INFO BAR --- */} +
+
+
+
+ +
+

Horario de Atención

+

{contactInfo.scheduleWeek}

+
+
+
+ +
+

Ubicación del Taller

+

{contactInfo.addressShort}

+
+
+
+ +
+

Llámanos Hoy

+

{contactInfo.phone}

+
+
+
+
+
+ + {/* --- SERVICES SECTION --- */} +
+
+
+ Nuestras Especialidades +

Servicio Automotriz Completo

+

+ En Will Solutions, utilizamos herramientas de diagnóstico modernas para identificar y solucionar el problema correctamente a la primera. +

+
+ +
+ {services.map((service, index) => ( +
+
+ {service.icon} +
+

{service.title}

+

+ {service.description} +

+
+ ))} +
+
+
+ + {/* --- WHY CHOOSE WILL SOLUTIONS --- */} +
+
+
+
+
+ +
+
+
+
+ Mecánico de Will Solutions +
+

100%

+

Satisfacción

+
+
+ +
+

Sobre Nosotros

+

Tu Auto Merece
Soluciones Reales

+

+ Will Solutions Auto Services LLC nació con una misión simple: ofrecer mecánica honesta y de alta calidad a nuestra comunidad. Sabemos lo frustrante que es no tener tu auto funcionando, por eso nos enfocamos en la rapidez sin sacrificar la calidad. +

+ +
+
+
+ +
+
+

Diagnóstico Transparente

+

Te mostramos exactamente qué está mal y te explicamos tus opciones antes de gastar un centavo.

+
+
+
+
+ +
+
+

Piezas de Calidad

+

Usamos repuestos que cumplen o exceden las especificaciones originales del fabricante.

+
+
+
+
+
+
+
+ + {/* --- CONTACT SECTION --- */} +
+
+
+
+ + {/* Info Column */} +
+
+

Información de Contacto

+

+ ¿Listo para traer tu auto? Llámanos o visítanos. Aceptamos walk-ins, pero recomendamos cita previa. +

+ +
+
+ +
+

Teléfono

+

{contactInfo.phone}

+
+
+
+ +
+

Dirección

+

{contactInfo.address}

+
+
+
+ +
+

Horario

+

{contactInfo.scheduleFooter.week}
{contactInfo.scheduleFooter.sat}

+
+
+
+
+ +
+
+ {/* Social icons placeholders */} +
F
+
I
+
+
+
+ + {/* Form Column */} +
+

Envíanos un Mensaje

+ + {formStatus === 'success' ? ( +
+
+ +
+

¡Mensaje Recibido!

+

Gracias por contactar a Will Solutions. Nos pondremos en contacto contigo pronto.

+
+ ) : ( +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+ +
+ )} +
+
+
+
+
+ + {/* --- FOOTER --- */} + +
+ ); +}; + +export default App;