Compare commits
2 Commits
version_1_
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 07abd50db4 | |||
|
d2d6e345b3 |
@@ -1,237 +1,36 @@
|
||||
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeaturesComparison from '@/components/sections/features/FeaturesComparison';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
|
||||
import TeamProfileCards from '@/components/sections/team/TeamProfileCards';
|
||||
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
||||
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 ServiciosSection from './HomePage/sections/Servicios';
|
||||
import TratamientosSection from './HomePage/sections/Tratamientos';
|
||||
import EquipoSection from './HomePage/sections/Equipo';
|
||||
import TestimoniosSection from './HomePage/sections/Testimonios';
|
||||
import PreguntasSection from './HomePage/sections/Preguntas';
|
||||
import ContactoSection from './HomePage/sections/Contacto';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroCenteredLogos
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/close-up-smiley-women-hanging-out_23-2149168545.jpg",
|
||||
"http://img.b2bpic.net/free-photo/studio-portrait-with-hands-posing-together_23-2149628177.jpg",
|
||||
"http://img.b2bpic.net/free-photo/smiley-woman-face-massaging-with-gua-sha-medium-shot_23-2149349087.jpg",
|
||||
]}
|
||||
avatarText="Atención personalizada"
|
||||
title="Transformación y Cuidado en el Corazón de Benidorm"
|
||||
description="Nawal Estilistas ofrece estilismo, estética avanzada y cuidado personal de alta gama. Descubre tu mejor versión con expertos dedicados."
|
||||
primaryButton={{
|
||||
text: "Contactar",
|
||||
href: "tel:+34966137795",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Ver trabajos",
|
||||
href: "https://instagram.com/nawal.estilistas",
|
||||
}}
|
||||
names={[
|
||||
"+500 Clientes",
|
||||
"+10 Años",
|
||||
"Expertos",
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Sobre Nawal Estilistas"
|
||||
title="Excelencia en Belleza Integral"
|
||||
description="Ubicados en la calle Tomás Ortuño, somos un centro de referencia donde combinamos peluquería moderna, manicura avanzada y tratamientos estéticos bajo los más altos estándares de calidad."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-dyeing-woman39s-hair_657883-606.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<AboutSection />
|
||||
|
||||
<div id="servicios" data-section="servicios">
|
||||
<SectionErrorBoundary name="servicios">
|
||||
<FeaturesComparison
|
||||
tag="Nuestros Servicios"
|
||||
title="Calidad en Cada Detalle"
|
||||
description="Trabajamos con marcas líderes como Salerm e Indola para garantizar resultados impecables y duraderos."
|
||||
negativeItems={[
|
||||
"Sin esperas innecesarias",
|
||||
"Sin productos dañinos",
|
||||
"Sin resultados superficiales",
|
||||
]}
|
||||
positiveItems={[
|
||||
"Cortes modernos para mujer y hombre",
|
||||
"Coloración y mechas avanzadas",
|
||||
"Tratamientos de hidratación profunda",
|
||||
"Uñas acrílicas y americanas",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ServiciosSection />
|
||||
|
||||
<div id="tratamientos" data-section="tratamientos">
|
||||
<SectionErrorBoundary name="tratamientos">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Especialidades"
|
||||
title="Áreas de Cuidado"
|
||||
description="Nuestras cabinas y zonas técnicas ofrecen servicios especializados de belleza integral."
|
||||
items={[
|
||||
{
|
||||
title: "Peluquería",
|
||||
description: "Cambios de look y color avanzado.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419338.jpg",
|
||||
},
|
||||
{
|
||||
title: "Estética Facial",
|
||||
description: "Tratamientos especializados.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-hairdressing-salon_23-2147737029.jpg",
|
||||
},
|
||||
{
|
||||
title: "Manicura/Pedicura",
|
||||
description: "Técnica de cápsulas americanas.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285918.jpg",
|
||||
},
|
||||
{
|
||||
title: "Barbería",
|
||||
description: "Cortes masculinos modernos.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-equipment-with-copy-space_23-2148352924.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tratamientos Salerm",
|
||||
description: "Reparación profunda.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-barber-client-towel_23-2147736962.jpg",
|
||||
},
|
||||
{
|
||||
title: "Esmaltado",
|
||||
description: "Acabado permanente de alta calidad.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-jar-with-cosmetic-cream-her-hands_1150-11707.jpg",
|
||||
},
|
||||
{
|
||||
title: "Eventos",
|
||||
description: "Peinados para ocasiones especiales.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-looking-camera_23-2147774763.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TratamientosSection />
|
||||
|
||||
<div id="equipo" data-section="equipo">
|
||||
<SectionErrorBoundary name="equipo">
|
||||
<TeamProfileCards
|
||||
tag="Expertos en Belleza"
|
||||
title="Conoce a nuestro equipo"
|
||||
description="Profesionales formados para potenciar tu estilo."
|
||||
items={[
|
||||
{
|
||||
title: "Nawal Houari",
|
||||
description: "Fundadora y Estilista senior.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-with-smile-face-standing-light-wall_141793-56019.jpg",
|
||||
buttonText: "Ver Instagram",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-young-woman-beige-jacket-stylish-top-looks-joyful-sits-by-desk-with-coffee-cup-it-works-laptop-office_197531-27828.jpg",
|
||||
},
|
||||
{
|
||||
title: "Estilista Senior",
|
||||
description: "Especialista en coloración avanzada.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pleased-looking-down-young-beautiful-female-barber-uniform-wearing-glasses-combing-hair-isolated-blue-wall_141793-106074.jpg",
|
||||
buttonText: "Consultar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60934.jpg",
|
||||
},
|
||||
{
|
||||
title: "Técnico Estética",
|
||||
description: "Cuidado facial y corporal.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/hairdresser-combing-beard-senior-client-salon_23-2148182003.jpg",
|
||||
buttonText: "Contactar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfies-with-new-dress_23-2147688754.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<EquipoSection />
|
||||
|
||||
<div id="testimonios" data-section="testimonios">
|
||||
<SectionErrorBoundary name="testimonios">
|
||||
<TestimonialTrustCard
|
||||
quote="El mejor trato y profesionalidad en Benidorm. Nawal es una artista del color y el cuidado del cabello."
|
||||
rating={5}
|
||||
author="María G."
|
||||
avatars={[
|
||||
{
|
||||
name: "María G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ana R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-feather-hand_23-2148660850.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lucía P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-twins-home_329181-10606.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-blue-pullover_1098-2414.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sofía T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-shopping-mall_329181-7984.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimoniosSection />
|
||||
|
||||
<div id="preguntas" data-section="preguntas">
|
||||
<SectionErrorBoundary name="preguntas">
|
||||
<FaqSplitMedia
|
||||
tag="Dudas Frecuentes"
|
||||
title="¿Tienes alguna pregunta?"
|
||||
description="Resolvemos las dudas más comunes sobre nuestros servicios y horarios."
|
||||
items={[
|
||||
{
|
||||
question: "¿Dónde están ubicados?",
|
||||
answer: "Calle Tomás Ortuño, 86, Benidorm.",
|
||||
},
|
||||
{
|
||||
question: "¿Cuál es el horario?",
|
||||
answer: "Lunes a sábado de 9:00 a 20:00 ininterrumpido.",
|
||||
},
|
||||
{
|
||||
question: "¿Es necesario cita previa?",
|
||||
answer: "Atendemos de forma fluida, pero recomendamos llamar para confirmar disponibilidad al 966 13 77 95.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glasses-cosmetics-near-makeup-bag_23-2147778996.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<PreguntasSection />
|
||||
|
||||
<div id="contacto" data-section="contacto">
|
||||
<SectionErrorBoundary name="contacto">
|
||||
<ContactCta
|
||||
tag="Reserva hoy"
|
||||
text="Llámanos ahora al +34 966 13 77 95 y pon tu imagen en las mejores manos de Benidorm."
|
||||
primaryButton={{
|
||||
text: "Llamar ahora",
|
||||
href: "tel:+34966137795",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Visita nuestro Instagram",
|
||||
href: "https://instagram.com/nawal.estilistas",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactoSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
21
src/pages/HomePage/sections/About.tsx
Normal file
21
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
// 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 AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Sobre Nawal Estilistas"
|
||||
title="Excelencia en Belleza Integral"
|
||||
description="Ubicados en la calle Tomás Ortuño, somos un centro de referencia donde combinamos peluquería moderna, manicura avanzada y tratamientos estéticos bajo los más altos estándares de calidad."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-dyeing-woman39s-hair_657883-606.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
27
src/pages/HomePage/sections/Contacto.tsx
Normal file
27
src/pages/HomePage/sections/Contacto.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contacto" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactoSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contacto" data-section="contacto">
|
||||
<SectionErrorBoundary name="contacto">
|
||||
<ContactCta
|
||||
tag="Reserva hoy"
|
||||
text="Llámanos ahora al +34 966 13 77 95 y pon tu imagen en las mejores manos de Benidorm."
|
||||
primaryButton={{
|
||||
text: "Llamar ahora",
|
||||
href: "tel:+34966137795",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Visita nuestro Instagram",
|
||||
href: "https://instagram.com/nawal.estilistas",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
43
src/pages/HomePage/sections/Equipo.tsx
Normal file
43
src/pages/HomePage/sections/Equipo.tsx
Normal file
@@ -0,0 +1,43 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "equipo" section.
|
||||
|
||||
import React from 'react';
|
||||
import TeamProfileCards from '@/components/sections/team/TeamProfileCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function EquipoSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="equipo" data-section="equipo">
|
||||
<SectionErrorBoundary name="equipo">
|
||||
<TeamProfileCards
|
||||
tag="Expertos en Belleza"
|
||||
title="Conoce a nuestro equipo"
|
||||
description="Profesionales formados para potenciar tu estilo."
|
||||
items={[
|
||||
{
|
||||
title: "Nawal Houari",
|
||||
description: "Fundadora y Estilista senior.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-with-smile-face-standing-light-wall_141793-56019.jpg",
|
||||
buttonText: "Ver Instagram",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-young-woman-beige-jacket-stylish-top-looks-joyful-sits-by-desk-with-coffee-cup-it-works-laptop-office_197531-27828.jpg",
|
||||
},
|
||||
{
|
||||
title: "Estilista Senior",
|
||||
description: "Especialista en coloración avanzada.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pleased-looking-down-young-beautiful-female-barber-uniform-wearing-glasses-combing-hair-isolated-blue-wall_141793-106074.jpg",
|
||||
buttonText: "Consultar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60934.jpg",
|
||||
},
|
||||
{
|
||||
title: "Técnico Estética",
|
||||
description: "Cuidado facial y corporal.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/hairdresser-combing-beard-senior-client-salon_23-2148182003.jpg",
|
||||
buttonText: "Contactar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-selfies-with-new-dress_23-2147688754.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
36
src/pages/HomePage/sections/Hero.tsx
Normal file
36
src/pages/HomePage/sections/Hero.tsx
Normal 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 HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroCenteredLogos
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/close-up-smiley-women-hanging-out_23-2149168545.jpg",
|
||||
"http://img.b2bpic.net/free-photo/studio-portrait-with-hands-posing-together_23-2149628177.jpg",
|
||||
"http://img.b2bpic.net/free-photo/smiley-woman-face-massaging-with-gua-sha-medium-shot_23-2149349087.jpg",
|
||||
]}
|
||||
avatarText="Atención personalizada"
|
||||
title="Transformación y Cuidado en el Corazón de Benidorm"
|
||||
description="Nawal Estilistas ofrece estilismo, estética avanzada y cuidado personal de alta gama. Descubre tu mejor versión con expertos dedicados."
|
||||
primaryButton={{"text":"+34 966 13 77 95","href":"tel:+34966137795"}}
|
||||
secondaryButton={{
|
||||
text: "Ver trabajos",
|
||||
href: "https://instagram.com/nawal.estilistas",
|
||||
}}
|
||||
names={[
|
||||
"+500 Clientes",
|
||||
"+10 Años",
|
||||
"Expertos",
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
35
src/pages/HomePage/sections/Preguntas.tsx
Normal file
35
src/pages/HomePage/sections/Preguntas.tsx
Normal file
@@ -0,0 +1,35 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "preguntas" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function PreguntasSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="preguntas" data-section="preguntas">
|
||||
<SectionErrorBoundary name="preguntas">
|
||||
<FaqSplitMedia
|
||||
tag="Dudas Frecuentes"
|
||||
title="¿Tienes alguna pregunta?"
|
||||
description="Resolvemos las dudas más comunes sobre nuestros servicios y horarios."
|
||||
items={[
|
||||
{
|
||||
question: "¿Dónde están ubicados?",
|
||||
answer: "Calle Tomás Ortuño, 86, Benidorm.",
|
||||
},
|
||||
{
|
||||
question: "¿Cuál es el horario?",
|
||||
answer: "Lunes a sábado de 9:00 a 20:00 ininterrumpido.",
|
||||
},
|
||||
{
|
||||
question: "¿Es necesario cita previa?",
|
||||
answer: "Atendemos de forma fluida, pero recomendamos llamar para confirmar disponibilidad al 966 13 77 95.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glasses-cosmetics-near-makeup-bag_23-2147778996.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
31
src/pages/HomePage/sections/Servicios.tsx
Normal file
31
src/pages/HomePage/sections/Servicios.tsx
Normal file
@@ -0,0 +1,31 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "servicios" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesComparison from '@/components/sections/features/FeaturesComparison';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ServiciosSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="servicios" data-section="servicios">
|
||||
<SectionErrorBoundary name="servicios">
|
||||
<FeaturesComparison
|
||||
tag="Nuestros Servicios"
|
||||
title="Calidad en Cada Detalle"
|
||||
description="Trabajamos con marcas líderes como Salerm e Indola para garantizar resultados impecables y duraderos."
|
||||
negativeItems={[
|
||||
"Sin esperas innecesarias",
|
||||
"Sin productos dañinos",
|
||||
"Sin resultados superficiales",
|
||||
]}
|
||||
positiveItems={[
|
||||
"Cortes modernos para mujer y hombre",
|
||||
"Coloración y mechas avanzadas",
|
||||
"Tratamientos de hidratación profunda",
|
||||
"Uñas acrílicas y americanas",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
42
src/pages/HomePage/sections/Testimonios.tsx
Normal file
42
src/pages/HomePage/sections/Testimonios.tsx
Normal file
@@ -0,0 +1,42 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonios" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimoniosSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonios" data-section="testimonios">
|
||||
<SectionErrorBoundary name="testimonios">
|
||||
<TestimonialTrustCard
|
||||
quote="El mejor trato y profesionalidad en Benidorm. Nawal es una artista del color y el cuidado del cabello."
|
||||
rating={5}
|
||||
author="María G."
|
||||
avatars={[
|
||||
{
|
||||
name: "María G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ana R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-feather-hand_23-2148660850.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lucía P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-twins-home_329181-10606.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-blue-pullover_1098-2414.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sofía T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-shopping-mall_329181-7984.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
64
src/pages/HomePage/sections/Tratamientos.tsx
Normal file
64
src/pages/HomePage/sections/Tratamientos.tsx
Normal file
@@ -0,0 +1,64 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "tratamientos" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TratamientosSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="tratamientos" data-section="tratamientos">
|
||||
<SectionErrorBoundary name="tratamientos">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Especialidades"
|
||||
title="Áreas de Cuidado"
|
||||
description="Nuestras cabinas y zonas técnicas ofrecen servicios especializados de belleza integral."
|
||||
items={[
|
||||
{
|
||||
title: "Peluquería",
|
||||
description: "Cambios de look y color avanzado.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419338.jpg",
|
||||
},
|
||||
{
|
||||
title: "Estética Facial",
|
||||
description: "Tratamientos especializados.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-hairdressing-salon_23-2147737029.jpg",
|
||||
},
|
||||
{
|
||||
title: "Manicura/Pedicura",
|
||||
description: "Técnica de cápsulas americanas.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285918.jpg",
|
||||
},
|
||||
{
|
||||
title: "Barbería",
|
||||
description: "Cortes masculinos modernos.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-equipment-with-copy-space_23-2148352924.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tratamientos Salerm",
|
||||
description: "Reparación profunda.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-barber-client-towel_23-2147736962.jpg",
|
||||
},
|
||||
{
|
||||
title: "Esmaltado",
|
||||
description: "Acabado permanente de alta calidad.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-jar-with-cosmetic-cream-her-hands_1150-11707.jpg",
|
||||
},
|
||||
{
|
||||
title: "Eventos",
|
||||
description: "Peinados para ocasiones especiales.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-looking-camera_23-2147774763.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user