Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
209
src/app/page.tsx
209
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Scissors, Sparkles, Sun, Eye } from "lucide-react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -18,33 +19,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Sobre Nosotros", id: "about" },
|
||||
{ name: "Servicios", id: "features" },
|
||||
{ name: "Testimonios", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Glamsun"
|
||||
button={{ text: "Reservar", href: "https://wa.me/34600000000" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -52,34 +46,14 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Glamsun: Tu Centro de Confianza"
|
||||
description="Estética avanzada, bronceado y peluquería en un espacio diseñado para tu bienestar y renovación."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar por WhatsApp",
|
||||
href: "https://wa.me/34600000000",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Reservar por WhatsApp", href: "https://wa.me/34600000000" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg",
|
||||
alt: "Clienta feliz 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg",
|
||||
alt: "Clienta feliz 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg",
|
||||
alt: "Clienta feliz 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797714.jpg",
|
||||
alt: "Clienta feliz 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg",
|
||||
alt: "Clienta feliz 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg", alt: "Clienta feliz 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg", alt: "Clienta feliz 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg", alt: "Clienta feliz 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797714.jpg", alt: "Clienta feliz 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26058.jpg", alt: "Clienta feliz 5" },
|
||||
]}
|
||||
avatarText="Más de 5.000 clientas satisfechas"
|
||||
/>
|
||||
@@ -98,30 +72,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Peluquería",
|
||||
description: "Estilismo profesional y personalizado para resaltar tu belleza natural.",
|
||||
buttonIcon: "Scissors",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-barber-female-uses-hair-dryer-barbershop_613910-5753.jpg",
|
||||
},
|
||||
{
|
||||
title: "Estética Avanzada",
|
||||
description: "Tratamientos innovadores con resultados visibles desde la primera sesión.",
|
||||
buttonIcon: "Sparkles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-girls-have-pajamas-party-home_1157-30428.jpg",
|
||||
},
|
||||
{
|
||||
title: "Rayos UVA",
|
||||
description: "Consigue ese tono bronceado perfecto de forma segura y uniforme.",
|
||||
buttonIcon: "Sun",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stomatology-orthodontic-hospital-room-equipped-with-uv-lamp-teeth-whitening-device-stomatological-office-ready-professional-dentistry-procedure-ultraviolet-oral-dental-machine_482257-9416.jpg",
|
||||
},
|
||||
{
|
||||
title: "Diseño de cejas",
|
||||
description: "Enmarcamos tu mirada con técnicas de precisión y visagismo profesional.",
|
||||
buttonIcon: "Eye",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-clinician-doing-eyebrow-treatment-woman_23-2148846014.jpg",
|
||||
},
|
||||
{ title: "Peluquería", description: "Estilismo profesional y personalizado para resaltar tu belleza natural.", buttonIcon: Scissors, imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-barber-female-uses-hair-dryer-barbershop_613910-5753.jpg" },
|
||||
{ title: "Estética Avanzada", description: "Tratamientos innovadores con resultados visibles desde la primera sesión.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/three-girls-have-pajamas-party-home_1157-30428.jpg" },
|
||||
{ title: "Rayos UVA", description: "Consigue ese tono bronceado perfecto de forma segura y uniforme.", buttonIcon: Sun, imageSrc: "http://img.b2bpic.net/free-photo/stomatology-orthodontic-hospital-room-equipped-with-uv-lamp-teeth-whitening-device-stomatological-office-ready-professional-dentistry-procedure-ultraviolet-oral-dental-machine_482257-9416.jpg" },
|
||||
{ title: "Diseño de cejas", description: "Enmarcamos tu mirada con técnicas de precisión y visagismo profesional.", buttonIcon: Eye, imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-clinician-doing-eyebrow-treatment-woman_23-2148846014.jpg" },
|
||||
]}
|
||||
title="Nuestros Servicios"
|
||||
description="Profesionalidad y cercanía en cada detalle."
|
||||
@@ -134,60 +88,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "María",
|
||||
role: "Cliente habitual",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ana",
|
||||
role: "Cliente fiel",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-outdoor_624325-1752.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Lucía",
|
||||
role: "Cliente nueva",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-attractive-model-plays-with-small-cute-straw-hat-isolated-white_633478-735.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sofía",
|
||||
role: "Cliente habitual",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-presenting-necklace-charming-woman_23-2147736699.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena",
|
||||
role: "Cliente frecuente",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",
|
||||
},
|
||||
{ id: "t1", name: "María", role: "Cliente habitual", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg" },
|
||||
{ id: "t2", name: "Ana", role: "Cliente fiel", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-outdoor_624325-1752.jpg" },
|
||||
{ id: "t3", name: "Lucía", role: "Cliente nueva", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-attractive-model-plays-with-small-cute-straw-hat-isolated-white_633478-735.jpg" },
|
||||
{ id: "t4", name: "Sofía", role: "Cliente habitual", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-presenting-necklace-charming-woman_23-2147736699.jpg" },
|
||||
{ id: "t5", name: "Elena", role: "Cliente frecuente", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfacción",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Años de experiencia",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Clientes felices",
|
||||
},
|
||||
{ value: "100%", label: "Satisfacción" },
|
||||
{ value: "15+", label: "Años de experiencia" },
|
||||
{ value: "5k+", label: "Clientes felices" },
|
||||
]}
|
||||
title="Opiniones de nuestras clientes"
|
||||
description="Lo que dicen quienes confían en nosotras para cuidar su imagen."
|
||||
@@ -200,36 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Popular",
|
||||
price: "Desde 15€",
|
||||
subtitle: "Cejas y Estética",
|
||||
features: [
|
||||
"Diseño cejas",
|
||||
"Tratamiento facial",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Destacado",
|
||||
price: "Desde 30€",
|
||||
subtitle: "Peluquería",
|
||||
features: [
|
||||
"Corte y Peinado",
|
||||
"Asesoramiento",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Bronceado",
|
||||
price: "Bono UVA",
|
||||
subtitle: "Bronceado profesional",
|
||||
features: [
|
||||
"Sesiones UVA",
|
||||
"Resultados uniformes",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Popular", price: "Desde 15€", subtitle: "Cejas y Estética", features: ["Diseño cejas", "Tratamiento facial"] },
|
||||
{ id: "p2", badge: "Destacado", price: "Desde 30€", subtitle: "Peluquería", features: ["Corte y Peinado", "Asesoramiento"] },
|
||||
{ id: "p3", badge: "Bronceado", price: "Bono UVA", subtitle: "Bronceado profesional", features: ["Sesiones UVA", "Resultados uniformes"] },
|
||||
]}
|
||||
title="Servicios destacados"
|
||||
description="Calidad profesional al alcance de tu mano."
|
||||
@@ -241,21 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Necesito cita previa?",
|
||||
content: "Sí, recomendamos reservar con antelación para asegurar tu horario preferido.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Tienen bonos para rayos UVA?",
|
||||
content: "Disponemos de bonos personalizados para que ahorres en tus sesiones durante todo el año.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Cómo reservar mi sesión?",
|
||||
content: "Puedes contactar directamente con nosotras mediante el enlace de WhatsApp que encontrarás en esta página.",
|
||||
},
|
||||
{ id: "f1", title: "¿Necesito cita previa?", content: "Sí, recomendamos reservar con antelación para asegurar tu horario preferido." },
|
||||
{ id: "f2", title: "¿Tienen bonos para rayos UVA?", content: "Disponemos de bonos personalizados para que ahorres en tus sesiones durante todo el año." },
|
||||
{ id: "f3", title: "¿Cómo reservar mi sesión?", content: "Puedes contactar directamente con nosotras mediante el enlace de WhatsApp que encontrarás en esta página." },
|
||||
]}
|
||||
title="Preguntas frecuentes"
|
||||
description="Todo lo que necesitas saber antes de tu primera cita en Glamsun."
|
||||
@@ -266,9 +137,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="¡Reserva tu momento Glamsun!"
|
||||
description="Estamos listas para mimarte. Haz clic abajo para reservar vía WhatsApp."
|
||||
|
||||
Reference in New Issue
Block a user