Merge version_1 into main #1
165
src/app/page.tsx
165
src/app/page.tsx
@@ -17,27 +17,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-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: "Especies",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Expertos",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Especies", id: "features" },
|
||||
{ name: "Expertos", id: "team" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Shark Hub"
|
||||
/>
|
||||
@@ -48,10 +43,7 @@ export default function LandingPage() {
|
||||
logoText="Descubre el Mundo de los Tiburones"
|
||||
description="Exploramos, estudiamos y protegemos a los guardianes de nuestros océanos a través de ciencia y pasión."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explorar",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Explorar", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/great-white-shark-open-water-close-water-surface-gansbaai-south-africa_181624-1145.jpg"
|
||||
imageAlt="Gran tiburón blanco en aguas cristalinas"
|
||||
@@ -64,21 +56,9 @@ export default function LandingPage() {
|
||||
title="Ciencia y Conservación"
|
||||
description="Nuestros programas se enfocan en la protección real de las especies marinas en peligro."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Monitoreo Satelital",
|
||||
content: "Seguimos las rutas migratorias de las especies para evitar la pesca ilegal en santuarios protegidos.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Rescate Marino",
|
||||
content: "Equipo especializado dedicado a liberar ejemplares atrapados en redes de pesca fantasma.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Educación Oceánica",
|
||||
content: "Llevamos la realidad de los tiburones a comunidades costeras para transformar el miedo en respeto.",
|
||||
},
|
||||
{ id: "f1", title: "Monitoreo Satelital", content: "Seguimos las rutas migratorias de las especies para evitar la pesca ilegal en santuarios protegidos." },
|
||||
{ id: "f2", title: "Rescate Marino", content: "Equipo especializado dedicado a liberar ejemplares atrapados en redes de pesca fantasma." },
|
||||
{ id: "f3", title: "Educación Oceánica", content: "Llevamos la realidad de los tiburones a comunidades costeras para transformar el miedo en respeto." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-robot-shark_23-2151499578.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -92,24 +72,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dra. Elena Costa",
|
||||
role: "Biologa Marina",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-bearded-man-cap-near-ocean-traveler-with-backpack-beautiful-place_1321-1912.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dr. Marc Dubois",
|
||||
role: "Especialista en Comportamiento",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-handsome-male-surfer_23-2151159958.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Directora de Conservación",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-taking-pictures-with-camera_23-2149063204.jpg",
|
||||
},
|
||||
{ id: "1", name: "Dra. Elena Costa", role: "Biologa Marina", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-bearded-man-cap-near-ocean-traveler-with-backpack-beautiful-place_1321-1912.jpg" },
|
||||
{ id: "2", name: "Dr. Marc Dubois", role: "Especialista en Comportamiento", imageSrc: "http://img.b2bpic.net/free-photo/view-handsome-male-surfer_23-2151159958.jpg" },
|
||||
{ id: "3", name: "Sarah Jenkins", role: "Directora de Conservación", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-taking-pictures-with-camera_23-2149063204.jpg" },
|
||||
]}
|
||||
title="Nuestros Expertos"
|
||||
description="Un equipo internacional dedicado a desmitificar al rey del océano."
|
||||
@@ -118,44 +83,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Moreno",
|
||||
role: "Voluntaria",
|
||||
testimonial: "Una experiencia increíble aprender sobre la verdadera naturaleza de estos animales.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-shark-illustration_23-2151561380.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Luis Vargas",
|
||||
role: "Estudiante",
|
||||
testimonial: "El contenido educativo es de primer nivel, totalmente recomendado para investigadores.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-girl-checking-chemistry-sample_23-2148465655.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofia Riva",
|
||||
role: "Patrocinadora",
|
||||
testimonial: "Apoyar este proyecto es cuidar el futuro de nuestro planeta.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-tattoos-wearing-dress-straw-hat-beach_181624-39982.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Carlos Gomez",
|
||||
role: "Educador",
|
||||
testimonial: "Material indispensable para mis clases de biología marina.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-work_1098-13788.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria Lopez",
|
||||
role: "Activista",
|
||||
testimonial: "Gracias a su labor, logramos proteger más zonas costeras este año.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-smiling-confident-looking-side-street_839833-24417.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ana Moreno", role: "Voluntaria", testimonial: "Una experiencia increíble aprender sobre la verdadera naturaleza de estos animales.", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-shark-illustration_23-2151561380.jpg" },
|
||||
{ id: "2", name: "Luis Vargas", role: "Estudiante", testimonial: "El contenido educativo es de primer nivel, totalmente recomendado para investigadores.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-girl-checking-chemistry-sample_23-2148465655.jpg" },
|
||||
{ id: "3", name: "Sofia Riva", role: "Patrocinadora", testimonial: "Apoyar este proyecto es cuidar el futuro de nuestro planeta.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-tattoos-wearing-dress-straw-hat-beach_181624-39982.jpg" },
|
||||
{ id: "4", name: "Carlos Gomez", role: "Educador", testimonial: "Material indispensable para mis clases de biología marina.", imageSrc: "http://img.b2bpic.net/free-photo/employee-work_1098-13788.jpg" },
|
||||
{ id: "5", name: "Maria Lopez", role: "Activista", testimonial: "Gracias a su labor, logramos proteger más zonas costeras este año.", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-smiling-confident-looking-side-street_839833-24417.jpg" },
|
||||
]}
|
||||
title="Voces del Océano"
|
||||
description="Qué opinan nuestros voluntarios y colaboradores de todo el mundo."
|
||||
@@ -166,21 +102,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Son realmente peligrosos los tiburones?",
|
||||
content: "La mayoría de los ataques son incidentes aislados; los humanos no somos su presa natural.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Cómo puedo ayudar?",
|
||||
content: "Puedes donar, ser voluntario en nuestras campañas o simplemente compartir información verídica.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Cuál es la especie más amenazada?",
|
||||
content: "Muchas especies, como el tiburón martillo o el oceánico de puntas blancas, sufren presión excesiva.",
|
||||
},
|
||||
{ id: "q1", title: "¿Son realmente peligrosos los tiburones?", content: "La mayoría de los ataques son incidentes aislados; los humanos no somos su presa natural." },
|
||||
{ id: "q2", title: "¿Cómo puedo ayudar?", content: "Puedes donar, ser voluntario en nuestras campañas o simplemente compartir información verídica." },
|
||||
{ id: "q3", title: "¿Cuál es la especie más amenazada?", content: "Muchas especies, como el tiburón martillo o el oceánico de puntas blancas, sufren presión excesiva." },
|
||||
]}
|
||||
sideTitle="Preguntas Frecuentes"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -190,9 +114,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Únete al Movimiento"
|
||||
title="Suscríbete a Nuestro Boletín"
|
||||
description="Recibe noticias, hallazgos científicos y formas de participar directamente en la conservación."
|
||||
@@ -204,33 +126,16 @@ export default function LandingPage() {
|
||||
logoText="Shark Hub"
|
||||
columns={[
|
||||
{
|
||||
title: "Navegación",
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Especies",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navegación", items: [
|
||||
{ label: "Inicio", href: "/" },
|
||||
{ label: "Especies", href: "#features" },
|
||||
{ label: "Contacto", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacidad", href: "#" },
|
||||
{ label: "Términos", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user