/
home
/
simp499cl
/
public_html
/
washbe
/
/home/simp499cl/public_html/washbe
mkdir
upload
Name
Size
Mode
Actions
css2.css
2339
0644
edit
dl
rm
favicon.ico.html
10005
0644
edit
dl
rm
index.html
117724
0644
edit
dl
rm
Logo-Washbe-2025-New.png
74494
0644
edit
dl
rm
main.css
103123
0644
edit
dl
rm
photo-1521790797524-b2497295b8a0.jpg
51605
0644
edit
dl
rm
photo-1565689876697-e467b6c54da2.jpg
42078
0644
edit
dl
rm
photo-1587350855729-bab6beeac1ed-1.jpg
128666
0644
edit
dl
rm
photo-1587350855729-bab6beeac1ed.jpg
42044
0644
edit
dl
rm
photo-1594051673969-172a6f721d3c-1.jpg
97463
0644
edit
dl
rm
photo-1594051673969-172a6f721d3c.jpg
25997
0644
edit
dl
rm
photo-1607860108855-64acf2078ed9.jpg
145614
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/index.html
(117724B)
<!DOCTYPE html> <html lang="en" data-scrapbook-source="https://ecocarwash-4.preview.emergentagent.com/" data-scrapbook-create="20260130180151409"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="theme-color" content="#000000"> <meta name="description" content="Washbe"> <link href="css2.css" rel="stylesheet"> <link href="main.css" rel="stylesheet"> <title>Washbe</title> <body> <noscript>You need to enable JavaScript to run this app.</noscript> <div id="root"> <div class="App" x-file-name="App" x-line-number="16" x-component="div" x-id="App_16" x-dynamic="false"> <header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-white/95" x-file-name="Header" x-line-number="26" x-component="header" x-id="Header_26" x-dynamic="false"> <div class="container mx-auto px-4" x-file-name="Header" x-line-number="29" x-component="div" x-id="Header_29" x-dynamic="true"> <div class="flex items-center justify-between h-16" x-file-name="Header" x-line-number="30" x-component="div" x-id="Header_30" x-dynamic="false"> <div class="flex items-center space-x-2" x-file-name="Header" x-line-number="32" x-component="div" x-id="Header_32" x-dynamic="false"> <div class="w-10 h-10 rounded-lg flex items-center justify-center" x-file-name="Header" x-line-number="33" x-component="div" x-id="Header_33" x-dynamic="false"> <span class="text-white font-bold text-xl" x-file-name="Header" x-line-number="34" x-component="span" x-id="Header_34" x-dynamic="false">W</span> </div> <span class="text-xl font-bold text-gray-800" x-file-name="Header" x-line-number="36" x-component="span" x-id="Header_36" x-dynamic="false"> <img src="Logo-Washbe-2025-New.png" width="90" height="48"></img> </span> </div> <nav class="hidden md:flex items-center space-x-8" x-file-name="Header" x-line-number="40" x-component="nav" x-id="Header_40" x-dynamic="false"><button class="text-gray-700 hover:text-blue-600 transition-colors" x-file-name="Header" x-line-number="41" x-component="button" x-id="Header_41" x-dynamic="false">Home</button><button class="text-gray-700 hover:text-blue-600 transition-colors" x-file-name="Header" x-line-number="44" x-component="button" x-id="Header_44" x-dynamic="false">Servicios</button><button class="text-gray-700 hover:text-blue-600 transition-colors" x-file-name="Header" x-line-number="47" x-component="button" x-id="Header_47" x-dynamic="false">Nosotros</button><button class="text-gray-700 hover:text-blue-600 transition-colors" x-file-name="Header" x-line-number="50" x-component="button" x-id="Header_50" x-dynamic="false">Contacto</button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md 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 shadow h-9 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white" x-file-name="Header" x-line-number="53" x-component="Button" x-id="Header_53" x-dynamic="false">Agendar Ahora</button></nav> <button class="md:hidden text-gray-700" x-file-name="Header" x-line-number="62" x-component="button" x-id="Header_62" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu" aria-hidden="true"> <path d="M4 12h16"></path> <path d="M4 18h16"></path> <path d="M4 6h16"></path> </svg> </button> </div> </div> </header> <main x-file-name="App" x-line-number="18" x-component="main" x-id="App_18" x-dynamic="false"> <section id="home" class="pt-24 pb-16 bg-gradient-to-b from-blue-50 to-white" x-file-name="Hero" x-line-number="43" x-component="section" x-id="Hero_43" x-dynamic="false"> <div class="container mx-auto px-4" x-file-name="Hero" x-line-number="44" x-component="div" x-id="Hero_44" x-dynamic="false"> <div class="grid md:grid-cols-2 gap-12 items-center" x-file-name="Hero" x-line-number="45" x-component="div" x-id="Hero_45" x-dynamic="false"> <div class="space-y-6" x-file-name="Hero" x-line-number="47" x-component="div" x-id="Hero_47" x-dynamic="false"> <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 leading-tight" x-file-name="Hero" x-line-number="48" x-component="h1" x-id="Hero_48" x-dynamic="true">Tu Auto merece <span class="text-blue-600" x-file-name="Hero" x-line-number="50" x-component="span" x-id="Hero_50" x-dynamic="false">la perfección Washbe</span></h1> <p class="text-xl text-gray-600" x-file-name="Hero" x-line-number="52" x-component="p" x-id="Hero_52" x-dynamic="false">Servicio profesional, rápido y a domicilio</p> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium 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 h-10 bg-blue-600 hover:bg-blue-700 text-white text-lg px-8 py-6 rounded-lg shadow-lg hover:shadow-xl transition-all" x-file-name="Hero" x-line-number="55" x-component="Button" x-id="Hero_55" x-dynamic="false">Agendar Servicio</button> <div class="grid grid-cols-2 gap-4 pt-8" x-file-name="Hero" x-line-number="64" x-component="div" x-id="Hero_64" x-dynamic="true"> <div class="flex items-start space-x-3" x-file-name="Hero" x-line-number="68" x-component="div" x-id="Hero_68" x-dynamic="true"> <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center flex-shrink-0" x-file-name="Hero" x-line-number="69" x-component="div" x-id="Hero_69" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap text-blue-600" aria-hidden="true" x-file-name="Hero" x-line-number="70" x-component="Icon" x-id="Hero_70" x-dynamic="true"> <path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path> </svg> </div> <div x-file-name="Hero" x-line-number="72" x-component="div" x-id="Hero_72" x-dynamic="true"> <h3 class="font-semibold text-gray-900" x-file-name="Hero" x-line-number="73" x-component="h3" x-id="Hero_73" x-dynamic="true">Rápido</h3> <p class="text-sm text-gray-600" x-file-name="Hero" x-line-number="74" x-component="p" x-id="Hero_74" x-dynamic="true">Servicio express en el menor tiempo</p> </div> </div> <div class="flex items-start space-x-3" x-file-name="Hero" x-line-number="68" x-component="div" x-id="Hero_68" x-dynamic="true"> <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center flex-shrink-0" x-file-name="Hero" x-line-number="69" x-component="div" x-id="Hero_69" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house text-blue-600" aria-hidden="true" x-file-name="Hero" x-line-number="70" x-component="Icon" x-id="Hero_70" x-dynamic="true"> <path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path> <path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path> </svg> </div> <div x-file-name="Hero" x-line-number="72" x-component="div" x-id="Hero_72" x-dynamic="true"> <h3 class="font-semibold text-gray-900" x-file-name="Hero" x-line-number="73" x-component="h3" x-id="Hero_73" x-dynamic="true">A Domicilio</h3> <p class="text-sm text-gray-600" x-file-name="Hero" x-line-number="74" x-component="p" x-id="Hero_74" x-dynamic="true">Vamos donde estés, tú decides</p> </div> </div> <div class="flex items-start space-x-3" x-file-name="Hero" x-line-number="68" x-component="div" x-id="Hero_68" x-dynamic="true"> <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center flex-shrink-0" x-file-name="Hero" x-line-number="69" x-component="div" x-id="Hero_69" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award text-blue-600" aria-hidden="true" x-file-name="Hero" x-line-number="70" x-component="Icon" x-id="Hero_70" x-dynamic="true"> <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> <div x-file-name="Hero" x-line-number="72" x-component="div" x-id="Hero_72" x-dynamic="true"> <h3 class="font-semibold text-gray-900" x-file-name="Hero" x-line-number="73" x-component="h3" x-id="Hero_73" x-dynamic="true">Calidad Premium</h3> <p class="text-sm text-gray-600" x-file-name="Hero" x-line-number="74" x-component="p" x-id="Hero_74" x-dynamic="true">Productos de primera línea</p> </div> </div> <div class="flex items-start space-x-3" x-file-name="Hero" x-line-number="68" x-component="div" x-id="Hero_68" x-dynamic="true"> <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center flex-shrink-0" x-file-name="Hero" x-line-number="69" x-component="div" x-id="Hero_69" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles text-blue-600" aria-hidden="true" x-file-name="Hero" x-line-number="70" x-component="Icon" x-id="Hero_70" x-dynamic="true"> <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> <div x-file-name="Hero" x-line-number="72" x-component="div" x-id="Hero_72" x-dynamic="true"> <h3 class="font-semibold text-gray-900" x-file-name="Hero" x-line-number="73" x-component="h3" x-id="Hero_73" x-dynamic="true">Profesional</h3> <p class="text-sm text-gray-600" x-file-name="Hero" x-line-number="74" x-component="p" x-id="Hero_74" x-dynamic="true">Resultados de calidad garantizada</p> </div> </div> </div> </div> <div class="relative" x-file-name="Hero" x-line-number="83" x-component="div" x-id="Hero_83" x-dynamic="false"> <div class="relative w-full" role="region" aria-roledescription="carousel" x-file-name="Hero" x-line-number="84" x-component="Carousel" x-id="Hero_84" x-dynamic="true"> <div class="overflow-hidden" x-file-name="carousel" x-line-number="119" x-component="div" x-id="carousel_119" x-dynamic="false"> <div class="flex -ml-4" x-file-name="Hero" x-line-number="94" x-component="CarouselContent" x-id="Hero_94" x-dynamic="true" x-excluded="true" style="transform: translate3d(-616px, 0px, 0px);"> <div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 basis-full pl-4" x-file-name="Hero" x-line-number="96" x-component="CarouselItem" x-id="Hero_96" x-dynamic="true" style="transform: translate3d(0px, 0px, 0px);"> <div class="rounded-2xl overflow-hidden shadow-2xl" x-file-name="Hero" x-line-number="97" x-component="div" x-id="Hero_97" x-dynamic="true"><img alt="Lavado profesional de autos" class="w-full h-[500px] object-cover" x-file-name="Hero" x-line-number="98" x-component="img" x-id="Hero_98" x-dynamic="true" src="photo-1607860108855-64acf2078ed9.jpg"></div> </div> <div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 basis-full pl-4" x-file-name="Hero" x-line-number="96" x-component="CarouselItem" x-id="Hero_96" x-dynamic="true"> <div class="rounded-2xl overflow-hidden shadow-2xl" x-file-name="Hero" x-line-number="97" x-component="div" x-id="Hero_97" x-dynamic="true"><img alt="Auto BMW negro impecable" class="w-full h-[500px] object-cover" x-file-name="Hero" x-line-number="98" x-component="img" x-id="Hero_98" x-dynamic="true" src="photo-1594051673969-172a6f721d3c-1.jpg"></div> </div> <div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 basis-full pl-4" x-file-name="Hero" x-line-number="96" x-component="CarouselItem" x-id="Hero_96" x-dynamic="true"> <div class="rounded-2xl overflow-hidden shadow-2xl" x-file-name="Hero" x-line-number="97" x-component="div" x-id="Hero_97" x-dynamic="true"><img alt="BMW M3 azul brillante" class="w-full h-[500px] object-cover" x-file-name="Hero" x-line-number="98" x-component="img" x-id="Hero_98" x-dynamic="true" src="photo-1587350855729-bab6beeac1ed-1.jpg"></div> </div> </div> </div> <button 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 hover:text-accent-foreground absolute h-8 w-8 rounded-full top-1/2 -translate-y-1/2 left-4 bg-white/90 hover:bg-white border-2 shadow-lg" x-file-name="Hero" x-line-number="107" x-component="CarouselPrevious" x-id="Hero_107" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left h-4 w-4" aria-hidden="true"> <path d="m12 19-7-7 7-7"></path> <path d="M19 12H5"></path> </svg> <span class="sr-only" x-file-name="carousel" x-line-number="166" x-component="span" x-id="carousel_166" x-dynamic="false">Previous slide</span> </button> <button 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 hover:text-accent-foreground absolute h-8 w-8 rounded-full top-1/2 -translate-y-1/2 right-4 bg-white/90 hover:bg-white border-2 shadow-lg" x-file-name="Hero" x-line-number="108" x-component="CarouselNext" x-id="Hero_108" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"> <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path> </svg> <span class="sr-only" x-file-name="carousel" x-line-number="187" x-component="span" x-id="carousel_187" x-dynamic="false">Next slide</span> </button> </div> <div class="absolute -bottom-6 -left-6 bg-white p-6 rounded-xl shadow-lg z-10" x-file-name="Hero" x-line-number="111" x-component="div" x-id="Hero_111" x-dynamic="false"> <p class="text-3xl font-bold text-blue-600" x-file-name="Hero" x-line-number="112" x-component="p" x-id="Hero_112" x-dynamic="false">+1000</p> <p class="text-gray-600" x-file-name="Hero" x-line-number="113" x-component="p" x-id="Hero_113" x-dynamic="false">Clientes Satisfechos</p> </div> </div> </div> </div> </section> <section id="servicios" class="py-20 bg-white" x-file-name="Services" x-line-number="24" x-component="section" x-id="Services_24" x-dynamic="false"> <div class="container mx-auto px-4" x-file-name="Services" x-line-number="25" x-component="div" x-id="Services_25" x-dynamic="false"> <div class="text-center mb-16" x-file-name="Services" x-line-number="26" x-component="div" x-id="Services_26" x-dynamic="false"> <h2 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4" x-file-name="Services" x-line-number="27" x-component="h2" x-id="Services_27" x-dynamic="false">Nuestros Servicios</h2> <p class="text-xl text-gray-600 max-w-2xl mx-auto" x-file-name="Services" x-line-number="30" x-component="p" x-id="Services_30" x-dynamic="false">Elige el paquete perfecto para tu vehículo</p> </div> <div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto" x-file-name="Services" x-line-number="35" x-component="div" x-id="Services_35" x-dynamic="true"> <div class="rounded-xl bg-card text-card-foreground relative overflow-hidden transition-all hover:shadow-2xl border shadow-lg" x-file-name="Services" x-line-number="37" x-component="Card" x-id="Services_37" x-dynamic="true"> <div class="p-8" x-file-name="Services" x-line-number="52" x-component="div" x-id="Services_52" x-dynamic="true"> <h3 class="text-2xl font-bold text-gray-900 mb-2" x-file-name="Services" x-line-number="53" x-component="h3" x-id="Services_53" x-dynamic="true">LAVADO FULL S</h3> <p class="text-sm text-gray-600 mb-6" x-file-name="Services" x-line-number="56" x-component="p" x-id="Services_56" x-dynamic="true">Sedan / Coupe / Citycar / SUV Pequeño</p> <div class="mb-6" x-file-name="Services" x-line-number="60" x-component="div" x-id="Services_60" x-dynamic="true"><span class="text-4xl font-bold text-blue-600" x-file-name="Services" x-line-number="61" x-component="span" x-id="Services_61" x-dynamic="true">$29.990</span></div> <ul class="space-y-3 mb-8" x-file-name="Services" x-line-number="66" x-component="ul" x-id="Services_66" x-dynamic="true"> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Lavado de exterior en seco</span> </li> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Aspirado y limpieza interior</span> </li> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Limpieza de llantas, ventanas y focos</span> </li> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Encerado de carrocería</span> </li> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Renovador de llantas</span> </li> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Perfume</span> </li> </ul> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium 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-9 px-4 w-full bg-gray-800 hover:bg-gray-900 text-white py-6 text-lg transition-colors" x-file-name="Services" x-line-number="75" x-component="Button" x-id="Services_75" x-dynamic="true">Agendar este servicio</button> </div> </div> <div class="rounded-xl bg-card text-card-foreground relative overflow-hidden transition-all hover:shadow-2xl border-2 border-blue-600 shadow-xl scale-105" x-file-name="Services" x-line-number="37" x-component="Card" x-id="Services_37" x-dynamic="true"> <div class="absolute top-0 right-0 bg-blue-600 text-white px-4 py-1 text-sm font-semibold rounded-bl-lg" x-file-name="Services" x-line-number="44" x-component="div" x-id="Services_44" x-dynamic="true"> <div class="flex items-center space-x-1" x-file-name="Services" x-line-number="45" x-component="div" x-id="Services_45" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" aria-hidden="true" x-file-name="Services" x-line-number="46" x-component="Star" x-id="Services_46" x-dynamic="true"> <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> <span x-file-name="Services" x-line-number="47" x-component="span" x-id="Services_47" x-dynamic="true">Popular</span> </div> </div> <div class="p-8" x-file-name="Services" x-line-number="52" x-component="div" x-id="Services_52" x-dynamic="true"> <h3 class="text-2xl font-bold text-gray-900 mb-2" x-file-name="Services" x-line-number="53" x-component="h3" x-id="Services_53" x-dynamic="true">LAVADO FULL M</h3> <p class="text-sm text-gray-600 mb-6" x-file-name="Services" x-line-number="56" x-component="p" x-id="Services_56" x-dynamic="true">Sedan / Coupe / Citycar / SUV Pequeño</p> <div class="mb-6" x-file-name="Services" x-line-number="60" x-component="div" x-id="Services_60" x-dynamic="true"><span class="text-4xl font-bold text-blue-600" x-file-name="Services" x-line-number="61" x-component="span" x-id="Services_61" x-dynamic="true">$39.990</span></div> <ul class="space-y-3 mb-8" x-file-name="Services" x-line-number="66" x-component="ul" x-id="Services_66" x-dynamic="true"> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Lavado de exterior en seco</span> </li> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Aspirado y limpieza interior</span> </li> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Limpieza de llantas, ventanas y focos</span> </li> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Encerado de carrocería</span> </li> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Renovador de llantas</span> </li> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Perfume</span> </li> </ul> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium 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-9 px-4 w-full bg-blue-600 hover:bg-blue-700 text-white py-6 text-lg transition-colors" x-file-name="Services" x-line-number="75" x-component="Button" x-id="Services_75" x-dynamic="true">Agendar este servicio</button> </div> </div> <div class="rounded-xl bg-card text-card-foreground relative overflow-hidden transition-all hover:shadow-2xl border shadow-lg" x-file-name="Services" x-line-number="37" x-component="Card" x-id="Services_37" x-dynamic="true"> <div class="p-8" x-file-name="Services" x-line-number="52" x-component="div" x-id="Services_52" x-dynamic="true"> <h3 class="text-2xl font-bold text-gray-900 mb-2" x-file-name="Services" x-line-number="53" x-component="h3" x-id="Services_53" x-dynamic="true">LAVADO FULL XL</h3> <p class="text-sm text-gray-600 mb-6" x-file-name="Services" x-line-number="56" x-component="p" x-id="Services_56" x-dynamic="true">Camionetas / Todo terreno / SUV Grande</p> <div class="mb-6" x-file-name="Services" x-line-number="60" x-component="div" x-id="Services_60" x-dynamic="true"><span class="text-4xl font-bold text-blue-600" x-file-name="Services" x-line-number="61" x-component="span" x-id="Services_61" x-dynamic="true">$59.990</span></div> <ul class="space-y-3 mb-8" x-file-name="Services" x-line-number="66" x-component="ul" x-id="Services_66" x-dynamic="true"> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Lavado de exterior en seco</span> </li> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Aspirado y limpieza interior</span> </li> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Limpieza de llantas, ventanas y focos</span> </li> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Encerado de carrocería</span> </li> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Renovador de llantas</span> </li> <li class="flex items-start space-x-2" x-file-name="Services" x-line-number="68" x-component="li" x-id="Services_68" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500 flex-shrink-0 mt-0.5" aria-hidden="true"> <path d="M20 6 9 17l-5-5"></path> </svg> <span class="text-gray-700" x-file-name="Services" x-line-number="70" x-component="span" x-id="Services_70" x-dynamic="true">Perfume</span> </li> </ul> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium 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-9 px-4 w-full bg-gray-800 hover:bg-gray-900 text-white py-6 text-lg transition-colors" x-file-name="Services" x-line-number="75" x-component="Button" x-id="Services_75" x-dynamic="true">Agendar este servicio</button> </div> </div> </div> <div class="grid md:grid-cols-3 gap-6 mt-16 max-w-6xl mx-auto" x-file-name="Services" x-line-number="91" x-component="div" x-id="Services_91" x-dynamic="false"> <div class="rounded-xl overflow-hidden shadow-lg" x-file-name="Services" x-line-number="92" x-component="div" x-id="Services_92" x-dynamic="false"><img alt="Auto limpio" class="w-full h-64 object-cover hover:scale-105 transition-transform duration-300" x-file-name="Services" x-line-number="93" x-component="img" x-id="Services_93" x-dynamic="false" src="photo-1594051673969-172a6f721d3c.jpg"></div> <div class="rounded-xl overflow-hidden shadow-lg" x-file-name="Services" x-line-number="99" x-component="div" x-id="Services_99" x-dynamic="false"><img alt="Auto brillante" class="w-full h-64 object-cover hover:scale-105 transition-transform duration-300" x-file-name="Services" x-line-number="100" x-component="img" x-id="Services_100" x-dynamic="false" src="photo-1587350855729-bab6beeac1ed.jpg"></div> <div class="rounded-xl overflow-hidden shadow-lg" x-file-name="Services" x-line-number="106" x-component="div" x-id="Services_106" x-dynamic="false"><img alt="Lavado profesional" class="w-full h-64 object-cover hover:scale-105 transition-transform duration-300" x-file-name="Services" x-line-number="107" x-component="img" x-id="Services_107" x-dynamic="false" src="photo-1565689876697-e467b6c54da2.jpg"></div> </div> </div> </section> <section id="nosotros" class="py-20 bg-gray-50" x-file-name="About" x-line-number="29" x-component="section" x-id="About_29" x-dynamic="false"> <div class="container mx-auto px-4" x-file-name="About" x-line-number="30" x-component="div" x-id="About_30" x-dynamic="false"> <div class="grid md:grid-cols-2 gap-12 items-center max-w-6xl mx-auto" x-file-name="About" x-line-number="31" x-component="div" x-id="About_31" x-dynamic="false"> <div class="space-y-6" x-file-name="About" x-line-number="33" x-component="div" x-id="About_33" x-dynamic="false"> <h2 class="text-4xl md:text-5xl font-bold text-gray-900" x-file-name="About" x-line-number="34" x-component="h2" x-id="About_34" x-dynamic="false">Sobre Nosotros</h2> <p class="text-lg text-gray-700 leading-relaxed" x-file-name="About" x-line-number="37" x-component="p" x-id="About_37" x-dynamic="false">Somos Washbe, una empresa profesional dedicada al lavado de vehículos a domicilio. Nuestro compromiso es ofrecer un servicio de primera calidad que cuide y proteja tu auto.</p> <p class="text-lg text-gray-700 leading-relaxed" x-file-name="About" x-line-number="41" x-component="p" x-id="About_41" x-dynamic="false">Utilizamos los mejores productos y técnicas profesionales para brindar resultados excepcionales. Cada miembro de nuestro equipo está altamente capacitado para ofrecer un servicio premium que supere tus expectativas.</p> <div class="grid grid-cols-2 gap-6 pt-6" x-file-name="About" x-line-number="47" x-component="div" x-id="About_47" x-dynamic="true"> <div class="space-y-2" x-file-name="About" x-line-number="51" x-component="div" x-id="About_51" x-dynamic="true"> <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center" x-file-name="About" x-line-number="52" x-component="div" x-id="About_52" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award text-blue-600" aria-hidden="true" x-file-name="About" x-line-number="53" x-component="Icon" x-id="About_53" x-dynamic="true"> <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-semibold text-gray-900" x-file-name="About" x-line-number="55" x-component="h3" x-id="About_55" x-dynamic="true">Experiencia y Calidad</h3> <p class="text-sm text-gray-600" x-file-name="About" x-line-number="56" x-component="p" x-id="About_56" x-dynamic="true">Años de experiencia en el cuidado profesional de vehículos con los más altos estándares de calidad.</p> </div> <div class="space-y-2" x-file-name="About" x-line-number="51" x-component="div" x-id="About_51" x-dynamic="true"> <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center" x-file-name="About" x-line-number="52" x-component="div" x-id="About_52" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart text-blue-600" aria-hidden="true" x-file-name="About" x-line-number="53" x-component="Icon" x-id="About_53" x-dynamic="true"> <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path> </svg> </div> <h3 class="font-semibold text-gray-900" x-file-name="About" x-line-number="55" x-component="h3" x-id="About_55" x-dynamic="true">Productos Premium</h3> <p class="text-sm text-gray-600" x-file-name="About" x-line-number="56" x-component="p" x-id="About_56" x-dynamic="true">Utilizamos productos de primera línea que cuidan y protegen tu auto.</p> </div> <div class="space-y-2" x-file-name="About" x-line-number="51" x-component="div" x-id="About_51" x-dynamic="true"> <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center" x-file-name="About" x-line-number="52" x-component="div" x-id="About_52" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield text-blue-600" aria-hidden="true" x-file-name="About" x-line-number="53" x-component="Icon" x-id="About_53" x-dynamic="true"> <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-semibold text-gray-900" x-file-name="About" x-line-number="55" x-component="h3" x-id="About_55" x-dynamic="true">Cuidado del Vehículo</h3> <p class="text-sm text-gray-600" x-file-name="About" x-line-number="56" x-component="p" x-id="About_56" x-dynamic="true">Técnicas profesionales que protegen la pintura y mantienen el valor de tu inversión.</p> </div> <div class="space-y-2" x-file-name="About" x-line-number="51" x-component="div" x-id="About_51" x-dynamic="true"> <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center" x-file-name="About" x-line-number="52" x-component="div" x-id="About_52" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users text-blue-600" aria-hidden="true" x-file-name="About" x-line-number="53" x-component="Icon" x-id="About_53" x-dynamic="true"> <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-semibold text-gray-900" x-file-name="About" x-line-number="55" x-component="h3" x-id="About_55" x-dynamic="true">Servicio a Domicilio</h3> <p class="text-sm text-gray-600" x-file-name="About" x-line-number="56" x-component="p" x-id="About_56" x-dynamic="true">Vamos donde estés, ahorrándote tiempo y ofreciendo máxima comodidad.</p> </div> </div> </div> <div class="relative" x-file-name="About" x-line-number="64" x-component="div" x-id="About_64" x-dynamic="false"> <div class="rounded-2xl overflow-hidden shadow-xl" x-file-name="About" x-line-number="65" x-component="div" x-id="About_65" x-dynamic="false"><img alt="Equipo profesional" class="w-full h-[600px] object-cover" x-file-name="About" x-line-number="66" x-component="img" x-id="About_66" x-dynamic="false" src="photo-1521790797524-b2497295b8a0.jpg"></div> <div class="absolute -bottom-6 -right-6 bg-blue-600 text-white p-8 rounded-xl shadow-lg max-w-xs" x-file-name="About" x-line-number="72" x-component="div" x-id="About_72" x-dynamic="false"> <p class="text-4xl font-bold mb-2" x-file-name="About" x-line-number="73" x-component="p" x-id="About_73" x-dynamic="false">100%</p> <p class="text-lg" x-file-name="About" x-line-number="74" x-component="p" x-id="About_74" x-dynamic="false">Satisfacción Garantizada</p> </div> </div> </div> </div> </section> <section id="agendar" class="py-20 bg-gradient-to-b from-blue-50 to-white" x-file-name="BookingForm" x-line-number="68" x-component="section" x-id="BookingForm_68" x-dynamic="false"> <div class="container mx-auto px-4" x-file-name="BookingForm" x-line-number="69" x-component="div" x-id="BookingForm_69" x-dynamic="false"> <div class="max-w-3xl mx-auto" x-file-name="BookingForm" x-line-number="70" x-component="div" x-id="BookingForm_70" x-dynamic="false"> <div class="text-center mb-12" x-file-name="BookingForm" x-line-number="71" x-component="div" x-id="BookingForm_71" x-dynamic="false"> <h2 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4" x-file-name="BookingForm" x-line-number="72" x-component="h2" x-id="BookingForm_72" x-dynamic="false">Agenda tu Servicio</h2> <p class="text-xl text-gray-600" x-file-name="BookingForm" x-line-number="75" x-component="p" x-id="BookingForm_75" x-dynamic="false">Completa el formulario y nos pondremos en contacto contigo</p> </div> <div class="rounded-xl border bg-card text-card-foreground p-8 shadow-2xl" x-file-name="BookingForm" x-line-number="80" x-component="Card" x-id="BookingForm_80" x-dynamic="true"> <form class="space-y-6" x-file-name="BookingForm" x-line-number="81" x-component="form" x-id="BookingForm_81" x-dynamic="false"> <div class="space-y-2" x-file-name="BookingForm" x-line-number="83" x-component="div" x-id="BookingForm_83" x-dynamic="false"> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center space-x-2" for="name" x-file-name="BookingForm" x-line-number="84" x-component="Label" x-id="BookingForm_84" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user" aria-hidden="true"> <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path> <circle cx="12" cy="7" r="4"></circle> </svg> <span x-file-name="BookingForm" x-line-number="86" x-component="span" x-id="BookingForm_86" x-dynamic="false">Nombre completo *</span> </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" x-file-name="BookingForm" x-line-number="88" x-component="Input" x-id="BookingForm_88" x-dynamic="true" id="name" placeholder="Tu nombre" required="" value=""> </div> <div class="grid md:grid-cols-2 gap-6" x-file-name="BookingForm" x-line-number="98" x-component="div" x-id="BookingForm_98" x-dynamic="false"> <div class="space-y-2" x-file-name="BookingForm" x-line-number="99" x-component="div" x-id="BookingForm_99" x-dynamic="false"> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center space-x-2" for="phone" x-file-name="BookingForm" x-line-number="100" x-component="Label" x-id="BookingForm_100" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone" aria-hidden="true" x-file-name="BookingForm" x-line-number="101" x-component="Phone" x-id="BookingForm_101" x-dynamic="false"> <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> <span x-file-name="BookingForm" x-line-number="102" x-component="span" x-id="BookingForm_102" x-dynamic="false">Teléfono *</span> </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" x-file-name="BookingForm" x-line-number="104" x-component="Input" x-id="BookingForm_104" x-dynamic="true" id="phone" placeholder="+56 9 1234 5678" required="" type="tel" value=""> </div> <div class="space-y-2" x-file-name="BookingForm" x-line-number="114" x-component="div" x-id="BookingForm_114" x-dynamic="false"> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center space-x-2" for="email" x-file-name="BookingForm" x-line-number="115" x-component="Label" x-id="BookingForm_115" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail" aria-hidden="true" x-file-name="BookingForm" x-line-number="116" x-component="Mail" x-id="BookingForm_116" x-dynamic="false"> <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path> <rect x="2" y="4" width="20" height="16" rx="2"></rect> </svg> <span x-file-name="BookingForm" x-line-number="117" x-component="span" x-id="BookingForm_117" x-dynamic="false">Email *</span> </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" x-file-name="BookingForm" x-line-number="119" x-component="Input" x-id="BookingForm_119" x-dynamic="true" id="email" placeholder="tu@email.com" required="" type="email" value=""> </div> </div> <div class="grid md:grid-cols-2 gap-6" x-file-name="BookingForm" x-line-number="131" x-component="div" x-id="BookingForm_131" x-dynamic="false"> <div class="space-y-2" x-file-name="BookingForm" x-line-number="132" x-component="div" x-id="BookingForm_132" x-dynamic="false"> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center space-x-2" for="vehicleType" x-file-name="BookingForm" x-line-number="133" x-component="Label" x-id="BookingForm_133" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-car" aria-hidden="true" x-file-name="BookingForm" x-line-number="134" x-component="Car" x-id="BookingForm_134" x-dynamic="false"> <path d="M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2"></path> <circle cx="7" cy="17" r="2"></circle> <path d="M9 17h6"></path> <circle cx="17" cy="17" r="2"></circle> </svg> <span x-file-name="BookingForm" x-line-number="135" x-component="span" x-id="BookingForm_135" x-dynamic="false">Tipo de vehículo</span> </label> <button type="button" role="combobox" aria-controls="radix-_r_0_" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-placeholder="" class="flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"> <span x-file-name="BookingForm" x-line-number="139" x-component="SelectValue" x-id="BookingForm_139" x-dynamic="false" x-excluded="true" style="pointer-events: none;">Selecciona tu vehículo</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 opacity-50" aria-hidden="true"> <path d="m6 9 6 6 6-6"></path> </svg> </button> <select aria-hidden="true" tabindex="-1" style="position: absolute; border: 0px; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; overflow-wrap: normal;"> <option value="sedan" selected="">Sedan</option> <option value="coupe">Coupe</option> <option value="citycar">Citycar</option> <option value="suv-pequeno">SUV Pequeño</option> <option value="camioneta">Camioneta</option> <option value="suv-grande">SUV Grande</option> <option value="todoTerreno">Todo Terreno</option> </select> </div> <div class="space-y-2" x-file-name="BookingForm" x-line-number="153" x-component="div" x-id="BookingForm_153" x-dynamic="false"> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center space-x-2" for="service" x-file-name="BookingForm" x-line-number="154" x-component="Label" x-id="BookingForm_154" x-dynamic="true"><span x-file-name="BookingForm" x-line-number="155" x-component="span" x-id="BookingForm_155" x-dynamic="false">Servicio *</span></label> <button type="button" role="combobox" aria-controls="radix-_r_1_" aria-expanded="false" aria-required="true" aria-autocomplete="none" dir="ltr" data-state="closed" data-placeholder="" class="flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"> <span x-file-name="BookingForm" x-line-number="159" x-component="SelectValue" x-id="BookingForm_159" x-dynamic="false" x-excluded="true" style="pointer-events: none;">Selecciona un servicio</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 opacity-50" aria-hidden="true"> <path d="m6 9 6 6 6-6"></path> </svg> </button> <select aria-hidden="true" required="" tabindex="-1" style="position: absolute; border: 0px; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; overflow-wrap: normal;"> <option value="LAVADO FULL S" selected="">LAVADO FULL S - $29.990</option> <option value="LAVADO FULL M">LAVADO FULL M - $39.990</option> <option value="LAVADO FULL XL">LAVADO FULL XL - $59.990</option> </select> </div> </div> <div class="space-y-2" x-file-name="BookingForm" x-line-number="173" x-component="div" x-id="BookingForm_173" x-dynamic="false"> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center space-x-2" for="address" x-file-name="BookingForm" x-line-number="174" x-component="Label" x-id="BookingForm_174" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin" aria-hidden="true" x-file-name="BookingForm" x-line-number="175" x-component="MapPin" x-id="BookingForm_175" x-dynamic="false"> <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> <span x-file-name="BookingForm" x-line-number="176" x-component="span" x-id="BookingForm_176" x-dynamic="false">Dirección</span> </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" x-file-name="BookingForm" x-line-number="178" x-component="Input" x-id="BookingForm_178" x-dynamic="true" id="address" placeholder="Calle, número, comuna" value=""> </div> <div class="grid md:grid-cols-2 gap-6" x-file-name="BookingForm" x-line-number="187" x-component="div" x-id="BookingForm_187" x-dynamic="false"> <div class="space-y-2" x-file-name="BookingForm" x-line-number="188" x-component="div" x-id="BookingForm_188" x-dynamic="false"> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center space-x-2" for="date" x-file-name="BookingForm" x-line-number="189" x-component="Label" x-id="BookingForm_189" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar" aria-hidden="true" x-file-name="BookingForm" x-line-number="190" x-component="Calendar" x-id="BookingForm_190" x-dynamic="false"> <path d="M8 2v4"></path> <path d="M16 2v4"></path> <rect width="18" height="18" x="3" y="4" rx="2"></rect> <path d="M3 10h18"></path> </svg> <span x-file-name="BookingForm" x-line-number="191" x-component="span" x-id="BookingForm_191" x-dynamic="false">Fecha preferida *</span> </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" x-file-name="BookingForm" x-line-number="193" x-component="Input" x-id="BookingForm_193" x-dynamic="true" id="date" min="2026-01-30" required="" type="date" value=""> </div> <div class="space-y-2" x-file-name="BookingForm" x-line-number="203" x-component="div" x-id="BookingForm_203" x-dynamic="false"> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center space-x-2" for="time" x-file-name="BookingForm" x-line-number="204" x-component="Label" x-id="BookingForm_204" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock" aria-hidden="true" x-file-name="BookingForm" x-line-number="205" x-component="Clock" x-id="BookingForm_205" x-dynamic="false"> <circle cx="12" cy="12" r="10"></circle> <polyline points="12 6 12 12 16 14"></polyline> </svg> <span x-file-name="BookingForm" x-line-number="206" x-component="span" x-id="BookingForm_206" x-dynamic="false">Hora preferida</span> </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" x-file-name="BookingForm" x-line-number="208" x-component="Input" x-id="BookingForm_208" x-dynamic="true" id="time" type="time" value=""> </div> </div> <div class="space-y-2" x-file-name="BookingForm" x-line-number="218" x-component="div" x-id="BookingForm_218" x-dynamic="false"> <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center space-x-2" for="comments" x-file-name="BookingForm" x-line-number="219" x-component="Label" x-id="BookingForm_219" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square" aria-hidden="true" x-file-name="BookingForm" x-line-number="220" x-component="MessageSquare" x-id="BookingForm_220" x-dynamic="false"> <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path> </svg> <span x-file-name="BookingForm" x-line-number="221" x-component="span" x-id="BookingForm_221" x-dynamic="false">Comentarios adicionales</span> </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" x-file-name="BookingForm" x-line-number="223" x-component="Textarea" x-id="BookingForm_223" x-dynamic="true" id="comments" placeholder="Alguna indicación especial..." rows="4"></textarea> </div> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium 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-9 px-4 w-full bg-blue-600 hover:bg-blue-700 text-white py-6 text-lg transition-colors" x-file-name="BookingForm" x-line-number="232" x-component="Button" x-id="BookingForm_232" x-dynamic="false" type="submit">Confirmar Reserva</button> </form> </div> </div> </div> </section> <section class="py-20 bg-white" x-file-name="Testimonials" x-line-number="8" x-component="section" x-id="Testimonials_8" x-dynamic="false"> <div class="container mx-auto px-4" x-file-name="Testimonials" x-line-number="9" x-component="div" x-id="Testimonials_9" x-dynamic="false"> <div class="text-center mb-16" x-file-name="Testimonials" x-line-number="10" x-component="div" x-id="Testimonials_10" x-dynamic="false"> <h2 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4" x-file-name="Testimonials" x-line-number="11" x-component="h2" x-id="Testimonials_11" x-dynamic="false">Lo que dicen nuestros clientes</h2> <p class="text-xl text-gray-600 max-w-2xl mx-auto" x-file-name="Testimonials" x-line-number="14" x-component="p" x-id="Testimonials_14" x-dynamic="false">Miles de clientes satisfechos confían en nosotros</p> </div> <div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto" x-file-name="Testimonials" x-line-number="19" x-component="div" x-id="Testimonials_19" x-dynamic="true"> <div class="rounded-xl border bg-card text-card-foreground p-8 shadow-lg hover:shadow-xl transition-shadow" x-file-name="Testimonials" x-line-number="21" x-component="Card" x-id="Testimonials_21" x-dynamic="true"> <div class="flex items-center mb-4" x-file-name="Testimonials" x-line-number="22" x-component="div" x-id="Testimonials_22" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-yellow-400 fill-yellow-400" aria-hidden="true" x-file-name="Testimonials" x-line-number="24" x-component="Star" x-id="Testimonials_24" x-dynamic="true"> <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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-yellow-400 fill-yellow-400" aria-hidden="true" x-file-name="Testimonials" x-line-number="24" x-component="Star" x-id="Testimonials_24" x-dynamic="true"> <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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-yellow-400 fill-yellow-400" aria-hidden="true" x-file-name="Testimonials" x-line-number="24" x-component="Star" x-id="Testimonials_24" x-dynamic="true"> <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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-yellow-400 fill-yellow-400" aria-hidden="true" x-file-name="Testimonials" x-line-number="24" x-component="Star" x-id="Testimonials_24" x-dynamic="true"> <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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-yellow-400 fill-yellow-400" aria-hidden="true" x-file-name="Testimonials" x-line-number="24" x-component="Star" x-id="Testimonials_24" x-dynamic="true"> <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-gray-700 mb-6 leading-relaxed" x-file-name="Testimonials" x-line-number="27" x-component="p" x-id="Testimonials_27" x-dynamic="true">"Excelente servicio, muy profesionales. Mi auto quedó impecable y lo mejor es que vinieron a mi casa. 100% recomendado."</p> <div class="flex items-center space-x-3" x-file-name="Testimonials" x-line-number="30" x-component="div" x-id="Testimonials_30" x-dynamic="true"> <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center" x-file-name="Testimonials" x-line-number="31" x-component="div" x-id="Testimonials_31" x-dynamic="true"><span class="text-blue-600 font-semibold text-lg" x-file-name="Testimonials" x-line-number="32" x-component="span" x-id="Testimonials_32" x-dynamic="true">C</span></div> <div x-file-name="Testimonials" x-line-number="36" x-component="div" x-id="Testimonials_36" x-dynamic="true"> <p class="font-semibold text-gray-900" x-file-name="Testimonials" x-line-number="37" x-component="p" x-id="Testimonials_37" x-dynamic="true">Carlos Ramírez</p> <p class="text-sm text-gray-600" x-file-name="Testimonials" x-line-number="38" x-component="p" x-id="Testimonials_38" x-dynamic="true">Cliente Verificado</p> </div> </div> </div> <div class="rounded-xl border bg-card text-card-foreground p-8 shadow-lg hover:shadow-xl transition-shadow" x-file-name="Testimonials" x-line-number="21" x-component="Card" x-id="Testimonials_21" x-dynamic="true"> <div class="flex items-center mb-4" x-file-name="Testimonials" x-line-number="22" x-component="div" x-id="Testimonials_22" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-yellow-400 fill-yellow-400" aria-hidden="true" x-file-name="Testimonials" x-line-number="24" x-component="Star" x-id="Testimonials_24" x-dynamic="true"> <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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-yellow-400 fill-yellow-400" aria-hidden="true" x-file-name="Testimonials" x-line-number="24" x-component="Star" x-id="Testimonials_24" x-dynamic="true"> <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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-yellow-400 fill-yellow-400" aria-hidden="true" x-file-name="Testimonials" x-line-number="24" x-component="Star" x-id="Testimonials_24" x-dynamic="true"> <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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-yellow-400 fill-yellow-400" aria-hidden="true" x-file-name="Testimonials" x-line-number="24" x-component="Star" x-id="Testimonials_24" x-dynamic="true"> <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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-yellow-400 fill-yellow-400" aria-hidden="true" x-file-name="Testimonials" x-line-number="24" x-component="Star" x-id="Testimonials_24" x-dynamic="true"> <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-gray-700 mb-6 leading-relaxed" x-file-name="Testimonials" x-line-number="27" x-component="p" x-id="Testimonials_27" x-dynamic="true">"Me encantó el resultado. El auto quedó como nuevo y además cuidan el medio ambiente. Muy buen servicio."</p> <div class="flex items-center space-x-3" x-file-name="Testimonials" x-line-number="30" x-component="div" x-id="Testimonials_30" x-dynamic="true"> <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center" x-file-name="Testimonials" x-line-number="31" x-component="div" x-id="Testimonials_31" x-dynamic="true"><span class="text-blue-600 font-semibold text-lg" x-file-name="Testimonials" x-line-number="32" x-component="span" x-id="Testimonials_32" x-dynamic="true">M</span></div> <div x-file-name="Testimonials" x-line-number="36" x-component="div" x-id="Testimonials_36" x-dynamic="true"> <p class="font-semibold text-gray-900" x-file-name="Testimonials" x-line-number="37" x-component="p" x-id="Testimonials_37" x-dynamic="true">María González</p> <p class="text-sm text-gray-600" x-file-name="Testimonials" x-line-number="38" x-component="p" x-id="Testimonials_38" x-dynamic="true">Cliente Verificado</p> </div> </div> </div> <div class="rounded-xl border bg-card text-card-foreground p-8 shadow-lg hover:shadow-xl transition-shadow" x-file-name="Testimonials" x-line-number="21" x-component="Card" x-id="Testimonials_21" x-dynamic="true"> <div class="flex items-center mb-4" x-file-name="Testimonials" x-line-number="22" x-component="div" x-id="Testimonials_22" x-dynamic="true"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-yellow-400 fill-yellow-400" aria-hidden="true" x-file-name="Testimonials" x-line-number="24" x-component="Star" x-id="Testimonials_24" x-dynamic="true"> <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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-yellow-400 fill-yellow-400" aria-hidden="true" x-file-name="Testimonials" x-line-number="24" x-component="Star" x-id="Testimonials_24" x-dynamic="true"> <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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-yellow-400 fill-yellow-400" aria-hidden="true" x-file-name="Testimonials" x-line-number="24" x-component="Star" x-id="Testimonials_24" x-dynamic="true"> <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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-yellow-400 fill-yellow-400" aria-hidden="true" x-file-name="Testimonials" x-line-number="24" x-component="Star" x-id="Testimonials_24" x-dynamic="true"> <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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star text-yellow-400 fill-yellow-400" aria-hidden="true" x-file-name="Testimonials" x-line-number="24" x-component="Star" x-id="Testimonials_24" x-dynamic="true"> <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-gray-700 mb-6 leading-relaxed" x-file-name="Testimonials" x-line-number="27" x-component="p" x-id="Testimonials_27" x-dynamic="true">"Súper rápidos y eficientes. La atención es de primera y los productos que usan son de excelente calidad."</p> <div class="flex items-center space-x-3" x-file-name="Testimonials" x-line-number="30" x-component="div" x-id="Testimonials_30" x-dynamic="true"> <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center" x-file-name="Testimonials" x-line-number="31" x-component="div" x-id="Testimonials_31" x-dynamic="true"><span class="text-blue-600 font-semibold text-lg" x-file-name="Testimonials" x-line-number="32" x-component="span" x-id="Testimonials_32" x-dynamic="true">P</span></div> <div x-file-name="Testimonials" x-line-number="36" x-component="div" x-id="Testimonials_36" x-dynamic="true"> <p class="font-semibold text-gray-900" x-file-name="Testimonials" x-line-number="37" x-component="p" x-id="Testimonials_37" x-dynamic="true">Pedro Silva</p> <p class="text-sm text-gray-600" x-file-name="Testimonials" x-line-number="38" x-component="p" x-id="Testimonials_38" x-dynamic="true">Cliente Verificado</p> </div> </div> </div> </div> </div> </section> <section id="contacto" class="py-20 bg-gray-50" x-file-name="Contact" x-line-number="42" x-component="section" x-id="Contact_42" x-dynamic="false"> <div class="container mx-auto px-4" x-file-name="Contact" x-line-number="43" x-component="div" x-id="Contact_43" x-dynamic="false"> <div class="text-center mb-16" x-file-name="Contact" x-line-number="44" x-component="div" x-id="Contact_44" x-dynamic="false"> <h2 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4" x-file-name="Contact" x-line-number="45" x-component="h2" x-id="Contact_45" x-dynamic="false">Contáctanos</h2> <p class="text-xl text-gray-600 max-w-2xl mx-auto" x-file-name="Contact" x-line-number="48" x-component="p" x-id="Contact_48" x-dynamic="false">¿Tienes preguntas? Estamos aquí para ayudarte</p> </div> <div class="grid md:grid-cols-2 gap-12 max-w-5xl mx-auto" x-file-name="Contact" x-line-number="53" x-component="div" x-id="Contact_53" x-dynamic="false"> <div class="space-y-8" x-file-name="Contact" x-line-number="55" x-component="div" x-id="Contact_55" x-dynamic="false"> <div x-file-name="Contact" x-line-number="56" x-component="div" x-id="Contact_56" x-dynamic="false"> <h3 class="text-2xl font-bold text-gray-900 mb-6" x-file-name="Contact" x-line-number="57" x-component="h3" x-id="Contact_57" x-dynamic="false">Información de Contacto</h3> <div class="space-y-6" x-file-name="Contact" x-line-number="61" x-component="div" x-id="Contact_61" x-dynamic="false"> <div class="flex items-start space-x-4" x-file-name="Contact" x-line-number="62" x-component="div" x-id="Contact_62" x-dynamic="false"> <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center flex-shrink-0" x-file-name="Contact" x-line-number="63" x-component="div" x-id="Contact_63" x-dynamic="false"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone text-blue-600" aria-hidden="true" x-file-name="Contact" x-line-number="64" x-component="Phone" x-id="Contact_64" x-dynamic="false"> <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> <div x-file-name="Contact" x-line-number="66" x-component="div" x-id="Contact_66" x-dynamic="false"> <p class="font-semibold text-gray-900 mb-1" x-file-name="Contact" x-line-number="67" x-component="p" x-id="Contact_67" x-dynamic="false">Teléfono</p> <a href="tel:+56980098776" class="text-gray-600 hover:text-blue-600 transition-colors" x-file-name="Contact" x-line-number="68" x-component="a" x-id="Contact_68" x-dynamic="true">+56980098776</a> </div> </div> <div class="flex items-start space-x-4" x-file-name="Contact" x-line-number="74" x-component="div" x-id="Contact_74" x-dynamic="false"> <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center flex-shrink-0" x-file-name="Contact" x-line-number="75" x-component="div" x-id="Contact_75" x-dynamic="false"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail text-blue-600" aria-hidden="true" x-file-name="Contact" x-line-number="76" x-component="Mail" x-id="Contact_76" x-dynamic="false"> <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path> <rect x="2" y="4" width="20" height="16" rx="2"></rect> </svg> </div> <div x-file-name="Contact" x-line-number="78" x-component="div" x-id="Contact_78" x-dynamic="false"> <p class="font-semibold text-gray-900 mb-1" x-file-name="Contact" x-line-number="79" x-component="p" x-id="Contact_79" x-dynamic="false">Email</p> <a href="mailto:contacto@washbe.cl" class="text-gray-600 hover:text-blue-600 transition-colors" x-file-name="Contact" x-line-number="80" x-component="a" x-id="Contact_80" x-dynamic="true">contacto@washbe.cl</a> </div> </div> <div class="flex items-start space-x-4" x-file-name="Contact" x-line-number="86" x-component="div" x-id="Contact_86" x-dynamic="false"> <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center flex-shrink-0" x-file-name="Contact" x-line-number="87" x-component="div" x-id="Contact_87" x-dynamic="false"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin text-blue-600" aria-hidden="true" x-file-name="Contact" x-line-number="88" x-component="MapPin" x-id="Contact_88" x-dynamic="false"> <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> <div x-file-name="Contact" x-line-number="90" x-component="div" x-id="Contact_90" x-dynamic="false"> <p class="font-semibold text-gray-900 mb-1" x-file-name="Contact" x-line-number="91" x-component="p" x-id="Contact_91" x-dynamic="false">Ubicación</p> <p class="text-gray-600" x-file-name="Contact" x-line-number="92" x-component="p" x-id="Contact_92" x-dynamic="true">Santiago, Chile</p> </div> </div> </div> </div> <div class="bg-gradient-to-br from-blue-600 to-blue-700 text-white p-8 rounded-2xl" x-file-name="Contact" x-line-number="98" x-component="div" x-id="Contact_98" x-dynamic="false"> <h4 class="text-2xl font-bold mb-4" x-file-name="Contact" x-line-number="99" x-component="h4" x-id="Contact_99" x-dynamic="false">Horario de Atención</h4> <div class="space-y-2" x-file-name="Contact" x-line-number="100" x-component="div" x-id="Contact_100" x-dynamic="false"> <p x-file-name="Contact" x-line-number="101" x-component="p" x-id="Contact_101" x-dynamic="false">Lunes - Viernes: 8:00 AM - 7:00 PM</p> <p x-file-name="Contact" x-line-number="102" x-component="p" x-id="Contact_102" x-dynamic="false">Sábados: 9:00 AM - 6:00 PM</p> <p x-file-name="Contact" x-line-number="103" x-component="p" x-id="Contact_103" x-dynamic="false">Domingos: 10:00 AM - 3:00 PM</p> </div> </div> </div> <div class="rounded-xl border bg-card text-card-foreground p-8 shadow-xl" x-file-name="Contact" x-line-number="109" x-component="Card" x-id="Contact_109" x-dynamic="true"> <form class="space-y-6" x-file-name="Contact" x-line-number="110" x-component="form" x-id="Contact_110" x-dynamic="false"> <div class="space-y-2" x-file-name="Contact" x-line-number="111" x-component="div" x-id="Contact_111" x-dynamic="false"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="contactName" x-file-name="Contact" x-line-number="112" x-component="Label" x-id="Contact_112" x-dynamic="false">Nombre</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" x-file-name="Contact" x-line-number="113" x-component="Input" x-id="Contact_113" x-dynamic="true" id="contactName" placeholder="Tu nombre" required="" value=""></div> <div class="space-y-2" x-file-name="Contact" x-line-number="122" x-component="div" x-id="Contact_122" x-dynamic="false"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="contactEmail" x-file-name="Contact" x-line-number="123" x-component="Label" x-id="Contact_123" x-dynamic="false">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" x-file-name="Contact" x-line-number="124" x-component="Input" x-id="Contact_124" x-dynamic="true" id="contactEmail" placeholder="tu@email.com" required="" type="email" value=""></div> <div class="space-y-2" x-file-name="Contact" x-line-number="134" x-component="div" x-id="Contact_134" x-dynamic="false"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="contactMessage" x-file-name="Contact" x-line-number="135" x-component="Label" x-id="Contact_135" x-dynamic="false">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" x-file-name="Contact" x-line-number="136" x-component="Textarea" x-id="Contact_136" x-dynamic="true" id="contactMessage" placeholder="¿En qué podemos ayudarte?" rows="5" required=""></textarea></div> <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium 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-9 px-4 w-full bg-blue-600 hover:bg-blue-700 text-white py-6 transition-colors" x-file-name="Contact" x-line-number="146" x-component="Button" x-id="Contact_146" x-dynamic="false" type="submit"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send mr-2" aria-hidden="true" x-file-name="Contact" x-line-number="150" x-component="Send" x-id="Contact_150" x-dynamic="false"> <path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path> <path d="m21.854 2.147-10.94 10.939"></path> </svg> Enviar Mensaje </button> </form> </div> </div> </div> </section> </main> <footer class="bg-gray-900 text-white" x-file-name="Footer" x-line-number="13" x-component="footer" x-id="Footer_13" x-dynamic="false"> <div class="container mx-auto px-4 py-12" x-file-name="Footer" x-line-number="14" x-component="div" x-id="Footer_14" x-dynamic="false"> <div class="grid md:grid-cols-4 gap-8" x-file-name="Footer" x-line-number="15" x-component="div" x-id="Footer_15" x-dynamic="false"> <div class="md:col-span-2" x-file-name="Footer" x-line-number="17" x-component="div" x-id="Footer_17" x-dynamic="false"> <div class="flex items-center space-x-2 mb-4" x-file-name="Footer" x-line-number="18" x-component="div" x-id="Footer_18" x-dynamic="false"> <div class="w-10 h-10 rounded-lg flex items-center justify-center" x-file-name="Footer" x-line-number="19" x-component="div" x-id="Footer_19" x-dynamic="false"><span class="text-white font-bold text-xl" x-file-name="Footer" x-line-number="20" x-component="span" x-id="Footer_20" x-dynamic="false"></span></div> <span class="text-xl font-bold" x-file-name="Footer" x-line-number="22" x-component="span" x-id="Footer_22" x-dynamic="false">Washbe</span> </div> <p class="text-gray-400 mb-6 max-w-md" x-file-name="Footer" x-line-number="24" x-component="p" x-id="Footer_24" x-dynamic="false">Servicio profesional de lavado de autos a domicilio. Cuidamos tu vehículo con los más altos estándares de calidad.</p> <div class="flex space-x-4" x-file-name="Footer" x-line-number="28" x-component="div" x-id="Footer_28" x-dynamic="false"> <a href="#" class="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition-colors" x-file-name="Footer" x-line-number="29" x-component="a" x-id="Footer_29" x-dynamic="false"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook" aria-hidden="true" x-file-name="Footer" x-line-number="30" x-component="Facebook" x-id="Footer_30" x-dynamic="false"> <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path> </svg> </a> <a href="#" class="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition-colors" x-file-name="Footer" x-line-number="32" x-component="a" x-id="Footer_32" x-dynamic="false"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram" aria-hidden="true" x-file-name="Footer" x-line-number="33" x-component="Instagram" x-id="Footer_33" x-dynamic="false"> <rect width="20" height="20" x="2" y="2" rx="5" ry="5"></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 href="#" class="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition-colors" x-file-name="Footer" x-line-number="35" x-component="a" x-id="Footer_35" x-dynamic="false"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter" aria-hidden="true" x-file-name="Footer" x-line-number="36" x-component="Twitter" x-id="Footer_36" x-dynamic="false"> <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 x-file-name="Footer" x-line-number="42" x-component="div" x-id="Footer_42" x-dynamic="false"> <h3 class="text-lg font-semibold mb-4" x-file-name="Footer" x-line-number="43" x-component="h3" x-id="Footer_43" x-dynamic="false">Enlaces Rápidos</h3> <ul class="space-y-2" x-file-name="Footer" x-line-number="44" x-component="ul" x-id="Footer_44" x-dynamic="false"> <li x-file-name="Footer" x-line-number="45" x-component="li" x-id="Footer_45" x-dynamic="false"><button class="text-gray-400 hover:text-white transition-colors" x-file-name="Footer" x-line-number="46" x-component="button" x-id="Footer_46" x-dynamic="false">Home</button></li> <li x-file-name="Footer" x-line-number="50" x-component="li" x-id="Footer_50" x-dynamic="false"><button class="text-gray-400 hover:text-white transition-colors" x-file-name="Footer" x-line-number="51" x-component="button" x-id="Footer_51" x-dynamic="false">Servicios</button></li> <li x-file-name="Footer" x-line-number="55" x-component="li" x-id="Footer_55" x-dynamic="false"><button class="text-gray-400 hover:text-white transition-colors" x-file-name="Footer" x-line-number="56" x-component="button" x-id="Footer_56" x-dynamic="false">Nosotros</button></li> <li x-file-name="Footer" x-line-number="60" x-component="li" x-id="Footer_60" x-dynamic="false"><button class="text-gray-400 hover:text-white transition-colors" x-file-name="Footer" x-line-number="61" x-component="button" x-id="Footer_61" x-dynamic="false">Contacto</button></li> </ul> </div> <div x-file-name="Footer" x-line-number="69" x-component="div" x-id="Footer_69" x-dynamic="false"> <h3 class="text-lg font-semibold mb-4" x-file-name="Footer" x-line-number="70" x-component="h3" x-id="Footer_70" x-dynamic="false">Contacto</h3> <ul class="space-y-3" x-file-name="Footer" x-line-number="71" x-component="ul" x-id="Footer_71" x-dynamic="false"> <li class="flex items-center space-x-2" x-file-name="Footer" x-line-number="72" x-component="li" x-id="Footer_72" x-dynamic="false"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone text-blue-400" aria-hidden="true" x-file-name="Footer" x-line-number="73" x-component="Phone" x-id="Footer_73" x-dynamic="false"> <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> <span class="text-gray-400" x-file-name="Footer" x-line-number="74" x-component="span" x-id="Footer_74" x-dynamic="false">+56 9 8009 8776</span> </li> <li class="flex items-center space-x-2" x-file-name="Footer" x-line-number="76" x-component="li" x-id="Footer_76" x-dynamic="false"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail text-blue-400" aria-hidden="true" x-file-name="Footer" x-line-number="77" x-component="Mail" x-id="Footer_77" x-dynamic="false"> <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path> <rect x="2" y="4" width="20" height="16" rx="2"></rect> </svg> <span class="text-gray-400" x-file-name="Footer" x-line-number="78" x-component="span" x-id="Footer_78" x-dynamic="false">contacto@washbe.cl</span> </li> </ul> </div> </div> <div class="border-t border-gray-800 mt-12 pt-8 text-center" x-file-name="Footer" x-line-number="84" x-component="div" x-id="Footer_84" x-dynamic="false"> <p class="text-gray-400" x-file-name="Footer" x-line-number="85" x-component="p" x-id="Footer_85" x-dynamic="false">© 2026 Washbe. Todos los derechos reservados.</p> </div> </div> </footer> <button class="fixed bottom-6 right-6 z-50 w-14 h-14 bg-green-500 hover:bg-green-600 text-white rounded-full shadow-2xl flex items-center justify-center transition-all duration-300 scale-0 opacity-0" aria-label="Contactar por WhatsApp" x-file-name="WhatsAppButton" x-line-number="21" x-component="button" x-id="WhatsAppButton_21" x-dynamic="false"> <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle" aria-hidden="true" x-file-name="WhatsAppButton" x-line-number="28" x-component="MessageCircle" x-id="WhatsAppButton_28" x-dynamic="false"> <path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path> </svg> </button> <section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section> </div> </div> </body> </html>
Save
cmd:
run
