bender/4d51cacf-4974-4a89-9f78-87f4b2b112b3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2_1781398562220 into main #1

Merged
bender merged 1 commits from version_2_1781398562220 into main 2026-06-14 00:57:17 +00:00
Conversation 0 Commits 1 Files Changed 9 +347 -258
9 changed files with 347 additions and 258 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Layout.tsx
View File

@@ -42,7 +42,7 @@ export default function Layout() {
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloating
logo="THE BOX"
logo="THE BOX DETAILING"
ctaButton={{
text: "Reservar Cita",
href: "#contact",

279
src/pages/HomePage.tsx
View File

@@ -1,268 +1,33 @@
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import AboutSection from './HomePage/sections/About';
import ServicesSection from './HomePage/sections/Services';
import TestimonialsSection from './HomePage/sections/Testimonials';
import ProcessSection from './HomePage/sections/Process';
import FaqSection from './HomePage/sections/Faq';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplitMediaGrid
tag="Expertos en Detailing Premium"
title="Tu auto, como recién salido del concesionario"
description="Especialistas en detailing automotriz premium en Las Condes. Limpieza profunda, corrección de pintura y protección profesional."
primaryButton={{
text: "Reservar Cita",
href: "#contact",
}}
secondaryButton={{
text: "Ver Servicios",
href: "#services",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861916.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-empty-grey-studio-well-use-as-backgroundbusiness-reportdigitalwebsite-templatebackdrop_1258-96038.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTextSplit
title="¿Por qué elegir The Box Detailing?"
descriptions={[
"En The Box Detailing, combinamos pasión por los vehículos con técnicas de vanguardia. Cada auto que ingresa a nuestro estudio en Las Condes es tratado con el máximo nivel de cuidado y precisión.",
"Utilizamos solo productos de marcas líderes a nivel mundial, garantizando resultados superiores que no solo embellecen, sino que protegen tu inversión a largo plazo.",
"Nuestro equipo certificado ofrece una atención personalizada, asegurando que cada detalle sea abordado según las necesidades específicas de tu vehículo.",
]}
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesImageBento
tag="Nuestros Servicios"
title="Soluciones de Cuidado Profesional"
description="Desde lavado premium hasta protección cerámica de grado profesional, devolvemos a tu vehículo su máximo potencial."
items={[
{
title: "Lavado Premium",
description: "Lavado detallado exterior, limpieza de llantas y secado sin contacto.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg",
},
{
title: "Detailing Interior",
description: "Aspirado profundo, limpieza de tapicería y sanitización completa.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-car-s-black-modern-interior-perfect_181624-33164.jpg",
},
{
title: "Pulido de Pintura",
description: "Eliminación de micro-rayas y restauración profunda del brillo original.",
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750028.jpg",
},
{
title: "Protección Cerámica",
description: "Capa duradera, hidrofóbica y de alto brillo para tu pintura.",
imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342627.jpg",
},
{
title: "Restauración de Faros",
description: "Recuperación de transparencia para una mejor apariencia y seguridad.",
imageSrc: "http://img.b2bpic.net/free-photo/muscular-mechanic-dressed-denim-shirt-posing-near-car-garage_613910-5913.jpg",
},
{
title: "Inspección Final",
description: "Control de calidad detallado para asegurar un acabado impecable.",
imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-car-with-open-hood_23-2148257995.jpg",
},
{
title: "Consultoría",
description: "Asesoramiento especializado para el mantenimiento de tu auto.",
imageSrc: "http://img.b2bpic.net/free-photo/brave-strong-woman-her-little-helper-are-posing-photographer-auto-workshop_613910-1826.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<ServicesSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialRatingCards
tag="Clientes Satisfechos"
title="Lo que dicen de nosotros"
description="Confianza y calidad reflejada en cada entrega."
testimonials={[
{
name: "Ignacio A.",
role: "Cliente Premium",
quote: "Excelente servicio, muy detallistas y rápidos. Mi auto quedó impecable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg",
},
{
name: "Catalina P.",
role: "Cliente Frecuente",
quote: "100% recomendado. Atención profesional y resultados increíbles.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-cleaning-repaired-car-tire-with-cloth-workshop_637285-7624.jpg",
},
{
name: "Ricardo S.",
role: "Entusiasta Motor",
quote: "El mejor servicio de detailing en Las Condes. Calidad superior.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193580.jpg",
},
{
name: "Felipe D.",
role: "Cliente",
quote: "Un servicio impecable, la protección cerámica es otro nivel.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193577.jpg",
},
{
name: "Andrea M.",
role: "Cliente",
quote: "Muy satisfecho con la restauración de mis faros, impecable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/he-is-confident-small-business-owner_637285-9324.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="process" data-section="process">
<SectionErrorBoundary name="process">
<PricingMediaCards
tag="Nuestro Proceso"
title="Pasos para una entrega impecable"
description="Trabajamos bajo estándares rigurosos de calidad."
plans={[
{
tag: "Paso 1",
price: "Reserva",
period: "online",
features: [
"Selección de servicio",
"Agendamiento simple",
"Confirmación vía WhatsApp",
],
primaryButton: {
text: "Agendar",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-man-is-man-wheel-arboreal-car_146671-18656.jpg",
},
{
tag: "Paso 2",
price: "Inspección",
period: "in situ",
features: [
"Revisión profunda",
"Análisis de pintura",
"Presupuesto detallado",
],
primaryButton: {
text: "Consultar",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-brake-discs-car-service_1303-26910.jpg",
},
{
tag: "Paso 3",
price: "Servicio",
period: "técnico",
features: [
"Limpieza avanzada",
"Pulido y protección",
"Monitoreo constante",
],
primaryButton: {
text: "Saber más",
href: "#services",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212254.jpg",
},
{
tag: "Paso 4",
price: "Entrega",
period: "final",
features: [
"Revisión del cliente",
"Resultados brillantes",
"Consejos de cuidado",
],
primaryButton: {
text: "Solicitar",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-soap-foam-sponge-blue-background_23-2148357420.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<ProcessSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="Preguntas"
title="Dudas Frecuentes"
description="Todo lo que necesitas saber sobre nuestro proceso."
items={[
{
question: "¿Cuánto demora el servicio?",
answer: "Depende del servicio solicitado, desde un lavado exprés de 2 horas hasta un proceso completo de hasta 48 horas.",
},
{
question: "¿Qué productos utilizan?",
answer: "Solo marcas premium internacionales, amigables con el medio ambiente y los materiales de tu vehículo.",
},
{
question: "¿Necesito reservar previamente?",
answer: "Sí, para garantizar tu espacio y un servicio personalizado recomendamos agendar con al menos 24 horas de anticipación.",
},
{
question: "¿Realizan protección cerámica?",
answer: "Por supuesto, somos especialistas en aplicaciones de protección cerámica de alta durabilidad.",
},
{
question: "¿Dónde están ubicados?",
answer: "Estamos ubicados en el corazón de Las Condes, Santiago, con acceso fácil y seguro.",
},
]}
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Contacto"
text="Listo para llevar tu auto al siguiente nivel? Agenda tu cita hoy."
primaryButton={{
text: "Enviar Mensaje WhatsApp",
href: "https://wa.me/56900000000",
}}
secondaryButton={{
text: "Cotizar por Correo",
href: "mailto:contacto@theboxdetailing.cl",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

23
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -0,0 +1,23 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTextSplit
title="¿Por qué elegir The Box Detailing?"
descriptions={[
"En The Box Detailing, combinamos pasión por los vehículos con técnicas de vanguardia. Cada auto que ingresa a nuestro estudio en Las Condes es tratado con el máximo nivel de cuidado y precisión.",
"Utilizamos solo productos de marcas líderes a nivel mundial, garantizando resultados superiores que no solo embellecen, sino que protegen tu inversión a largo plazo.",
"Nuestro equipo certificado ofrece una atención personalizada, asegurando que cada detalle sea abordado según las necesidades específicas de tu vehículo.",
]}
/>
</SectionErrorBoundary>
</div>
);
}

27
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -0,0 +1,27 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Contacto"
text="Listo para llevar tu auto al siguiente nivel? Agenda tu cita hoy."
primaryButton={{
text: "Enviar Mensaje WhatsApp",
href: "https://wa.me/56900000000",
}}
secondaryButton={{
text: "Cotizar por Correo",
href: "mailto:contacto@theboxdetailing.cl",
}}
/>
</SectionErrorBoundary>
</div>
);
}

42
src/pages/HomePage/sections/Faq.tsx Normal file
View File

@@ -0,0 +1,42 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="Preguntas"
title="Dudas Frecuentes"
description="Todo lo que necesitas saber sobre nuestro proceso."
items={[
{
question: "¿Cuánto demora el servicio?",
answer: "Depende del servicio solicitado, desde un lavado exprés de 2 horas hasta un proceso completo de hasta 48 horas.",
},
{
question: "¿Qué productos utilizan?",
answer: "Solo marcas premium internacionales, amigables con el medio ambiente y los materiales de tu vehículo.",
},
{
question: "¿Necesito reservar previamente?",
answer: "Sí, para garantizar tu espacio y un servicio personalizado recomendamos agendar con al menos 24 horas de anticipación.",
},
{
question: "¿Realizan protección cerámica?",
answer: "Por supuesto, somos especialistas en aplicaciones de protección cerámica de alta durabilidad.",
},
{
question: "¿Dónde están ubicados?",
answer: "Estamos ubicados en el corazón de Las Condes, Santiago, con acceso fácil y seguro.",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

36
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,36 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplitMediaGrid
tag="Expertos en Detailing Premium"
title="Tu auto, como recién salido del concesionario"
description="Especialistas en detailing automotriz premium en Las Condes. Limpieza profunda, corrección de pintura y protección profesional."
primaryButton={{
text: "Reservar Cita",
href: "#contact",
}}
secondaryButton={{
text: "Ver Servicios",
href: "#services",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861916.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-empty-grey-studio-well-use-as-backgroundbusiness-reportdigitalwebsite-templatebackdrop_1258-96038.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

82
src/pages/HomePage/sections/Process.tsx Normal file
View File

@@ -0,0 +1,82 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "process" section.
import React from 'react';
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ProcessSection(): React.JSX.Element {
return (
<div id="process" data-section="process">
<SectionErrorBoundary name="process">
<PricingMediaCards
tag="Nuestro Proceso"
title="Pasos para una entrega impecable"
description="Trabajamos bajo estándares rigurosos de calidad."
plans={[
{
tag: "Paso 1",
price: "Reserva",
period: "online",
features: [
"Selección de servicio",
"Agendamiento simple",
"Confirmación vía WhatsApp",
],
primaryButton: {
text: "Agendar",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-man-is-man-wheel-arboreal-car_146671-18656.jpg",
},
{
tag: "Paso 2",
price: "Inspección",
period: "in situ",
features: [
"Revisión profunda",
"Análisis de pintura",
"Presupuesto detallado",
],
primaryButton: {
text: "Consultar",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-brake-discs-car-service_1303-26910.jpg",
},
{
tag: "Paso 3",
price: "Servicio",
period: "técnico",
features: [
"Limpieza avanzada",
"Pulido y protección",
"Monitoreo constante",
],
primaryButton: {
text: "Saber más",
href: "#services",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212254.jpg",
},
{
tag: "Paso 4",
price: "Entrega",
period: "final",
features: [
"Revisión del cliente",
"Resultados brillantes",
"Consejos de cuidado",
],
primaryButton: {
text: "Solicitar",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-soap-foam-sponge-blue-background_23-2148357420.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

57
src/pages/HomePage/sections/Services.tsx Normal file
View File

@@ -0,0 +1,57 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "services" section.
import React from 'react';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ServicesSection(): React.JSX.Element {
return (
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesImageBento
tag="Nuestros Servicios"
title="Soluciones de Cuidado Profesional"
description="Desde lavado premium hasta protección cerámica de grado profesional, devolvemos a tu vehículo su máximo potencial."
items={[
{
title: "Lavado Premium",
description: "Lavado detallado exterior, limpieza de llantas y secado sin contacto.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg",
},
{
title: "Detailing Interior",
description: "Aspirado profundo, limpieza de tapicería y sanitización completa.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-car-s-black-modern-interior-perfect_181624-33164.jpg",
},
{
title: "Pulido de Pintura",
description: "Eliminación de micro-rayas y restauración profunda del brillo original.",
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750028.jpg",
},
{
title: "Protección Cerámica",
description: "Capa duradera, hidrofóbica y de alto brillo para tu pintura.",
imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342627.jpg",
},
{
title: "Restauración de Faros",
description: "Recuperación de transparencia para una mejor apariencia y seguridad.",
imageSrc: "http://img.b2bpic.net/free-photo/muscular-mechanic-dressed-denim-shirt-posing-near-car-garage_613910-5913.jpg",
},
{
title: "Inspección Final",
description: "Control de calidad detallado para asegurar un acabado impecable.",
imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-car-with-open-hood_23-2148257995.jpg",
},
{
title: "Consultoría",
description: "Asesoramiento especializado para el mantenimiento de tu auto.",
imageSrc: "http://img.b2bpic.net/free-photo/brave-strong-woman-her-little-helper-are-posing-photographer-auto-workshop_613910-1826.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

57
src/pages/HomePage/sections/Testimonials.tsx Normal file
View File

@@ -0,0 +1,57 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialRatingCards
tag="Clientes Satisfechos"
title="Lo que dicen de nosotros"
description="Confianza y calidad reflejada en cada entrega."
testimonials={[
{
name: "Ignacio A.",
role: "Cliente Premium",
quote: "Excelente servicio, muy detallistas y rápidos. Mi auto quedó impecable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg",
},
{
name: "Catalina P.",
role: "Cliente Frecuente",
quote: "100% recomendado. Atención profesional y resultados increíbles.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-cleaning-repaired-car-tire-with-cloth-workshop_637285-7624.jpg",
},
{
name: "Ricardo S.",
role: "Entusiasta Motor",
quote: "El mejor servicio de detailing en Las Condes. Calidad superior.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193580.jpg",
},
{
name: "Felipe D.",
role: "Cliente",
quote: "Un servicio impecable, la protección cerámica es otro nivel.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193577.jpg",
},
{
name: "Andrea M.",
role: "Cliente",
quote: "Muy satisfecho con la restauración de mis faros, impecable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/he-is-confident-small-business-owner_637285-9324.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}