/
home
/
simp499cl
/
public_html
/
washbe_v2
/
/home/simp499cl/public_html/washbe_v2
mkdir
upload
Name
Size
Mode
Actions
agendar_paso1.html
10241
0644
edit
dl
rm
avatar-1.svg
3557
0644
edit
dl
rm
avatar-2.svg
7061
0644
edit
dl
rm
avatar.svg
8035
0644
edit
dl
rm
css2-1.css
15925
0644
edit
dl
rm
css2.css
2339
0644
edit
dl
rm
favicon.ico.html
10005
0644
edit
dl
rm
index.html
123970
0644
edit
dl
rm
index_fixed(3).html
123933
0644
edit
dl
rm
main.css
90186
0644
edit
dl
rm
p1xy54fw_Logo-Washbe-2025-New.png
74494
0644
edit
dl
rm
pexels-photo-210627.jpeg
548804
0644
edit
dl
rm
pexels-photo-372810.jpeg
2073642
0644
edit
dl
rm
photo-1520340356584-f9917d1eea6f.jpg
4560790
0644
edit
dl
rm
photo-1607860108855-64acf2078ed9.jpg
3835699
0644
edit
dl
rm
photo-1633014041037-f5446fb4ce99.jpg
3392170
0644
edit
dl
rm
photo-1761934657948-708146148588.jpg
4314676
0644
edit
dl
rm
photo-1761934658038-d0e6792378b1.jpg
4176896
0644
edit
dl
rm
photo-1761934658331-2e00b20dc6c6.jpg
5005398
0644
edit
dl
rm
UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0I5nvwUgHU.woff2
18720
0644
edit
dl
rm
UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0I5nvwUgHU.woff2
18940
0644
edit
dl
rm
UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0I5nvwU.woff2
48532
0644
edit
dl
rm
UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0I5nvwUgHU.woff2
25812
0644
edit
dl
rm
UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0I5nvwUgHU.woff2
10212
0644
edit
dl
rm
UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0I5nvwUgHU.woff2
11176
0644
edit
dl
rm
UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0I5nvwUgHU.woff2
84924
0644
edit
dl
rm
UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZ9hiA.woff2
24452
0644
edit
dl
rm
UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZBhiI2B.woff2
5100
0644
edit
dl
rm
UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZFhiI2B.woff2
36260
0644
edit
dl
rm
UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZJhiI2B.woff2
10484
0644
edit
dl
rm
UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZNhiI2B.woff2
5432
0644
edit
dl
rm
UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZthiI2B.woff2
7972
0644
edit
dl
rm
UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZxhiI2B.woff2
7944
0644
edit
dl
rm
Edit:
/home/simp499cl/public_html/washbe_v2/index.html
(123970B)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta content="width=device-width, initial-scale=1" name="viewport"/> <meta content="#000000" name="theme-color"/> <meta content="Washbe v2" name="description"/> <link href="css2.css" rel="stylesheet"/> <link href="css2-1.css" rel="stylesheet"/> <title> Washbe v2 </title> <link href="favicon.ico.html" rel="shortcut icon"/> <link href="main.css" rel="stylesheet"/> </head> <body style=""> <noscript> You need to enable JavaScript to run this app. </noscript> <div id="root"> <div class="App" x-component="div" x-dynamic="false" x-file-name="App" x-id="App_8" x-line-number="8"> <div class="min-h-screen bg-white" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_77" x-line-number="77"> <header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-white/95 backdrop-blur-lg shadow-md" x-component="header" x-dynamic="false" x-file-name="Home" x-id="Home_79" x-line-number="79"> <nav class="container mx-auto px-4 py-4" x-component="nav" x-dynamic="true" x-file-name="Home" x-id="Home_82" x-line-number="82"> <div class="flex items-center justify-between" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_83" x-line-number="83"> <div class="flex items-center gap-3 group cursor-pointer" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_84" x-line-number="84"> <img alt="Washbe Logo" class="h-12 transition-transform duration-300 group-hover:scale-110" src="p1xy54fw_Logo-Washbe-2025-New.png" x-component="img" x-dynamic="false" x-file-name="Home" x-id="Home_85" x-line-number="85"/> </div> <div class="hidden lg:flex items-center gap-8 menu-desktop" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_93" x-line-number="93"> <a class="text-slate-900 hover:text-slate-600 transition-colors duration-200 capitalize font-medium relative group" href="#home"> home <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-slate-900 transition-all duration-300 group-hover:w-full" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_101" x-line-number="101"> </span> </a> <a class="text-slate-900 hover:text-slate-600 transition-colors duration-200 capitalize font-medium relative group" href="#nosotros"> nosotros <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-slate-900 transition-all duration-300 group-hover:w-full" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_101" x-line-number="101"> </span> </a> <a class="text-slate-900 hover:text-slate-600 transition-colors duration-200 capitalize font-medium relative group" href="#servicios"> servicios <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-slate-900 transition-all duration-300 group-hover:w-full" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_101" x-line-number="101"> </span> </a> <a class="text-slate-900 hover:text-slate-600 transition-colors duration-200 capitalize font-medium relative group" href="#galeria"> galeria <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-slate-900 transition-all duration-300 group-hover:w-full" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_101" x-line-number="101"> </span> </a> <a class="text-slate-900 hover:text-slate-600 transition-colors duration-200 capitalize font-medium relative group" href="#testimonios"> testimonios <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-slate-900 transition-all duration-300 group-hover:w-full" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_101" x-line-number="101"> </span> </a> <a class="text-slate-900 hover:text-slate-600 transition-colors duration-200 capitalize font-medium relative group" href="#faq"> faq <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-slate-900 transition-all duration-300 group-hover:w-full" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_101" x-line-number="101"> </span> </a> <a class="text-slate-900 hover:text-slate-600 transition-colors duration-200 capitalize font-medium relative group" href="#distribuidor"> distribuidor <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-slate-900 transition-all duration-300 group-hover:w-full" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_101" x-line-number="101"> </span> </a> <a class="text-slate-900 hover:text-slate-600 transition-colors duration-200 capitalize font-medium relative group" href="#contacto"> contacto <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-slate-900 transition-all duration-300 group-hover:w-full" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_101" x-line-number="101"> </span> </a> </div> <button aria-controls="mobileMenuPanel" aria-expanded="false" aria-label="Abrir menú" class="lg:hidden text-slate-900 p-2" id="mobileMenuBtn" type="button" x-component="button" x-dynamic="true" x-file-name="Home" x-id="Home_107" x-line-number="107"> <svg aria-hidden="true" class="lucide lucide-menu w-6 h-6" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12h16"> </path> <path d="M4 18h16"> </path> <path d="M4 6h16"> </path> </svg> </button> </div> </nav> </header> <!-- Mobile menu overlay + panel (need z-index so it sits above the hero/carousel) --> <div aria-hidden="true" class="fixed inset-0 bg-black/50 hidden lg:hidden" id="mobileMenuOverlay"></div> <aside aria-hidden="true" aria-modal="true" class="fixed top-0 right-0 h-full w-80 max-w-[85vw] bg-white shadow-2xl translate-x-full transition-transform duration-300 lg:hidden" id="mobileMenuPanel" role="dialog"><div class="flex items-center justify-between p-4 border-b border-slate-200"><span class="font-semibold text-slate-900">Menú</span><button aria-label="Cerrar menú" class="p-2 text-slate-900 rounded-md hover:bg-slate-100 focus:outline-none focus:ring-2 focus:ring-slate-300" id="mobileMenuCloseBtn" type="button"><svg fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div><nav class="p-4 flex flex-col gap-3"><a class="mobile-menu-link px-3 py-2 rounded-md text-slate-900 hover:bg-slate-100 transition-colors" href="#home">Home</a><a class="mobile-menu-link px-3 py-2 rounded-md text-slate-900 hover:bg-slate-100 transition-colors" href="#nosotros">Nosotros</a><a class="mobile-menu-link px-3 py-2 rounded-md text-slate-900 hover:bg-slate-100 transition-colors" href="#servicios">Servicios</a><a class="mobile-menu-link px-3 py-2 rounded-md text-slate-900 hover:bg-slate-100 transition-colors" href="#galeria">Galería</a><a class="mobile-menu-link px-3 py-2 rounded-md text-slate-900 hover:bg-slate-100 transition-colors" href="#testimonios">Testimonios</a><a class="mobile-menu-link px-3 py-2 rounded-md text-slate-900 hover:bg-slate-100 transition-colors" href="#faq">FAQ</a><a class="mobile-menu-link px-3 py-2 rounded-md text-slate-900 hover:bg-slate-100 transition-colors" href="#distribuidor">Distribuidor</a><a class="mobile-menu-link px-3 py-2 rounded-md text-slate-900 hover:bg-slate-100 transition-colors" href="#contacto">Contacto</a></nav></aside> <section class="relative h-screen" id="home" x-component="section" x-dynamic="false" x-file-name="Home" x-id="Home_135" x-line-number="135"> <div aria-roledescription="carousel" class="relative h-full" role="region" x-component="Carousel" x-dynamic="true" x-file-name="Home" x-id="Home_136" x-line-number="136"> <div class="overflow-hidden" x-component="div" x-dynamic="false" x-file-name="carousel" x-id="carousel_119" x-line-number="119"> <div class="flex -ml-4 h-full" data-carousel-track="hero" x-component="CarouselContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_137" x-line-number="137"> <div aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 basis-full pl-4 h-screen" role="group" x-component="CarouselItem" x-dynamic="true" x-file-name="Home" x-id="Home_139" x-line-number="139"> <div class="relative h-full" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_140" x-line-number="140"> <div class="absolute inset-0 bg-cover bg-center" style='background-image: url("photo-1761934658038-d0e6792378b1.jpg");' x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_141" x-line-number="141"> <div class="absolute inset-0 bg-gradient-to-r from-black/80 via-black/60 to-transparent" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_145" x-line-number="145"> </div> </div> <div class="relative h-full flex items-center container mx-auto px-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_148" x-line-number="148"> <div class="max-w-3xl animate-in fade-in slide-in-from-left-10 duration-700" style="animation-delay: 200ms;" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_149" x-line-number="149"> <h1 class="text-5xl md:text-7xl font-bold text-white mb-6 leading-tight" x-component="h1" x-dynamic="true" x-file-name="Home" x-id="Home_150" x-line-number="150"> Detailing Profesional Certificado </h1> <p class="text-xl md:text-2xl text-slate-200 mb-8 leading-relaxed" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_153" x-line-number="153"> Maestros del detailing automotriz con certificación internacional. Tu auto merece lo mejor. </p> <div class="flex flex-wrap gap-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_156" x-line-number="156"> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 shadow h-10 rounded-md bg-white text-black hover:bg-slate-200 font-bold text-lg px-8 py-6 transition-all duration-300 hover:scale-105" x-component="Button" x-dynamic="true" x-file-name="Home" x-id="Home_157" x-line-number="157"> Ver Servicios <svg aria-hidden="true" class="lucide lucide-arrow-right ml-2 w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M5 12h14"> </path> <path d="m12 5 7 7-7 7"> </path> </svg> </button> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 shadow-sm h-10 rounded-md border-2 border-white text-white hover:bg-white hover:text-black font-bold text-lg px-8 py-6 transition-all duration-300" x-component="Button" x-dynamic="true" x-file-name="Home" x-id="Home_165" x-line-number="165"> Contactar </button> </div> </div> </div> </div> </div> <div aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 basis-full pl-4 h-screen" role="group" x-component="CarouselItem" x-dynamic="true" x-file-name="Home" x-id="Home_139" x-line-number="139"> <div class="relative h-full" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_140" x-line-number="140"> <div class="absolute inset-0 bg-cover bg-center" style='background-image: url("photo-1633014041037-f5446fb4ce99.jpg");' x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_141" x-line-number="141"> <div class="absolute inset-0 bg-gradient-to-r from-black/80 via-black/60 to-transparent" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_145" x-line-number="145"> </div> </div> <div class="relative h-full flex items-center container mx-auto px-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_148" x-line-number="148"> <div class="max-w-3xl animate-in fade-in slide-in-from-left-10 duration-700" style="animation-delay: 200ms;" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_149" x-line-number="149"> <h1 class="text-5xl md:text-7xl font-bold text-white mb-6 leading-tight" x-component="h1" x-dynamic="true" x-file-name="Home" x-id="Home_150" x-line-number="150"> Lavado Premium de Alta Calidad </h1> <p class="text-xl md:text-2xl text-slate-200 mb-8 leading-relaxed" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_153" x-line-number="153"> Utilizamos productos pH neutro y técnicas profesionales para proteger la pintura de tu vehículo. </p> <div class="flex flex-wrap gap-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_156" x-line-number="156"> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 shadow h-10 rounded-md bg-white text-black hover:bg-slate-200 font-bold text-lg px-8 py-6 transition-all duration-300 hover:scale-105" x-component="Button" x-dynamic="true" x-file-name="Home" x-id="Home_157" x-line-number="157"> Ver Servicios <svg aria-hidden="true" class="lucide lucide-arrow-right ml-2 w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M5 12h14"> </path> <path d="m12 5 7 7-7 7"> </path> </svg> </button> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 shadow-sm h-10 rounded-md border-2 border-white text-white hover:bg-white hover:text-black font-bold text-lg px-8 py-6 transition-all duration-300" x-component="Button" x-dynamic="true" x-file-name="Home" x-id="Home_165" x-line-number="165"> Contactar </button> </div> </div> </div> </div> </div> <div aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 basis-full pl-4 h-screen" role="group" x-component="CarouselItem" x-dynamic="true" x-file-name="Home" x-id="Home_139" x-line-number="139"> <div class="relative h-full" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_140" x-line-number="140"> <div class="absolute inset-0 bg-cover bg-center" style='background-image: url("photo-1607860108855-64acf2078ed9.jpg");' x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_141" x-line-number="141"> <div class="absolute inset-0 bg-gradient-to-r from-black/80 via-black/60 to-transparent" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_145" x-line-number="145"> </div> </div> <div class="relative h-full flex items-center container mx-auto px-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_148" x-line-number="148"> <div class="max-w-3xl animate-in fade-in slide-in-from-left-10 duration-700" style="animation-delay: 200ms;" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_149" x-line-number="149"> <h1 class="text-5xl md:text-7xl font-bold text-white mb-6 leading-tight" x-component="h1" x-dynamic="true" x-file-name="Home" x-id="Home_150" x-line-number="150"> Experiencia y Profesionalismo </h1> <p class="text-xl md:text-2xl text-slate-200 mb-8 leading-relaxed" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_153" x-line-number="153"> Años de experiencia en estética automotriz. Resultados garantizados que superan expectativas. </p> <div class="flex flex-wrap gap-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_156" x-line-number="156"> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 shadow h-10 rounded-md bg-white text-black hover:bg-slate-200 font-bold text-lg px-8 py-6 transition-all duration-300 hover:scale-105" x-component="Button" x-dynamic="true" x-file-name="Home" x-id="Home_157" x-line-number="157"> Ver Servicios <svg aria-hidden="true" class="lucide lucide-arrow-right ml-2 w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M5 12h14"> </path> <path d="m12 5 7 7-7 7"> </path> </svg> </button> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 shadow-sm h-10 rounded-md border-2 border-white text-white hover:bg-white hover:text-black font-bold text-lg px-8 py-6 transition-all duration-300" x-component="Button" x-dynamic="true" x-file-name="Home" x-id="Home_165" x-line-number="165"> Contactar </button> </div> </div> </div> </div> </div> </div> </div> <button aria-label="Anterior" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input shadow-sm hover:text-accent-foreground absolute h-8 w-8 rounded-full top-1/2 -translate-y-1/2 left-4 bg-white/20 backdrop-blur-sm hover:bg-white/40 border-0 text-white" data-carousel-prev="hero" type="button" x-component="CarouselPrevious" x-dynamic="true" x-file-name="Home" x-id="Home_180" x-line-number="180"> <svg aria-hidden="true" class="lucide lucide-arrow-left h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="m12 19-7-7 7-7"> </path> <path d="M19 12H5"> </path> </svg> <span class="sr-only" x-component="span" x-dynamic="false" x-file-name="carousel" x-id="carousel_166" x-line-number="166"> Previous slide </span> </button> <button aria-label="Siguiente" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input shadow-sm hover:text-accent-foreground absolute h-8 w-8 rounded-full top-1/2 -translate-y-1/2 right-4 bg-white/20 backdrop-blur-sm hover:bg-white/40 border-0 text-white" data-carousel-next="hero" disabled="" type="button" x-component="CarouselNext" x-dynamic="true" x-file-name="Home" x-id="Home_181" x-line-number="181"> <svg aria-hidden="true" class="lucide lucide-arrow-right h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M5 12h14"> </path> <path d="m12 5 7 7-7 7"> </path> </svg> <span class="sr-only" x-component="span" x-dynamic="false" x-file-name="carousel" x-id="carousel_187" x-line-number="187"> Next slide </span> </button> </div> </section> <section class="py-24 bg-gradient-to-b from-white to-slate-50" id="nosotros" x-component="section" x-dynamic="false" x-file-name="Home" x-id="Home_186" x-line-number="186"> <div class="container mx-auto px-4" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_187" x-line-number="187"> <div class="max-w-4xl mx-auto text-center mb-16 animate-in fade-in slide-in-from-bottom-5 duration-700" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_188" x-line-number="188"> <h2 class="text-4xl md:text-5xl font-bold mb-6 text-slate-900" x-component="h2" x-dynamic="false" x-file-name="Home" x-id="Home_189" x-line-number="189"> Sobre Washbe </h2> <p class="text-xl text-slate-600 leading-relaxed mb-8" x-component="p" x-dynamic="false" x-file-name="Home" x-id="Home_192" x-line-number="192"> Somos un equipo de <span class="font-bold text-slate-900" x-component="span" x-dynamic="false" x-file-name="Home" x-id="Home_193" x-line-number="193"> detailers certificados </span> y <span class="font-bold text-slate-900" x-component="span" x-dynamic="false" x-file-name="Home" x-id="Home_193" x-line-number="193"> maestros de DYP </span> que trabajamos con profesionalismo en la estética automotriz. </p> <p class="text-lg text-slate-600 leading-relaxed" x-component="p" x-dynamic="false" x-file-name="Home" x-id="Home_195" x-line-number="195"> Nuestra pasión es devolver el brillo y la elegancia a tu vehículo, utilizando las mejores técnicas y productos del mercado. Cada auto que pasa por nuestras manos recibe un tratamiento premium y personalizado. </p> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-6xl mx-auto" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_200" x-line-number="200"> <div class="rounded-xl bg-card text-card-foreground shadow border-2 hover:border-slate-900 transition-all duration-300 hover:shadow-xl hover:-translate-y-2" x-component="Card" x-dynamic="true" x-file-name="Home" x-id="Home_207" x-line-number="207"> <div class="p-6 pt-6 text-center" x-component="CardContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_208" x-line-number="208"> <div class="bg-slate-900 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_209" x-line-number="209"> <svg aria-hidden="true" class="lucide lucide-award w-8 h-8 text-white" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"> </path> <circle cx="12" cy="8" r="6"> </circle> </svg> </div> <h3 class="font-bold text-lg mb-2 text-slate-900" x-component="h3" x-dynamic="true" x-file-name="Home" x-id="Home_212" x-line-number="212"> Certificados </h3> <p class="text-slate-600 text-sm" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_213" x-line-number="213"> Detailers con certificación internacional </p> </div> </div> <div class="rounded-xl bg-card text-card-foreground shadow border-2 hover:border-slate-900 transition-all duration-300 hover:shadow-xl hover:-translate-y-2" x-component="Card" x-dynamic="true" x-file-name="Home" x-id="Home_207" x-line-number="207"> <div class="p-6 pt-6 text-center" x-component="CardContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_208" x-line-number="208"> <div class="bg-slate-900 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_209" x-line-number="209"> <svg aria-hidden="true" class="lucide lucide-shield w-8 h-8 text-white" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"> </path> </svg> </div> <h3 class="font-bold text-lg mb-2 text-slate-900" x-component="h3" x-dynamic="true" x-file-name="Home" x-id="Home_212" x-line-number="212"> Garantía Total </h3> <p class="text-slate-600 text-sm" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_213" x-line-number="213"> 100% satisfacción garantizada </p> </div> </div> <div class="rounded-xl bg-card text-card-foreground shadow border-2 hover:border-slate-900 transition-all duration-300 hover:shadow-xl hover:-translate-y-2" x-component="Card" x-dynamic="true" x-file-name="Home" x-id="Home_207" x-line-number="207"> <div class="p-6 pt-6 text-center" x-component="CardContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_208" x-line-number="208"> <div class="bg-slate-900 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_209" x-line-number="209"> <svg aria-hidden="true" class="lucide lucide-sparkles w-8 h-8 text-white" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"> </path> <path d="M20 3v4"> </path> <path d="M22 5h-4"> </path> <path d="M4 17v2"> </path> <path d="M5 18H3"> </path> </svg> </div> <h3 class="font-bold text-lg mb-2 text-slate-900" x-component="h3" x-dynamic="true" x-file-name="Home" x-id="Home_212" x-line-number="212"> Productos Premium </h3> <p class="text-slate-600 text-sm" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_213" x-line-number="213"> Solo usamos productos de alta gama </p> </div> </div> <div class="rounded-xl bg-card text-card-foreground shadow border-2 hover:border-slate-900 transition-all duration-300 hover:shadow-xl hover:-translate-y-2" x-component="Card" x-dynamic="true" x-file-name="Home" x-id="Home_207" x-line-number="207"> <div class="p-6 pt-6 text-center" x-component="CardContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_208" x-line-number="208"> <div class="bg-slate-900 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_209" x-line-number="209"> <svg aria-hidden="true" class="lucide lucide-users w-8 h-8 text-white" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"> </path> <path d="M16 3.128a4 4 0 0 1 0 7.744"> </path> <path d="M22 21v-2a4 4 0 0 0-3-3.87"> </path> <circle cx="9" cy="7" r="4"> </circle> </svg> </div> <h3 class="font-bold text-lg mb-2 text-slate-900" x-component="h3" x-dynamic="true" x-file-name="Home" x-id="Home_212" x-line-number="212"> Expertos </h3> <p class="text-slate-600 text-sm" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_213" x-line-number="213"> Años de experiencia en el rubro </p> </div> </div> </div> </div> </section> <section class="py-24 bg-white" id="servicios" x-component="section" x-dynamic="false" x-file-name="Home" x-id="Home_222" x-line-number="222"> <div class="container mx-auto px-4" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_223" x-line-number="223"> <div class="text-center mb-16" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_224" x-line-number="224"> <h2 class="text-4xl md:text-5xl font-bold mb-6 text-slate-900" x-component="h2" x-dynamic="false" x-file-name="Home" x-id="Home_225" x-line-number="225"> Nuestros Servicios </h2> <p class="text-xl text-slate-600 max-w-2xl mx-auto" x-component="p" x-dynamic="false" x-file-name="Home" x-id="Home_228" x-line-number="228"> Paquetes diseñados para cada tipo de vehículo. Calidad premium garantizada. </p> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-7xl mx-auto" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_233" x-line-number="233"> <div class="rounded-xl bg-card text-card-foreground shadow border-2 hover:border-slate-900 transition-all duration-300 hover:shadow-2xl group overflow-hidden" style="animation-delay: 0ms;" x-component="Card" x-dynamic="true" x-file-name="Home" x-id="Home_235" x-line-number="235"> <div class="relative h-48 overflow-hidden" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_240" x-line-number="240"> <img alt="Lavado Full S" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" src="photo-1761934658038-d0e6792378b1.jpg" x-component="img" x-dynamic="true" x-file-name="Home" x-id="Home_241" x-line-number="241"/> <div class="absolute top-4 right-4 bg-slate-900 text-white px-4 py-2 rounded-full font-bold text-lg" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_246" x-line-number="246"> $29.900 </div> </div> <div class="flex flex-col space-y-1.5 p-6" x-component="CardHeader" x-dynamic="true" x-file-name="Home" x-id="Home_251" x-line-number="251"> <div class="font-semibold tracking-tight text-2xl text-slate-900" x-component="CardTitle" x-dynamic="true" x-file-name="Home" x-id="Home_252" x-line-number="252"> Lavado Full S </div> <div class="text-sm text-slate-500" x-component="CardDescription" x-dynamic="true" x-file-name="Home" x-id="Home_253" x-line-number="253"> Autos compactos y sedan pequeños </div> </div> <div class="p-6 pt-0" x-component="CardContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_256" x-line-number="256"> <p class="text-slate-600 mb-4" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_257" x-line-number="257"> Perfecto para autos compactos. Incluye lavado exterior completo, aspirado interior, limpieza de vidrios y llantas. </p> <ul class="space-y-2" x-component="ul" x-dynamic="true" x-file-name="Home" x-id="Home_258" x-line-number="258"> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Lavado exterior premium </span> </li> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Aspirado completo </span> </li> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Limpieza de vidrios </span> </li> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Encerado de llantas </span> </li> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Ambientación </span> </li> </ul> </div> <div class="flex items-center p-6 pt-0" x-component="CardFooter" x-dynamic="true" x-file-name="Home" x-id="Home_268" x-line-number="268"> <a href="agendar_paso1.html" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 text-primary-foreground shadow h-9 px-4 py-2 w-full bg-slate-900 hover:bg-slate-800 font-bold transition-all duration-300 group-hover:scale-105" x-component="Button" x-dynamic="true" x-file-name="Home" x-id="Home_269" x-line-number="269"> <svg aria-hidden="true" class="lucide lucide-calendar w-4 h-4 mr-2" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Calendar" x-dynamic="true" x-file-name="Home" x-id="Home_273" x-line-number="273" xmlns="http://www.w3.org/2000/svg"> <path d="M8 2v4"> </path> <path d="M16 2v4"> </path> <rect height="18" rx="2" width="18" x="3" y="4"> </rect> <path d="M3 10h18"> </path> </svg> Agendar Servicio </a> </div> </div> <div class="rounded-xl bg-card text-card-foreground shadow border-2 hover:border-slate-900 transition-all duration-300 hover:shadow-2xl group overflow-hidden" style="animation-delay: 100ms;" x-component="Card" x-dynamic="true" x-file-name="Home" x-id="Home_235" x-line-number="235"> <div class="relative h-48 overflow-hidden" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_240" x-line-number="240"> <img alt="Lavado Full M" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" src="photo-1633014041037-f5446fb4ce99.jpg" x-component="img" x-dynamic="true" x-file-name="Home" x-id="Home_241" x-line-number="241"/> <div class="absolute top-4 right-4 bg-slate-900 text-white px-4 py-2 rounded-full font-bold text-lg" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_246" x-line-number="246"> $39.900 </div> </div> <div class="flex flex-col space-y-1.5 p-6" x-component="CardHeader" x-dynamic="true" x-file-name="Home" x-id="Home_251" x-line-number="251"> <div class="font-semibold tracking-tight text-2xl text-slate-900" x-component="CardTitle" x-dynamic="true" x-file-name="Home" x-id="Home_252" x-line-number="252"> Lavado Full M </div> <div class="text-sm text-slate-500" x-component="CardDescription" x-dynamic="true" x-file-name="Home" x-id="Home_253" x-line-number="253"> Sedanes medianos y SUV compactas </div> </div> <div class="p-6 pt-0" x-component="CardContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_256" x-line-number="256"> <p class="text-slate-600 mb-4" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_257" x-line-number="257"> Ideal para sedanes medianos. Todo el servicio Full S más tratamiento de plásticos y limpieza profunda. </p> <ul class="space-y-2" x-component="ul" x-dynamic="true" x-file-name="Home" x-id="Home_258" x-line-number="258"> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Todo lo del Full S </span> </li> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Tratamiento de plásticos </span> </li> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Limpieza profunda de tapices </span> </li> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Pulido básico </span> </li> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Protección UV </span> </li> </ul> </div> <div class="flex items-center p-6 pt-0" x-component="CardFooter" x-dynamic="true" x-file-name="Home" x-id="Home_268" x-line-number="268"> <a href="agendar_paso1.html" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 text-primary-foreground shadow h-9 px-4 py-2 w-full bg-slate-900 hover:bg-slate-800 font-bold transition-all duration-300 group-hover:scale-105" x-component="Button" x-dynamic="true" x-file-name="Home" x-id="Home_269" x-line-number="269"> <svg aria-hidden="true" class="lucide lucide-calendar w-4 h-4 mr-2" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Calendar" x-dynamic="true" x-file-name="Home" x-id="Home_273" x-line-number="273" xmlns="http://www.w3.org/2000/svg"> <path d="M8 2v4"> </path> <path d="M16 2v4"> </path> <rect height="18" rx="2" width="18" x="3" y="4"> </rect> <path d="M3 10h18"> </path> </svg> Agendar Servicio </a> </div> </div> <div class="rounded-xl bg-card text-card-foreground shadow border-2 hover:border-slate-900 transition-all duration-300 hover:shadow-2xl group overflow-hidden" style="animation-delay: 200ms;" x-component="Card" x-dynamic="true" x-file-name="Home" x-id="Home_235" x-line-number="235"> <div class="relative h-48 overflow-hidden" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_240" x-line-number="240"> <img alt="Lavado Full L" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" src="photo-1607860108855-64acf2078ed9.jpg" x-component="img" x-dynamic="true" x-file-name="Home" x-id="Home_241" x-line-number="241"/> <div class="absolute top-4 right-4 bg-slate-900 text-white px-4 py-2 rounded-full font-bold text-lg" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_246" x-line-number="246"> $49.900 </div> </div> <div class="flex flex-col space-y-1.5 p-6" x-component="CardHeader" x-dynamic="true" x-file-name="Home" x-id="Home_251" x-line-number="251"> <div class="font-semibold tracking-tight text-2xl text-slate-900" x-component="CardTitle" x-dynamic="true" x-file-name="Home" x-id="Home_252" x-line-number="252"> Lavado Full L </div> <div class="text-sm text-slate-500" x-component="CardDescription" x-dynamic="true" x-file-name="Home" x-id="Home_253" x-line-number="253"> SUVs grandes y camionetas </div> </div> <div class="p-6 pt-0" x-component="CardContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_256" x-line-number="256"> <p class="text-slate-600 mb-4" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_257" x-line-number="257"> Para SUVs y camionetas. Servicio completo con detailing básico y protección premium. </p> <ul class="space-y-2" x-component="ul" x-dynamic="true" x-file-name="Home" x-id="Home_258" x-line-number="258"> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Todo lo del Full M </span> </li> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Detailing de motor </span> </li> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Limpieza de maletero </span> </li> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Pulido intermedio </span> </li> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Cera protectora premium </span> </li> </ul> </div> <div class="flex items-center p-6 pt-0" x-component="CardFooter" x-dynamic="true" x-file-name="Home" x-id="Home_268" x-line-number="268"> <a href="agendar_paso1.html" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 text-primary-foreground shadow h-9 px-4 py-2 w-full bg-slate-900 hover:bg-slate-800 font-bold transition-all duration-300 group-hover:scale-105" x-component="Button" x-dynamic="true" x-file-name="Home" x-id="Home_269" x-line-number="269"> <svg aria-hidden="true" class="lucide lucide-calendar w-4 h-4 mr-2" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Calendar" x-dynamic="true" x-file-name="Home" x-id="Home_273" x-line-number="273" xmlns="http://www.w3.org/2000/svg"> <path d="M8 2v4"> </path> <path d="M16 2v4"> </path> <rect height="18" rx="2" width="18" x="3" y="4"> </rect> <path d="M3 10h18"> </path> </svg> Agendar Servicio </a> </div> </div> <div class="rounded-xl bg-card text-card-foreground shadow border-2 hover:border-slate-900 transition-all duration-300 hover:shadow-2xl group overflow-hidden" style="animation-delay: 300ms;" x-component="Card" x-dynamic="true" x-file-name="Home" x-id="Home_235" x-line-number="235"> <div class="relative h-48 overflow-hidden" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_240" x-line-number="240"> <img alt="Lavado Full XL" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" src="photo-1761934657948-708146148588.jpg" x-component="img" x-dynamic="true" x-file-name="Home" x-id="Home_241" x-line-number="241"/> <div class="absolute top-4 right-4 bg-slate-900 text-white px-4 py-2 rounded-full font-bold text-lg" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_246" x-line-number="246"> $59.900 </div> </div> <div class="flex flex-col space-y-1.5 p-6" x-component="CardHeader" x-dynamic="true" x-file-name="Home" x-id="Home_251" x-line-number="251"> <div class="font-semibold tracking-tight text-2xl text-slate-900" x-component="CardTitle" x-dynamic="true" x-file-name="Home" x-id="Home_252" x-line-number="252"> Lavado Full XL </div> <div class="text-sm text-slate-500" x-component="CardDescription" x-dynamic="true" x-file-name="Home" x-id="Home_253" x-line-number="253"> Vehículos XL y premium </div> </div> <div class="p-6 pt-0" x-component="CardContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_256" x-line-number="256"> <p class="text-slate-600 mb-4" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_257" x-line-number="257"> El servicio más completo. Detailing profesional completo para vehículos grandes y premium. </p> <ul class="space-y-2" x-component="ul" x-dynamic="true" x-file-name="Home" x-id="Home_258" x-line-number="258"> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Todo lo del Full L </span> </li> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Detailing completo </span> </li> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Corrección de pintura </span> </li> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Sellado cerámico </span> </li> <li class="flex items-start gap-2 text-sm" x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_260" x-line-number="260"> <svg aria-hidden="true" class="lucide lucide-circle-check-big w-4 h-4 text-green-600 mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="CheckCircle" x-dynamic="true" x-file-name="Home" x-id="Home_261" x-line-number="261" xmlns="http://www.w3.org/2000/svg"> <path d="M21.801 10A10 10 0 1 1 17 3.335"> </path> <path d="m9 11 3 3L22 4"> </path> </svg> <span class="text-slate-700" x-component="span" x-dynamic="true" x-file-name="Home" x-id="Home_262" x-line-number="262"> Servicio premium total </span> </li> </ul> </div> <div class="flex items-center p-6 pt-0" x-component="CardFooter" x-dynamic="true" x-file-name="Home" x-id="Home_268" x-line-number="268"> <a href="agendar_paso1.html" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 text-primary-foreground shadow h-9 px-4 py-2 w-full bg-slate-900 hover:bg-slate-800 font-bold transition-all duration-300 group-hover:scale-105" x-component="Button" x-dynamic="true" x-file-name="Home" x-id="Home_269" x-line-number="269"> <svg aria-hidden="true" class="lucide lucide-calendar w-4 h-4 mr-2" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Calendar" x-dynamic="true" x-file-name="Home" x-id="Home_273" x-line-number="273" xmlns="http://www.w3.org/2000/svg"> <path d="M8 2v4"> </path> <path d="M16 2v4"> </path> <rect height="18" rx="2" width="18" x="3" y="4"> </rect> <path d="M3 10h18"> </path> </svg> Agendar Servicio </a> </div> </div> </div> </div> </section> <section class="py-24 bg-slate-50" id="galeria" x-component="section" x-dynamic="false" x-file-name="Home" x-id="Home_284" x-line-number="284"> <div class="container mx-auto px-4" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_285" x-line-number="285"> <div class="text-center mb-16" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_286" x-line-number="286"> <h2 class="text-4xl md:text-5xl font-bold mb-6 text-slate-900" x-component="h2" x-dynamic="false" x-file-name="Home" x-id="Home_287" x-line-number="287"> Galería de Trabajos </h2> <p class="text-xl text-slate-600" x-component="p" x-dynamic="false" x-file-name="Home" x-id="Home_290" x-line-number="290"> Resultados que hablan por sí solos </p> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_295" x-line-number="295"> <div class="group relative overflow-hidden rounded-lg shadow-lg hover:shadow-2xl transition-all duration-300 h-80 cursor-pointer" style="animation-delay: 0ms;" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_297" x-line-number="297"> <img alt="Detailing Premium" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" src="photo-1761934657948-708146148588.jpg" x-component="img" x-dynamic="true" x-file-name="Home" x-id="Home_302" x-line-number="302"/> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-6" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_307" x-line-number="307"> <div x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_308" x-line-number="308"> <h3 class="text-white font-bold text-xl mb-1" x-component="h3" x-dynamic="true" x-file-name="Home" x-id="Home_309" x-line-number="309"> Detailing Premium </h3> <p class="text-slate-300 text-sm" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_310" x-line-number="310"> Detailing </p> </div> </div> </div> <div class="group relative overflow-hidden rounded-lg shadow-lg hover:shadow-2xl transition-all duration-300 h-80 cursor-pointer" style="animation-delay: 50ms;" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_297" x-line-number="297"> <img alt="Acabado Perfecto" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" src="photo-1761934658331-2e00b20dc6c6.jpg" x-component="img" x-dynamic="true" x-file-name="Home" x-id="Home_302" x-line-number="302"/> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-6" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_307" x-line-number="307"> <div x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_308" x-line-number="308"> <h3 class="text-white font-bold text-xl mb-1" x-component="h3" x-dynamic="true" x-file-name="Home" x-id="Home_309" x-line-number="309"> Acabado Perfecto </h3> <p class="text-slate-300 text-sm" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_310" x-line-number="310"> Lavado Premium </p> </div> </div> </div> <div class="group relative overflow-hidden rounded-lg shadow-lg hover:shadow-2xl transition-all duration-300 h-80 cursor-pointer" style="animation-delay: 100ms;" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_297" x-line-number="297"> <img alt="Cuidado Profesional" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" src="photo-1520340356584-f9917d1eea6f.jpg" x-component="img" x-dynamic="true" x-file-name="Home" x-id="Home_302" x-line-number="302"/> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-6" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_307" x-line-number="307"> <div x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_308" x-line-number="308"> <h3 class="text-white font-bold text-xl mb-1" x-component="h3" x-dynamic="true" x-file-name="Home" x-id="Home_309" x-line-number="309"> Cuidado Profesional </h3> <p class="text-slate-300 text-sm" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_310" x-line-number="310"> Detailing </p> </div> </div> </div> <div class="group relative overflow-hidden rounded-lg shadow-lg hover:shadow-2xl transition-all duration-300 h-80 cursor-pointer" style="animation-delay: 150ms;" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_297" x-line-number="297"> <img alt="Atención al Detalle" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" src="urn:scrapbook:download:error:https://images.unsplash.com/photo-1608506375591-b90e1955e4b" x-component="img" x-dynamic="true" x-file-name="Home" x-id="Home_302" x-line-number="302"/> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-6" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_307" x-line-number="307"> <div x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_308" x-line-number="308"> <h3 class="text-white font-bold text-xl mb-1" x-component="h3" x-dynamic="true" x-file-name="Home" x-id="Home_309" x-line-number="309"> Atención al Detalle </h3> <p class="text-slate-300 text-sm" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_310" x-line-number="310"> Servicio </p> </div> </div> </div> <div class="group relative overflow-hidden rounded-lg shadow-lg hover:shadow-2xl transition-all duration-300 h-80 cursor-pointer" style="animation-delay: 200ms;" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_297" x-line-number="297"> <img alt="Instalaciones Modernas" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" src="pexels-photo-372810.jpeg" x-component="img" x-dynamic="true" x-file-name="Home" x-id="Home_302" x-line-number="302"/> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-6" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_307" x-line-number="307"> <div x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_308" x-line-number="308"> <h3 class="text-white font-bold text-xl mb-1" x-component="h3" x-dynamic="true" x-file-name="Home" x-id="Home_309" x-line-number="309"> Instalaciones Modernas </h3> <p class="text-slate-300 text-sm" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_310" x-line-number="310"> Instalaciones </p> </div> </div> </div> <div class="group relative overflow-hidden rounded-lg shadow-lg hover:shadow-2xl transition-all duration-300 h-80 cursor-pointer" style="animation-delay: 250ms;" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_297" x-line-number="297"> <img alt="Tecnología de Punta" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" src="pexels-photo-210627.jpeg" x-component="img" x-dynamic="true" x-file-name="Home" x-id="Home_302" x-line-number="302"/> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-6" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_307" x-line-number="307"> <div x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_308" x-line-number="308"> <h3 class="text-white font-bold text-xl mb-1" x-component="h3" x-dynamic="true" x-file-name="Home" x-id="Home_309" x-line-number="309"> Tecnología de Punta </h3> <p class="text-slate-300 text-sm" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_310" x-line-number="310"> Tecnología </p> </div> </div> </div> </div> </div> </section> <section class="py-24 bg-white" id="testimonios" x-component="section" x-dynamic="false" x-file-name="Home" x-id="Home_320" x-line-number="320"> <div class="container mx-auto px-4" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_321" x-line-number="321"> <div class="text-center mb-16" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_322" x-line-number="322"> <h2 class="text-4xl md:text-5xl font-bold mb-6 text-slate-900" x-component="h2" x-dynamic="false" x-file-name="Home" x-id="Home_323" x-line-number="323"> Lo Que Dicen Nuestros Clientes </h2> <p class="text-xl text-slate-600" x-component="p" x-dynamic="false" x-file-name="Home" x-id="Home_326" x-line-number="326"> Testimonios reales de clientes satisfechos </p> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_331" x-line-number="331"> <div class="rounded-xl bg-card text-card-foreground shadow border-2 hover:border-slate-900 transition-all duration-300 hover:shadow-xl" style="animation-delay: 0ms;" x-component="Card" x-dynamic="true" x-file-name="Home" x-id="Home_333" x-line-number="333"> <div class="p-6 pt-6" x-component="CardContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_338" x-line-number="338"> <div class="flex items-center gap-4 mb-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_339" x-line-number="339"> <img alt="Carlos Mendoza" class="w-16 h-16 rounded-full" src="avatar.svg" x-component="img" x-dynamic="true" x-file-name="Home" x-id="Home_340" x-line-number="340"/> <div x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_345" x-line-number="345"> <h3 class="font-bold text-lg text-slate-900" x-component="h3" x-dynamic="true" x-file-name="Home" x-id="Home_346" x-line-number="346"> Carlos Mendoza </h3> <p class="text-sm text-slate-500" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_347" x-line-number="347"> Cliente Premium </p> </div> </div> <div class="flex gap-1 mb-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_351" x-line-number="351"> <svg aria-hidden="true" class="lucide lucide-star w-5 h-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Star" x-dynamic="true" x-file-name="Home" x-id="Home_353" x-line-number="353" xmlns="http://www.w3.org/2000/svg"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"> </path> </svg> <svg aria-hidden="true" class="lucide lucide-star w-5 h-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Star" x-dynamic="true" x-file-name="Home" x-id="Home_353" x-line-number="353" xmlns="http://www.w3.org/2000/svg"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"> </path> </svg> <svg aria-hidden="true" class="lucide lucide-star w-5 h-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Star" x-dynamic="true" x-file-name="Home" x-id="Home_353" x-line-number="353" xmlns="http://www.w3.org/2000/svg"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"> </path> </svg> <svg aria-hidden="true" class="lucide lucide-star w-5 h-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Star" x-dynamic="true" x-file-name="Home" x-id="Home_353" x-line-number="353" xmlns="http://www.w3.org/2000/svg"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"> </path> </svg> <svg aria-hidden="true" class="lucide lucide-star w-5 h-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Star" x-dynamic="true" x-file-name="Home" x-id="Home_353" x-line-number="353" xmlns="http://www.w3.org/2000/svg"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"> </path> </svg> </div> <p class="text-slate-700 italic" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_357" x-line-number="357"> "Excelente servicio, mi auto quedó como nuevo. El detailing es de otro nivel, totalmente recomendado." </p> </div> </div> <div class="rounded-xl bg-card text-card-foreground shadow border-2 hover:border-slate-900 transition-all duration-300 hover:shadow-xl" style="animation-delay: 100ms;" x-component="Card" x-dynamic="true" x-file-name="Home" x-id="Home_333" x-line-number="333"> <div class="p-6 pt-6" x-component="CardContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_338" x-line-number="338"> <div class="flex items-center gap-4 mb-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_339" x-line-number="339"> <img alt="María González" class="w-16 h-16 rounded-full" src="avatar-1.svg" x-component="img" x-dynamic="true" x-file-name="Home" x-id="Home_340" x-line-number="340"/> <div x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_345" x-line-number="345"> <h3 class="font-bold text-lg text-slate-900" x-component="h3" x-dynamic="true" x-file-name="Home" x-id="Home_346" x-line-number="346"> María González </h3> <p class="text-sm text-slate-500" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_347" x-line-number="347"> Cliente Frecuente </p> </div> </div> <div class="flex gap-1 mb-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_351" x-line-number="351"> <svg aria-hidden="true" class="lucide lucide-star w-5 h-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Star" x-dynamic="true" x-file-name="Home" x-id="Home_353" x-line-number="353" xmlns="http://www.w3.org/2000/svg"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"> </path> </svg> <svg aria-hidden="true" class="lucide lucide-star w-5 h-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Star" x-dynamic="true" x-file-name="Home" x-id="Home_353" x-line-number="353" xmlns="http://www.w3.org/2000/svg"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"> </path> </svg> <svg aria-hidden="true" class="lucide lucide-star w-5 h-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Star" x-dynamic="true" x-file-name="Home" x-id="Home_353" x-line-number="353" xmlns="http://www.w3.org/2000/svg"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"> </path> </svg> <svg aria-hidden="true" class="lucide lucide-star w-5 h-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Star" x-dynamic="true" x-file-name="Home" x-id="Home_353" x-line-number="353" xmlns="http://www.w3.org/2000/svg"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"> </path> </svg> <svg aria-hidden="true" class="lucide lucide-star w-5 h-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Star" x-dynamic="true" x-file-name="Home" x-id="Home_353" x-line-number="353" xmlns="http://www.w3.org/2000/svg"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"> </path> </svg> </div> <p class="text-slate-700 italic" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_357" x-line-number="357"> "Los mejores en Santiago. Profesionalismo y calidad garantizada. Llevo 2 años trayendo mi auto aquí." </p> </div> </div> <div class="rounded-xl bg-card text-card-foreground shadow border-2 hover:border-slate-900 transition-all duration-300 hover:shadow-xl" style="animation-delay: 200ms;" x-component="Card" x-dynamic="true" x-file-name="Home" x-id="Home_333" x-line-number="333"> <div class="p-6 pt-6" x-component="CardContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_338" x-line-number="338"> <div class="flex items-center gap-4 mb-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_339" x-line-number="339"> <img alt="Jorge Ramírez" class="w-16 h-16 rounded-full" src="avatar-2.svg" x-component="img" x-dynamic="true" x-file-name="Home" x-id="Home_340" x-line-number="340"/> <div x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_345" x-line-number="345"> <h3 class="font-bold text-lg text-slate-900" x-component="h3" x-dynamic="true" x-file-name="Home" x-id="Home_346" x-line-number="346"> Jorge Ramírez </h3> <p class="text-sm text-slate-500" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_347" x-line-number="347"> Distribuidor </p> </div> </div> <div class="flex gap-1 mb-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_351" x-line-number="351"> <svg aria-hidden="true" class="lucide lucide-star w-5 h-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Star" x-dynamic="true" x-file-name="Home" x-id="Home_353" x-line-number="353" xmlns="http://www.w3.org/2000/svg"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"> </path> </svg> <svg aria-hidden="true" class="lucide lucide-star w-5 h-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Star" x-dynamic="true" x-file-name="Home" x-id="Home_353" x-line-number="353" xmlns="http://www.w3.org/2000/svg"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"> </path> </svg> <svg aria-hidden="true" class="lucide lucide-star w-5 h-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Star" x-dynamic="true" x-file-name="Home" x-id="Home_353" x-line-number="353" xmlns="http://www.w3.org/2000/svg"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"> </path> </svg> <svg aria-hidden="true" class="lucide lucide-star w-5 h-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Star" x-dynamic="true" x-file-name="Home" x-id="Home_353" x-line-number="353" xmlns="http://www.w3.org/2000/svg"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"> </path> </svg> <svg aria-hidden="true" class="lucide lucide-star w-5 h-5 fill-yellow-400 text-yellow-400" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Star" x-dynamic="true" x-file-name="Home" x-id="Home_353" x-line-number="353" xmlns="http://www.w3.org/2000/svg"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"> </path> </svg> </div> <p class="text-slate-700 italic" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_357" x-line-number="357"> "Como distribuidor, confío plenamente en Washbe. La calidad del servicio es consistente y excepcional." </p> </div> </div> </div> </div> </section> <section class="py-24 bg-slate-50" id="faq" x-component="section" x-dynamic="false" x-file-name="Home" x-id="Home_366" x-line-number="366"> <div class="container mx-auto px-4" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_367" x-line-number="367"> <div class="text-center mb-16" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_368" x-line-number="368"> <h2 class="text-4xl md:text-5xl font-bold mb-6 text-slate-900" x-component="h2" x-dynamic="false" x-file-name="Home" x-id="Home_369" x-line-number="369"> Preguntas Frecuentes </h2> <p class="text-xl text-slate-600" x-component="p" x-dynamic="false" x-file-name="Home" x-id="Home_372" x-line-number="372"> Resolvemos tus dudas más comunes </p> </div> <div class="max-w-3xl mx-auto" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_377" x-line-number="377"> <div class="space-y-4" data-orientation="vertical" x-component="Accordion" x-dynamic="true" x-file-name="Home" x-id="Home_378" x-line-number="378"> <div class="bg-white border-2 rounded-lg px-6 hover:border-slate-900 transition-colors duration-200" data-orientation="vertical" data-state="closed" x-component="AccordionItem" x-dynamic="true" x-file-name="Home" x-id="Home_380" x-line-number="380"> <h3 class="flex" data-orientation="vertical" data-state="closed"> <button aria-controls="radix-_r_1_" aria-expanded="false" class="flex flex-1 items-center justify-between text-sm transition-all [&[data-state=open]>svg]:rotate-180 text-left font-semibold text-slate-900 hover:no-underline py-6" data-orientation="vertical" data-radix-collection-item="" data-state="closed" id="radix-_r_0_" type="button" x-component="AccordionTrigger" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_385" x-line-number="385"> ¿Cuánto tiempo toma el servicio? <svg aria-hidden="true" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="m6 9 6 6 6-6"> </path> </svg> </button> </h3> <div aria-labelledby="radix-_r_0_" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" data-orientation="vertical" data-state="closed" hidden="" id="radix-_r_1_" role="region" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);" x-component="AccordionContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_388" x-line-number="388"> </div> </div> <div class="bg-white border-2 rounded-lg px-6 hover:border-slate-900 transition-colors duration-200" data-orientation="vertical" data-state="closed" x-component="AccordionItem" x-dynamic="true" x-file-name="Home" x-id="Home_380" x-line-number="380"> <h3 class="flex" data-orientation="vertical" data-state="closed"> <button aria-controls="radix-_r_3_" aria-expanded="false" class="flex flex-1 items-center justify-between text-sm transition-all [&[data-state=open]>svg]:rotate-180 text-left font-semibold text-slate-900 hover:no-underline py-6" data-orientation="vertical" data-radix-collection-item="" data-state="closed" id="radix-_r_2_" type="button" x-component="AccordionTrigger" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_385" x-line-number="385"> ¿Qué productos utilizan? <svg aria-hidden="true" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="m6 9 6 6 6-6"> </path> </svg> </button> </h3> <div aria-labelledby="radix-_r_2_" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" data-orientation="vertical" data-state="closed" hidden="" id="radix-_r_3_" role="region" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);" x-component="AccordionContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_388" x-line-number="388"> </div> </div> <div class="bg-white border-2 rounded-lg px-6 hover:border-slate-900 transition-colors duration-200" data-orientation="vertical" data-state="closed" x-component="AccordionItem" x-dynamic="true" x-file-name="Home" x-id="Home_380" x-line-number="380"> <h3 class="flex" data-orientation="vertical" data-state="closed"> <button aria-controls="radix-_r_5_" aria-expanded="false" class="flex flex-1 items-center justify-between text-sm transition-all [&[data-state=open]>svg]:rotate-180 text-left font-semibold text-slate-900 hover:no-underline py-6" data-orientation="vertical" data-radix-collection-item="" data-state="closed" id="radix-_r_4_" type="button" x-component="AccordionTrigger" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_385" x-line-number="385"> ¿Hacen servicio a domicilio? <svg aria-hidden="true" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="m6 9 6 6 6-6"> </path> </svg> </button> </h3> <div aria-labelledby="radix-_r_4_" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" data-orientation="vertical" data-state="closed" hidden="" id="radix-_r_5_" role="region" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);" x-component="AccordionContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_388" x-line-number="388"> </div> </div> <div class="bg-white border-2 rounded-lg px-6 hover:border-slate-900 transition-colors duration-200" data-orientation="vertical" data-state="closed" x-component="AccordionItem" x-dynamic="true" x-file-name="Home" x-id="Home_380" x-line-number="380"> <h3 class="flex" data-orientation="vertical" data-state="closed"> <button aria-controls="radix-_r_7_" aria-expanded="false" class="flex flex-1 items-center justify-between text-sm transition-all [&[data-state=open]>svg]:rotate-180 text-left font-semibold text-slate-900 hover:no-underline py-6" data-orientation="vertical" data-radix-collection-item="" data-state="closed" id="radix-_r_6_" type="button" x-component="AccordionTrigger" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_385" x-line-number="385"> ¿Qué garantía tienen los servicios? <svg aria-hidden="true" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="m6 9 6 6 6-6"> </path> </svg> </button> </h3> <div aria-labelledby="radix-_r_6_" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" data-orientation="vertical" data-state="closed" hidden="" id="radix-_r_7_" role="region" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);" x-component="AccordionContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_388" x-line-number="388"> </div> </div> <div class="bg-white border-2 rounded-lg px-6 hover:border-slate-900 transition-colors duration-200" data-orientation="vertical" data-state="closed" x-component="AccordionItem" x-dynamic="true" x-file-name="Home" x-id="Home_380" x-line-number="380"> <h3 class="flex" data-orientation="vertical" data-state="closed"> <button aria-controls="radix-_r_9_" aria-expanded="false" class="flex flex-1 items-center justify-between text-sm transition-all [&[data-state=open]>svg]:rotate-180 text-left font-semibold text-slate-900 hover:no-underline py-6" data-orientation="vertical" data-radix-collection-item="" data-state="closed" id="radix-_r_8_" type="button" x-component="AccordionTrigger" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_385" x-line-number="385"> ¿Puedo agendar para el mismo día? <svg aria-hidden="true" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="m6 9 6 6 6-6"> </path> </svg> </button> </h3> <div aria-labelledby="radix-_r_8_" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" data-orientation="vertical" data-state="closed" hidden="" id="radix-_r_9_" role="region" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);" x-component="AccordionContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_388" x-line-number="388"> </div> </div> <div class="bg-white border-2 rounded-lg px-6 hover:border-slate-900 transition-colors duration-200" data-orientation="vertical" data-state="closed" x-component="AccordionItem" x-dynamic="true" x-file-name="Home" x-id="Home_380" x-line-number="380"> <h3 class="flex" data-orientation="vertical" data-state="closed"> <button aria-controls="radix-_r_b_" aria-expanded="false" class="flex flex-1 items-center justify-between text-sm transition-all [&[data-state=open]>svg]:rotate-180 text-left font-semibold text-slate-900 hover:no-underline py-6" data-orientation="vertical" data-radix-collection-item="" data-state="closed" id="radix-_r_a_" type="button" x-component="AccordionTrigger" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_385" x-line-number="385"> ¿Qué métodos de pago aceptan? <svg aria-hidden="true" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="m6 9 6 6 6-6"> </path> </svg> </button> </h3> <div aria-labelledby="radix-_r_a_" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" data-orientation="vertical" data-state="closed" hidden="" id="radix-_r_b_" role="region" style="--radix-accordion-content-height: var(--radix-collapsible-content-height); --radix-accordion-content-width: var(--radix-collapsible-content-width);" x-component="AccordionContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_388" x-line-number="388"> </div> </div> </div> </div> </div> </section> <section class="py-24 bg-white" id="distribuidor" x-component="section" x-dynamic="false" x-file-name="Home" x-id="Home_399" x-line-number="399"> <div class="container mx-auto px-4" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_400" x-line-number="400"> <div class="text-center mb-16" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_401" x-line-number="401"> <h2 class="text-4xl md:text-5xl font-bold mb-6 text-slate-900" x-component="h2" x-dynamic="false" x-file-name="Home" x-id="Home_402" x-line-number="402"> Red de Distribuidores </h2> <p class="text-xl text-slate-600 max-w-3xl mx-auto mb-8" x-component="p" x-dynamic="false" x-file-name="Home" x-id="Home_405" x-line-number="405"> Si quieres formar parte de nuestra red de distribuidores inscríbete en el siguiente formulario y un asesor comercial se contactará contigo </p> </div> <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 max-w-6xl mx-auto" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_410" x-line-number="410"> <div x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_412" x-line-number="412"> <h3 class="text-2xl font-bold mb-6 text-slate-900" x-component="h3" x-dynamic="false" x-file-name="Home" x-id="Home_413" x-line-number="413"> Distribuidores Actuales </h3> <div class="space-y-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_414" x-line-number="414"> <div class="rounded-xl bg-card text-card-foreground shadow border-2 hover:border-slate-900 transition-all duration-300" x-component="Card" x-dynamic="true" x-file-name="Home" x-id="Home_416" x-line-number="416"> <div class="flex flex-col space-y-1.5 p-6" x-component="CardHeader" x-dynamic="true" x-file-name="Home" x-id="Home_417" x-line-number="417"> <div class="font-semibold tracking-tight text-xl text-slate-900" x-component="CardTitle" x-dynamic="true" x-file-name="Home" x-id="Home_418" x-line-number="418"> AutoCenter Las Condes </div> <div class="text-sm text-muted-foreground flex items-center gap-2" x-component="CardDescription" x-dynamic="true" x-file-name="Home" x-id="Home_419" x-line-number="419"> <svg aria-hidden="true" class="lucide lucide-map-pin w-4 h-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="MapPin" x-dynamic="true" x-file-name="Home" x-id="Home_420" x-line-number="420" xmlns="http://www.w3.org/2000/svg"> <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"> </path> <circle cx="12" cy="10" r="3"> </circle> </svg> Las Condes, Santiago </div> </div> <div class="p-6 pt-0" x-component="CardContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_424" x-line-number="424"> <p class="text-slate-600" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_425" x-line-number="425"> Centro automotriz premium con servicios Washbe desde 2023 </p> </div> </div> <div class="rounded-xl bg-card text-card-foreground shadow border-2 hover:border-slate-900 transition-all duration-300" x-component="Card" x-dynamic="true" x-file-name="Home" x-id="Home_416" x-line-number="416"> <div class="flex flex-col space-y-1.5 p-6" x-component="CardHeader" x-dynamic="true" x-file-name="Home" x-id="Home_417" x-line-number="417"> <div class="font-semibold tracking-tight text-xl text-slate-900" x-component="CardTitle" x-dynamic="true" x-file-name="Home" x-id="Home_418" x-line-number="418"> Garage Elite Providencia </div> <div class="text-sm text-muted-foreground flex items-center gap-2" x-component="CardDescription" x-dynamic="true" x-file-name="Home" x-id="Home_419" x-line-number="419"> <svg aria-hidden="true" class="lucide lucide-map-pin w-4 h-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="MapPin" x-dynamic="true" x-file-name="Home" x-id="Home_420" x-line-number="420" xmlns="http://www.w3.org/2000/svg"> <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"> </path> <circle cx="12" cy="10" r="3"> </circle> </svg> Providencia, Santiago </div> </div> <div class="p-6 pt-0" x-component="CardContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_424" x-line-number="424"> <p class="text-slate-600" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_425" x-line-number="425"> Especialistas en vehículos de alta gama, partners Washbe certificados </p> </div> </div> <div class="rounded-xl bg-card text-card-foreground shadow border-2 hover:border-slate-900 transition-all duration-300" x-component="Card" x-dynamic="true" x-file-name="Home" x-id="Home_416" x-line-number="416"> <div class="flex flex-col space-y-1.5 p-6" x-component="CardHeader" x-dynamic="true" x-file-name="Home" x-id="Home_417" x-line-number="417"> <div class="font-semibold tracking-tight text-xl text-slate-900" x-component="CardTitle" x-dynamic="true" x-file-name="Home" x-id="Home_418" x-line-number="418"> Detailing Pro Vitacura </div> <div class="text-sm text-muted-foreground flex items-center gap-2" x-component="CardDescription" x-dynamic="true" x-file-name="Home" x-id="Home_419" x-line-number="419"> <svg aria-hidden="true" class="lucide lucide-map-pin w-4 h-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="MapPin" x-dynamic="true" x-file-name="Home" x-id="Home_420" x-line-number="420" xmlns="http://www.w3.org/2000/svg"> <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"> </path> <circle cx="12" cy="10" r="3"> </circle> </svg> Vitacura, Santiago </div> </div> <div class="p-6 pt-0" x-component="CardContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_424" x-line-number="424"> <p class="text-slate-600" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_425" x-line-number="425"> Centro de detailing profesional, red Washbe desde 2022 </p> </div> </div> </div> </div> <div x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_433" x-line-number="433"> <div class="rounded-xl bg-card text-card-foreground shadow border-2" x-component="Card" x-dynamic="true" x-file-name="Home" x-id="Home_434" x-line-number="434"> <div class="flex flex-col space-y-1.5 p-6" x-component="CardHeader" x-dynamic="true" x-file-name="Home" x-id="Home_435" x-line-number="435"> <div class="font-semibold tracking-tight text-2xl text-slate-900" x-component="CardTitle" x-dynamic="false" x-file-name="Home" x-id="Home_436" x-line-number="436"> Únete a Nuestra Red </div> <div class="text-sm text-muted-foreground" x-component="CardDescription" x-dynamic="false" x-file-name="Home" x-id="Home_437" x-line-number="437"> Completa el formulario y te contactaremos pronto </div> </div> <div class="p-6 pt-0" x-component="CardContent" x-dynamic="true" x-excluded="true" x-file-name="Home" x-id="Home_439" x-line-number="439"> <form class="space-y-4" x-component="form" x-dynamic="false" x-file-name="Home" x-id="Home_440" x-line-number="440"> <div x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_441" x-line-number="441"> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="businessName" x-component="Label" x-dynamic="false" x-file-name="Home" x-id="Home_442" x-line-number="442"> Nombre del Negocio * </label> <input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" id="businessName" required="" value="" x-component="Input" x-dynamic="true" x-file-name="Home" x-id="Home_443" x-line-number="443"/> </div> <div x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_451" x-line-number="451"> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="contactName" x-component="Label" x-dynamic="false" x-file-name="Home" x-id="Home_452" x-line-number="452"> Nombre de Contacto * </label> <input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" id="contactName" required="" value="" x-component="Input" x-dynamic="true" x-file-name="Home" x-id="Home_453" x-line-number="453"/> </div> <div x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_461" x-line-number="461"> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="distEmail" x-component="Label" x-dynamic="false" x-file-name="Home" x-id="Home_462" x-line-number="462"> Email * </label> <input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" id="distEmail" required="" type="email" value="" x-component="Input" x-dynamic="true" x-file-name="Home" x-id="Home_463" x-line-number="463"/> </div> <div x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_472" x-line-number="472"> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="distPhone" x-component="Label" x-dynamic="false" x-file-name="Home" x-id="Home_473" x-line-number="473"> Teléfono * </label> <input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" id="distPhone" required="" type="tel" value="" x-component="Input" x-dynamic="true" x-file-name="Home" x-id="Home_474" x-line-number="474"/> </div> <div x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_483" x-line-number="483"> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="location" x-component="Label" x-dynamic="false" x-file-name="Home" x-id="Home_484" x-line-number="484"> Ubicación * </label> <input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" id="location" required="" value="" x-component="Input" x-dynamic="true" x-file-name="Home" x-id="Home_485" x-line-number="485"/> </div> <div x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_493" x-line-number="493"> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="message" x-component="Label" x-dynamic="false" x-file-name="Home" x-id="Home_494" x-line-number="494"> Mensaje </label> <textarea class="flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" id="message" rows="4" x-component="Textarea" x-dynamic="true" x-file-name="Home" x-id="Home_495" x-line-number="495"></textarea> </div> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 text-primary-foreground shadow h-9 px-4 py-2 w-full bg-slate-900 hover:bg-slate-800 font-bold" type="submit" x-component="Button" x-dynamic="false" x-file-name="Home" x-id="Home_503" x-line-number="503"> Enviar Solicitud <svg aria-hidden="true" class="lucide lucide-chevron-right ml-2 w-4 h-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="m9 18 6-6-6-6"> </path> </svg> </button> </form> </div> </div> </div> </div> </div> </section> <section class="py-24 bg-slate-900 text-white" id="contacto" x-component="section" x-dynamic="false" x-file-name="Home" x-id="Home_516" x-line-number="516"> <div class="container mx-auto px-4" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_517" x-line-number="517"> <div class="text-center mb-16" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_518" x-line-number="518"> <h2 class="text-4xl md:text-5xl font-bold mb-6" x-component="h2" x-dynamic="false" x-file-name="Home" x-id="Home_519" x-line-number="519"> Contáctanos </h2> <p class="text-xl text-slate-300" x-component="p" x-dynamic="false" x-file-name="Home" x-id="Home_522" x-line-number="522"> Estamos aquí para atenderte </p> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_527" x-line-number="527"> <a class="bg-slate-800 p-8 rounded-lg text-center hover:bg-slate-700 transition-all duration-300 hover:scale-105 block" href="tel:+56912345678" x-component="a" x-dynamic="true" x-file-name="Home" x-id="Home_533" x-line-number="533"> <div class="bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_538" x-line-number="538"> <svg aria-hidden="true" class="lucide lucide-phone w-8 h-8 text-slate-900" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"> </path> </svg> </div> <h3 class="font-bold text-lg mb-2" x-component="h3" x-dynamic="true" x-file-name="Home" x-id="Home_541" x-line-number="541"> Teléfono </h3> <p class="text-slate-300" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_542" x-line-number="542"> +56 9 1234 5678 </p> </a> <a class="bg-slate-800 p-8 rounded-lg text-center hover:bg-slate-700 transition-all duration-300 hover:scale-105 block" href="mailto:contacto@washbe.cl" x-component="a" x-dynamic="true" x-file-name="Home" x-id="Home_533" x-line-number="533"> <div class="bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_538" x-line-number="538"> <svg aria-hidden="true" class="lucide lucide-mail w-8 h-8 text-slate-900" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"> </path> <rect height="16" rx="2" width="20" x="2" y="4"> </rect> </svg> </div> <h3 class="font-bold text-lg mb-2" x-component="h3" x-dynamic="true" x-file-name="Home" x-id="Home_541" x-line-number="541"> Email </h3> <p class="text-slate-300" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_542" x-line-number="542"> contacto@washbe.cl </p> </a> <a class="bg-slate-800 p-8 rounded-lg text-center hover:bg-slate-700 transition-all duration-300 hover:scale-105 block" href="#" x-component="a" x-dynamic="true" x-file-name="Home" x-id="Home_533" x-line-number="533"> <div class="bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_538" x-line-number="538"> <svg aria-hidden="true" class="lucide lucide-map-pin w-8 h-8 text-slate-900" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"> </path> <circle cx="12" cy="10" r="3"> </circle> </svg> </div> <h3 class="font-bold text-lg mb-2" x-component="h3" x-dynamic="true" x-file-name="Home" x-id="Home_541" x-line-number="541"> Ubicación </h3> <p class="text-slate-300" x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_542" x-line-number="542"> Santiago, Chile </p> </a> </div> <div class="mt-12 text-center" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_547" x-line-number="547"> <h3 class="text-2xl font-bold mb-6" x-component="h3" x-dynamic="false" x-file-name="Home" x-id="Home_548" x-line-number="548"> Horario de Atención </h3> <div class="flex items-center justify-center gap-2 text-slate-300" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_549" x-line-number="549"> <svg aria-hidden="true" class="lucide lucide-clock w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" x-component="Clock" x-dynamic="false" x-file-name="Home" x-id="Home_550" x-line-number="550" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10"> </circle> <polyline points="12 6 12 12 16 14"> </polyline> </svg> <span x-component="span" x-dynamic="false" x-file-name="Home" x-id="Home_551" x-line-number="551"> Lunes a Sábado: 9:00 AM - 7:00 PM </span> </div> </div> </div> </section> <footer class="bg-black text-white py-12" x-component="footer" x-dynamic="false" x-file-name="Home" x-id="Home_558" x-line-number="558"> <div class="container mx-auto px-4" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_559" x-line-number="559"> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_560" x-line-number="560"> <div x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_561" x-line-number="561"> <img alt="Washbe Logo" class="h-12 mb-4" src="p1xy54fw_Logo-Washbe-2025-New.png" x-component="img" x-dynamic="false" x-file-name="Home" x-id="Home_562" x-line-number="562"/> <p class="text-slate-400" x-component="p" x-dynamic="false" x-file-name="Home" x-id="Home_567" x-line-number="567"> Profesionalismo en estética automotriz. Detailers certificados a tu servicio. </p> </div> <div x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_572" x-line-number="572"> <h4 class="font-bold text-lg mb-4" x-component="h4" x-dynamic="false" x-file-name="Home" x-id="Home_573" x-line-number="573"> Enlaces Rápidos </h4> <ul class="space-y-2" x-component="ul" x-dynamic="true" x-file-name="Home" x-id="Home_574" x-line-number="574"> <li x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_576" x-line-number="576"> <a class="text-slate-400 hover:text-white transition-colors" href="#nosotros"> Nosotros </a> </li> <li x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_576" x-line-number="576"> <a class="text-slate-400 hover:text-white transition-colors" href="#servicios"> Servicios </a> </li> <li x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_576" x-line-number="576"> <a class="text-slate-400 hover:text-white transition-colors" href="#galeria"> Galería </a> </li> <li x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_576" x-line-number="576"> <a class="text-slate-400 hover:text-white transition-colors" href="#testimonios"> Testimonios </a> </li> <li x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_576" x-line-number="576"> <a class="text-slate-400 hover:text-white transition-colors" href="#faq"> FAQ </a> </li> <li x-component="li" x-dynamic="true" x-file-name="Home" x-id="Home_576" x-line-number="576"> <a class="text-slate-400 hover:text-white transition-colors" href="#distribuidor"> Distribuidor </a> </li> </ul> </div> <div x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_588" x-line-number="588"> <h4 class="font-bold text-lg mb-4" x-component="h4" x-dynamic="false" x-file-name="Home" x-id="Home_589" x-line-number="589"> Síguenos </h4> <div class="flex gap-4" x-component="div" x-dynamic="true" x-file-name="Home" x-id="Home_590" x-line-number="590"> <a class="bg-slate-800 w-10 h-10 rounded-full flex items-center justify-center hover:bg-slate-700 transition-colors" href="#" x-component="a" x-dynamic="true" x-file-name="Home" x-id="Home_596" x-line-number="596"> <svg aria-hidden="true" class="lucide lucide-instagram w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <rect height="20" rx="5" ry="5" width="20" x="2" y="2"> </rect> <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"> </path> <line x1="17.5" x2="17.51" y1="6.5" y2="6.5"> </line> </svg> </a> <a class="bg-slate-800 w-10 h-10 rounded-full flex items-center justify-center hover:bg-slate-700 transition-colors" href="#" x-component="a" x-dynamic="true" x-file-name="Home" x-id="Home_596" x-line-number="596"> <svg aria-hidden="true" class="lucide lucide-facebook w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"> </path> </svg> </a> <a class="bg-slate-800 w-10 h-10 rounded-full flex items-center justify-center hover:bg-slate-700 transition-colors" href="#" x-component="a" x-dynamic="true" x-file-name="Home" x-id="Home_596" x-line-number="596"> <svg aria-hidden="true" class="lucide lucide-twitter w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"> </path> </svg> </a> </div> </div> </div> <div class="border-t border-slate-800 pt-8 text-center text-slate-400" x-component="div" x-dynamic="false" x-file-name="Home" x-id="Home_608" x-line-number="608"> <p x-component="p" x-dynamic="true" x-file-name="Home" x-id="Home_609" x-line-number="609"> © 2026 Washbe. Todos los derechos reservados. </p> </div> </div> </footer> </div> <section aria-atomic="false" aria-label="Notifications alt+T" aria-live="polite" aria-relevant="additions text" tabindex="-1"> </section> </div> </div> <script> (function () { // Smooth in-page navigation (buttons converted to anchors, but keep safe) function smoothScrollTo(hash) { if (!hash || hash.length < 2) return; const el = document.querySelector(hash); if (!el) return; const y = el.getBoundingClientRect().top + window.pageYOffset; window.scrollTo({ top: y, behavior: "smooth" }); } // Mobile menu (off-canvas) const btn = document.getElementById("mobileMenuBtn"); const overlay = document.getElementById("mobileMenuOverlay"); const panel = document.getElementById("mobileMenuPanel"); const closeBtn = document.getElementById("mobileMenuCloseBtn"); const links = panel ? panel.querySelectorAll(".mobile-menu-link") : []; if (btn && overlay && panel && closeBtn) { let isOpen = false; let lastFocusedEl = null; const openMenu = () => { if (isOpen) return; isOpen = true; lastFocusedEl = document.activeElement; overlay.classList.remove("hidden"); panel.classList.remove("translate-x-full"); btn.setAttribute("aria-expanded", "true"); overlay.setAttribute("aria-hidden", "false"); panel.setAttribute("aria-hidden", "false"); document.body.style.overflow = "hidden"; closeBtn.focus(); }; const closeMenu = () => { if (!isOpen) return; isOpen = false; overlay.classList.add("hidden"); panel.classList.add("translate-x-full"); btn.setAttribute("aria-expanded", "false"); overlay.setAttribute("aria-hidden", "true"); panel.setAttribute("aria-hidden", "true"); document.body.style.overflow = ""; if (lastFocusedEl && lastFocusedEl.focus) lastFocusedEl.focus(); }; btn.addEventListener("click", () => (isOpen ? closeMenu() : openMenu())); closeBtn.addEventListener("click", closeMenu); overlay.addEventListener("click", closeMenu); window.addEventListener("keydown", (e) => { if (e.key === "Escape") closeMenu(); }); links.forEach((a) => { a.addEventListener("click", (e) => { // close menu and smooth scroll const href = a.getAttribute("href"); closeMenu(); if (href && href.startsWith("#")) { e.preventDefault(); // small delay to allow panel animation start setTimeout(() => smoothScrollTo(href), 10); } }); }); } // Desktop/footer anchor smooth scroll (optional but nice) document.addEventListener("click", (e) => { const a = e.target.closest && e.target.closest('a[href^="#"]'); if (!a) return; const href = a.getAttribute("href"); if (!href || href === "#") return; const el = document.querySelector(href); if (!el) return; e.preventDefault(); smoothScrollTo(href); }); // Simple carousel (hero) function initCarousel(key) { const track = document.querySelector('[data-carousel-track="' + key + '"]'); if (!track) return; const slides = Array.from(track.children).filter((c) => c && c.getAttribute && c.getAttribute("aria-roledescription") === "slide"); if (!slides.length) return; // reset any captured transform track.style.transform = "translate3d(0,0,0)"; let index = 0; let slideWidth = 0; function measure() { slideWidth = track.getBoundingClientRect().width; // track width equals slide width in this layout goTo(index, false); } function goTo(i, animate = true) { index = (i + slides.length) % slides.length; track.style.transition = animate ? "transform 400ms ease" : "none"; track.style.transform = "translate3d(" + (-index * slideWidth) + "px, 0, 0)"; // restore transition after immediate move if (!animate) requestAnimationFrame(() => (track.style.transition = "transform 400ms ease")); } const prev = document.querySelector('[data-carousel-prev="' + key + '"]'); const next = document.querySelector('[data-carousel-next="' + key + '"]'); if (prev) prev.addEventListener("click", () => goTo(index - 1, true)); if (next) next.addEventListener("click", () => goTo(index + 1, true)); // Auto-play let timer = setInterval(() => goTo(index + 1, true), 6000); const stop = () => { if (timer) { clearInterval(timer); timer = null; } }; const start = () => { if (!timer) timer = setInterval(() => goTo(index + 1, true), 6000); }; track.addEventListener("mouseenter", stop); track.addEventListener("mouseleave", start); track.addEventListener("touchstart", stop, { passive: true }); track.addEventListener("touchend", start, { passive: true }); // basic swipe let startX = null; track.addEventListener("touchstart", (e) => { startX = e.touches && e.touches[0] ? e.touches[0].clientX : null; }, { passive: true }); track.addEventListener("touchend", (e) => { if (startX == null) return; const endX = e.changedTouches && e.changedTouches[0] ? e.changedTouches[0].clientX : null; if (endX == null) return; const dx = endX - startX; if (Math.abs(dx) > 40) goTo(index + (dx < 0 ? 1 : -1), true); startX = null; }, { passive: true }); window.addEventListener("resize", measure); measure(); } initCarousel("hero"); })(); </script> </body> </html>
Save
cmd:
run
