Merge version_1 into main #1
482
src/app/page.tsx
482
src/app/page.tsx
@@ -17,348 +17,168 @@ import { Activity, Award, ListChecks, Scale, Star, Trophy } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre Mí",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="NutriCombat"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Sobre Mí", id: "about" },
|
||||
{ name: "Servicios", id: "features" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="NutriCombat"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Nutrición Estratégica para el Alto Rendimiento"
|
||||
description="Potenciamos tu recuperación, optimizamos tu composición corporal y aseguramos tu éxito en el ring. Ciencia aplicada al combate."
|
||||
tag="Especialista en Deportes de Combate"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar Consulta",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-looking-red-pepper-apple-zucchini_114579-30605.jpg"
|
||||
imageAlt="Atleta de combate"
|
||||
mediaAnimation="slide-up"
|
||||
tagIcon={Trophy}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-man-holding-wooden-board-with-apple-knife_114579-30635.jpg",
|
||||
alt: "Atleta nutrición",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-guy-with-shaved-head-strong-biceps-having-focused-expression-while-putting-black-boxing-bandages-his-wrist-before-work-out-gym-people-sports-martial-arts-kickboxing_343059-659.jpg",
|
||||
alt: "Atleta vendaje",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-holding-racket-ball-table-tennis-smiling-cheerfully-standing-white-wall_141793-48660.jpg",
|
||||
alt: "Atleta deporte",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-beard-biting-red-apple-knife_114579-30619.jpg",
|
||||
alt: "Atleta manzana",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/build-up-athlete-with-his-arm-crossed-stadium-track-field_23-2148162071.jpg",
|
||||
alt: "Atleta profesional",
|
||||
},
|
||||
]}
|
||||
avatarText="Más de 500 atletas preparados"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Optimización de peso",
|
||||
icon: Scale,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Recuperación acelerada",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Evidencia científica",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Planes personalizados",
|
||||
icon: ListChecks,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Certificación ISAK",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Nutrición Estratégica para el Alto Rendimiento"
|
||||
description="Potenciamos tu recuperación, optimizamos tu composición corporal y aseguramos tu éxito en el ring. Ciencia aplicada al combate."
|
||||
tag="Especialista en Deportes de Combate"
|
||||
buttons={[{ text: "Reservar Consulta", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-looking-red-pepper-apple-zucchini_114579-30605.jpg"
|
||||
imageAlt="Atleta de combate"
|
||||
mediaAnimation="slide-up"
|
||||
tagIcon={Trophy}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/serious-man-holding-wooden-board-with-apple-knife_114579-30635.jpg", alt: "Atleta nutrición" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/serious-guy-with-shaved-head-strong-biceps-having-focused-expression-while-putting-black-boxing-bandages-his-wrist-before-work-out-gym-people-sports-martial-arts-kickboxing_343059-659.jpg", alt: "Atleta vendaje" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-holding-racket-ball-table-tennis-smiling-cheerfully-standing-white-wall_141793-48660.jpg", alt: "Atleta deporte" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-with-beard-biting-red-apple-knife_114579-30619.jpg", alt: "Atleta manzana" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/build-up-athlete-with-his-arm-crossed-stadium-track-field_23-2148162071.jpg", alt: "Atleta profesional" },
|
||||
]}
|
||||
avatarText="Más de 500 atletas preparados"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Optimización de peso", icon: Scale },
|
||||
{ type: "text-icon", text: "Recuperación acelerada", icon: Activity },
|
||||
{ type: "text-icon", text: "Evidencia científica", icon: Star },
|
||||
{ type: "text-icon", text: "Planes personalizados", icon: ListChecks },
|
||||
{ type: "text-icon", text: "Certificación ISAK", icon: Award },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Tu rendimiento es mi compromiso"
|
||||
description="Como Licenciado en Nutrición con certificación ISAK I, entiendo que en los deportes de combate no hay margen de error. Desarrollo planes a medida que priorizan tu salud, tu energía y el cumplimiento estricto de tu categoría de peso."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/orange-apple-near-laptop_23-2147761550.jpg"
|
||||
imageAlt="Lic. en Nutrición trabajando"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Tu rendimiento es mi compromiso"
|
||||
description="Como Licenciado en Nutrición con certificación ISAK I, entiendo que en los deportes de combate no hay margen de error. Desarrollo planes a medida que priorizan tu salud, tu energía y el cumplimiento estricto de tu categoría de peso."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/orange-apple-near-laptop_23-2147761550.jpg"
|
||||
imageAlt="Lic. en Nutrición trabajando"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Optimización Energética",
|
||||
descriptions: [
|
||||
"Nutrición diseñada para sostener entrenamientos de alta intensidad y maximizar tu capacidad de trabajo.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/line-graph-data-analysis-icon_53876-20801.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Recuperación Post-Combate",
|
||||
descriptions: [
|
||||
"Estrategias para acelerar la regeneración de tejidos y reducir la inflamación sistémica tras el impacto.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-twisted-trunk-one-arm-raised_1048-2625.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Gestión de Peso",
|
||||
descriptions: [
|
||||
"Monitoreo antropométrico preciso para alcanzar tu categoría de peso de manera segura, sin comprometer tu salud ni rendimiento.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-healthy-man-posing-studio-with-dumbbells_613910-9600.jpg",
|
||||
},
|
||||
]}
|
||||
title="Servicios Especializados"
|
||||
description="Metodología basada en evidencia científica para combatientes de élite."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Optimización Energética", descriptions: ["Nutrición diseñada para sostener entrenamientos de alta intensidad y maximizar tu capacidad de trabajo."], imageSrc: "http://img.b2bpic.net/free-photo/line-graph-data-analysis-icon_53876-20801.jpg" },
|
||||
{ id: "f2", title: "Recuperación Post-Combate", descriptions: ["Estrategias para acelerar la regeneración de tejidos y reducir la inflamación sistémica tras el impacto."], imageSrc: "http://img.b2bpic.net/free-photo/man-with-twisted-trunk-one-arm-raised_1048-2625.jpg" },
|
||||
{ id: "f3", title: "Gestión de Peso", descriptions: ["Monitoreo antropométrico preciso para alcanzar tu categoría de peso de manera segura, sin comprometer tu salud ni rendimiento."], imageSrc: "http://img.b2bpic.net/free-photo/portrait-healthy-man-posing-studio-with-dumbbells_613910-9600.jpg" },
|
||||
]}
|
||||
title="Servicios Especializados"
|
||||
description="Metodología basada en evidencia científica para combatientes de élite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Seguridad Científica",
|
||||
items: [
|
||||
"Protocolos ISAK",
|
||||
"Basado en Evidencia",
|
||||
"Adaptación Total",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
title: "Años de Experiencia",
|
||||
items: [
|
||||
"Atletas de Elite",
|
||||
"Combate de Contacto",
|
||||
"Nutrición Aplicada",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
title: "Tasa de Éxito",
|
||||
items: [
|
||||
"Gestión de Categoría",
|
||||
"Recuperación Óptima",
|
||||
"Satisfacción del Atleta",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Resultados Medibles"
|
||||
description="La ciencia respalda cada gramo de progreso."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", title: "Seguridad Científica", items: ["Protocolos ISAK", "Basado en Evidencia", "Adaptación Total"] },
|
||||
{ id: "m2", value: "10+", title: "Años de Experiencia", items: ["Atletas de Elite", "Combate de Contacto", "Nutrición Aplicada"] },
|
||||
{ id: "m3", value: "95%", title: "Tasa de Éxito", items: ["Gestión de Categoría", "Recuperación Óptima", "Satisfacción del Atleta"] },
|
||||
]}
|
||||
title="Resultados Medibles"
|
||||
description="La ciencia respalda cada gramo de progreso."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Lograr el peso para mi pelea estelar sin sentirme agotado fue la clave. Un cambio radical en mi carrera."
|
||||
rating={5}
|
||||
author="Atleta Profesional"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/build-up-athlete-with-his-arm-crossed-stadium-track-field_23-2148162071.jpg",
|
||||
alt: "Testimonio 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg",
|
||||
alt: "Testimonio 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15896.jpg",
|
||||
alt: "Testimonio 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-biker-protection-holds-black-helmet-isolated-grey-background_613910-7302.jpg",
|
||||
alt: "Testimonio 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/redhead-sportswoman-cross-arms-chest-smiling-workout-gym-standing-sportsbra-against-white-background_176420-48994.jpg",
|
||||
alt: "Testimonio 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Lograr el peso para mi pelea estelar sin sentirme agotado fue la clave. Un cambio radical en mi carrera."
|
||||
rating={5}
|
||||
author="Atleta Profesional"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/build-up-athlete-with-his-arm-crossed-stadium-track-field_23-2148162071.jpg", alt: "Testimonio 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg", alt: "Testimonio 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15896.jpg", alt: "Testimonio 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-biker-protection-holds-black-helmet-isolated-grey-background_613910-7302.jpg", alt: "Testimonio 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/redhead-sportswoman-cross-arms-chest-smiling-workout-gym-standing-sportsbra-against-white-background_176420-48994.jpg", alt: "Testimonio 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Mensual",
|
||||
price: "120€",
|
||||
period: "/mes",
|
||||
description: "Seguimiento nutricional continuo para mantenimiento y salud general.",
|
||||
button: {
|
||||
text: "Comenzar",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Incluye:",
|
||||
features: [
|
||||
"Evaluación mensual",
|
||||
"Plan de comidas",
|
||||
"WhatsApp directo",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Elite",
|
||||
price: "250€",
|
||||
period: "/ciclo",
|
||||
description: "Programa intensivo para preparación de combate y gestión de peso.",
|
||||
button: {
|
||||
text: "Comenzar",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Incluye:",
|
||||
features: [
|
||||
"Evaluación ISAK I",
|
||||
"Ajustes semanales",
|
||||
"Soporte 24/7",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Programas de Nutrición"
|
||||
description="Planes diseñados para cada etapa de tu preparación."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "basic", tag: "Mensual", price: "120€", period: "/mes", description: "Seguimiento nutricional continuo para mantenimiento y salud general.", button: { text: "Comenzar", href: "#contact" }, featuresTitle: "Incluye:", features: ["Evaluación mensual", "Plan de comidas", "WhatsApp directo"] },
|
||||
{ id: "pro", tag: "Elite", price: "250€", period: "/ciclo", description: "Programa intensivo para preparación de combate y gestión de peso.", button: { text: "Comenzar", href: "#contact" }, featuresTitle: "Incluye:", features: ["Evaluación ISAK I", "Ajustes semanales", "Soporte 24/7"] },
|
||||
]}
|
||||
title="Programas de Nutrición"
|
||||
description="Planes diseñados para cada etapa de tu preparación."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Cuándo debo comenzar mi dieta?",
|
||||
content: "Idealmente, 8-12 semanas antes de una competencia, pero trabajamos según tu calendario actual.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Es seguro el corte de peso?",
|
||||
content: "Priorizamos tu salud. Los cortes de peso bruscos son evitados mediante una gestión inteligente de composición corporal.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Qué necesito para empezar?",
|
||||
content: "Una entrevista inicial donde evaluaremos tu historial deportivo y objetivos actuales.",
|
||||
},
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber sobre tu nutrición deportiva."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "¿Cuándo debo comenzar mi dieta?", content: "Idealmente, 8-12 semanas antes de una competencia, pero trabajamos según tu calendario actual." },
|
||||
{ id: "q2", title: "¿Es seguro el corte de peso?", content: "Priorizamos tu salud. Los cortes de peso bruscos son evitados mediante una gestión inteligente de composición corporal." },
|
||||
{ id: "q3", title: "¿Qué necesito para empezar?", content: "Una entrevista inicial donde evaluaremos tu historial deportivo y objetivos actuales." },
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber sobre tu nutrición deportiva."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contacto"
|
||||
title="Empieza tu evolución hoy"
|
||||
description="Deja tus datos y agendaremos una breve entrevista para conocer tus metas."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-fit-tone-up-woman-has-rest-after-fitness-workout-with-plank-elements-strenght-abs-sunny-loft-side-view-soft-camera-sake_633478-2152.jpg"
|
||||
imageAlt="Formulario de contacto"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="Empieza tu evolución hoy"
|
||||
description="Deja tus datos y agendaremos una breve entrevista para conocer tus metas."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-fit-tone-up-woman-has-rest-after-fitness-workout-with-plank-elements-strenght-abs-sunny-loft-side-view-soft-camera-sake_633478-2152.jpg"
|
||||
imageAlt="Formulario de contacto"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre Mí",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Servicios",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Política de Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="NutriCombat"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Empresa", items: [{ label: "Sobre Mí", href: "#about" }, { label: "Servicios", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Política de Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
|
||||
]}
|
||||
logoText="NutriCombat"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user