From 6e7c8a69f51bf71b3f19a7a010d8df56febb007d Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 2 Jul 2026 22:43:50 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 296 ++++++++++++++--------------------------- 1 file changed, 101 insertions(+), 195 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index a5e59b6..d046532 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -9,211 +9,117 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; export default function HomePage() { return ( <> -
- +
+ - -
+ tag="Calidad Premium" + title="Transforma tu estilo hoy mismo" + description="Extensiones de cabello 100% natural para un look radiante y lleno de volumen." + primaryButton={{ text: "Ver Catálogo", href: "#productos" }} + secondaryButton={{ text: "Contactar", href: "#contacto" }} + items={[ + { imageSrc: "http://img.b2bpic.net/free-photo/fashion-girls-city_1157-4965.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/graceful-lady-with-long-blonde-hair-having-fun-weekend-posing-with-pleasure-enthusiastic-caucasian-woman-with-tanned-skin-laughing-while-standing-near-window_197531-9221.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5406.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-model-lady-posing-black-dress_549566-282.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/female-model-sport-bra-blowing-her-hairs-two-sides_114579-21763.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-looking-camera_1301-4449.jpg" }, + ]} + textAnimation="slide-up" + /> + +
-
- +
+ - -
+ tag="Nuestra Selección" + title="Extensiones de alta gama" + description="Elige entre nuestra amplia variedad de tonos y texturas diseñadas para mezclarse perfectamente." + items={[ + { title: "Clip-in Premium", description: "Fáciles y versátiles.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-caucasian-smiling-brunette-woman-model-bright-pink-summer-stylish-clothes-isolated-white-background_158538-2977.jpg" }, + { title: "Tape-in Invisible", description: "Efecto natural garantizado.", imageSrc: "http://img.b2bpic.net/free-photo/showing-cute-portrait-fresh-holding_1187-6233.jpg" }, + { title: "Keratin Fusion", description: "Durabilidad a largo plazo.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-product-composition-with-basket_23-2147817685.jpg" }, + { title: "Micro Rings", description: "Sin adhesivos químicos.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-curly-hair-shampoo_23-2151307479.jpg" }, + { title: "Bundles de seda", description: "Brillo incomparable.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-shiny-flowing-brown-hair-beauty-portrait_23-2151989124.jpg" }, + { title: "Kit de Mantenimiento", description: "Todo para tu cuidado.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-eco-friendly-products-assortment_23-2148491140.jpg" }, + { title: "Técnicas Personalizadas", description: "Adapta tu diseño.", imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-spray-bottle_23-2148352921.jpg" }, + ]} + textAnimation="fade-blur" + /> + +
-
- +
+ - -
+ tag="Experiencia" + quote="Nuestras extensiones son seleccionadas manualmente para asegurar la máxima calidad, suavidad y durabilidad, proporcionando una experiencia de lujo en cada aplicación." + author="María Elena" + role="Fundadora y Estilista Senior" + imageSrc="http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg" + textAnimation="fade" + /> + +
-
- +
+ - -
+ tag="Estilos Realizados" + title="Inspiración para tu nuevo look" + description="Mira cómo nuestras clientas han transformado su cabello con nuestros servicios." + features={[ + { + title: "Transformaciones Increíbles", + description: "Mira el antes y después de nuestras clientas.", + bentoComponent: "media-stack", + mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2509.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-brunette-female-with-long-curly-hair-dressed-warm-black-pullover_613910-7398.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-black-crop-top-standing-white-background-high-quality-photo_114579-52859.jpg" }] + }, + { + title: "Calidad Certificada", + description: "Nuestros estándares de seguridad.", + bentoComponent: "checklist-timeline", + heading: "Pasos hacia la excelencia", + subheading: "Desde la selección hasta el mantenimiento", + checklistItems: [{ label: "Selección del cabello", detail: "100% natural, grado premium." }, { label: "Aplicación profesional", detail: "Respetando la salud capilar." }, { label: "Guía de mantenimiento", detail: "Cuidado duradero garantizado." }], + completedLabel: "Look final" + } + ]} + textAnimation="slide-up" + /> + +
-
- +
+ - -
+ quote="¡Simplemente fascinada! El color es exacto y la textura increíblemente suave. Son las mejores extensiones que he usado en años." + rating={5} + author="Sofía C." + avatars={[ + { name: "Ana", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230959.jpg" }, + { name: "Beatriz", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-girl-with-blonde-wavy-hair-modern-luxury-room-young-woman-smiling-wearing-stylish-elegant-black-dress-with-paillettes-sleeves_197531-2859.jpg" }, + { name: "Carla", imageSrc: "http://img.b2bpic.net/free-photo/girl-adult-white-hair-blond_1139-778.jpg" }, + { name: "Diana", imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-lingerie-home_624325-3118.jpg" }, + { name: "Elena", imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg" } + ]} + textAnimation="fade-blur" + /> + +
-
- +
+ - -
+ tag="Reserva tu cita" + text="¿Lista para el cambio que siempre quisiste? Escríbenos hoy y recibe una asesoría personalizada sin costo." + primaryButton={{ text: "WhatsApp", href: "https://wa.me/1234567890" }} + secondaryButton={{ text: "Llamar ahora", href: "tel:1234567890" }} + textAnimation="slide-up" + /> + +
); -} +} \ No newline at end of file