Merge version_1 into main #2
208
src/app/page.tsx
208
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Propósito",
|
||||
id: "about",
|
||||
},
|
||||
name: "Propósito", id: "about"},
|
||||
{
|
||||
name: "Funciones",
|
||||
id: "features",
|
||||
},
|
||||
name: "Funciones", id: "features"},
|
||||
{
|
||||
name: "Flashcards",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Flashcards", id: "pricing"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="SVP Connect"
|
||||
/>
|
||||
@@ -57,41 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Tu camino al éxito en SVP"
|
||||
description="Una plataforma integral diseñada por estudiantes, para estudiantes. Organiza, estudia y supera tus retos académicos con inteligencia y orden."
|
||||
buttons={[
|
||||
{
|
||||
text: "Empezar Ahora",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Empezar Ahora", href: "#about"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg?_wi=1",
|
||||
imageAlt: "Dashboard de estudio SVP",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg", imageAlt: "Dashboard de estudio SVP"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg?_wi=2",
|
||||
imageAlt: "Dashboard de estudio SVP",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg", imageAlt: "Dashboard de estudio SVP"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg?_wi=3",
|
||||
imageAlt: "Dashboard de estudio SVP",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg", imageAlt: "Dashboard de estudio SVP"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg?_wi=4",
|
||||
imageAlt: "Dashboard de estudio SVP",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg", imageAlt: "Dashboard de estudio SVP"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg?_wi=5",
|
||||
imageAlt: "Dashboard de estudio SVP",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg", imageAlt: "Dashboard de estudio SVP"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg?_wi=6",
|
||||
imageAlt: "Dashboard de estudio SVP",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg", imageAlt: "Dashboard de estudio SVP"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,24 +76,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Creada ",
|
||||
},
|
||||
type: "text", content: "Creada "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/serious-focused-young-african-college-student-yellow-t-shirt-busy-doing-home-assignment-writing-down-exercise-book-sitting-empty-coworking-space-early-morning-using-laptop-computer_273609-7492.jpg",
|
||||
alt: "Sobre nosotros",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/serious-focused-young-african-college-student-yellow-t-shirt-busy-doing-home-assignment-writing-down-exercise-book-sitting-empty-coworking-space-early-morning-using-laptop-computer_273609-7492.jpg", alt: "Sobre nosotros"},
|
||||
{
|
||||
type: "text",
|
||||
content: " para transformar tu vida escolar",
|
||||
},
|
||||
type: "text", content: " para transformar tu vida escolar"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Conoce más",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Conoce más", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,26 +97,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Flashcards Inteligentes",
|
||||
description: "Domina cualquier tema repasando con nuestro sistema de repetición espaciada.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/notebook-notepad-paper-reminder-with-text-good-day-flat-lay_169016-36823.jpg",
|
||||
titleIconSrc: "Star",
|
||||
buttonText: "Probar",
|
||||
},
|
||||
title: "Flashcards Inteligentes", description: "Domina cualquier tema repasando con nuestro sistema de repetición espaciada.", imageSrc: "http://img.b2bpic.net/free-photo/notebook-notepad-paper-reminder-with-text-good-day-flat-lay_169016-36823.jpg", titleIconSrc: "Star", buttonText: "Probar"},
|
||||
{
|
||||
title: "Asistente IA 24/7",
|
||||
description: "Pregunta tus dudas y obtén explicaciones claras sin salir de tu centro de mando.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-abstract-overstimulated-feelings_23-2151245470.jpg",
|
||||
titleIconSrc: "Zap",
|
||||
buttonText: "Preguntar",
|
||||
},
|
||||
title: "Asistente IA 24/7", description: "Pregunta tus dudas y obtén explicaciones claras sin salir de tu centro de mando.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-abstract-overstimulated-feelings_23-2151245470.jpg", titleIconSrc: "Zap", buttonText: "Preguntar"},
|
||||
{
|
||||
title: "Colaboración Estudiantil",
|
||||
description: "Espacio interactivo para que nuestro comité comparta materiales y guías valiosas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-cooperation-creative-people-working-together-business-project_273609-5533.jpg",
|
||||
titleIconSrc: "Users",
|
||||
buttonText: "Unirse",
|
||||
},
|
||||
title: "Colaboración Estudiantil", description: "Espacio interactivo para que nuestro comité comparta materiales y guías valiosas.", imageSrc: "http://img.b2bpic.net/free-photo/teamwork-cooperation-creative-people-working-together-business-project_273609-5533.jpg", titleIconSrc: "Users", buttonText: "Unirse"},
|
||||
]}
|
||||
title="Herramientas que marcan la diferencia"
|
||||
description="Todo lo que necesitas para ser el mejor estudiante de tu institución."
|
||||
@@ -159,55 +110,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Secundaria",
|
||||
price: "1ro-2do",
|
||||
subtitle: "Fundamentos",
|
||||
features: [
|
||||
"Horario básico",
|
||||
"Flashcards iniciales",
|
||||
"IA GPT",
|
||||
],
|
||||
id: "1", badge: "Secundaria", price: "1ro-2do", subtitle: "Fundamentos", features: [
|
||||
"Horario básico", "Flashcards iniciales", "IA GPT"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Acceder",
|
||||
},
|
||||
text: "Acceder"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Secundaria",
|
||||
price: "3ro-4to",
|
||||
subtitle: "Avance",
|
||||
features: [
|
||||
"Planificación anual",
|
||||
"Flashcards avanzadas",
|
||||
"IA Pro",
|
||||
],
|
||||
id: "2", badge: "Secundaria", price: "3ro-4to", subtitle: "Avance", features: [
|
||||
"Planificación anual", "Flashcards avanzadas", "IA Pro"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Acceder",
|
||||
},
|
||||
text: "Acceder"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Secundaria",
|
||||
price: "5to",
|
||||
subtitle: "Excelencia",
|
||||
features: [
|
||||
"Simulacros examen",
|
||||
"Flashcards maestras",
|
||||
"Comité IA",
|
||||
],
|
||||
id: "3", badge: "Secundaria", price: "5to", subtitle: "Excelencia", features: [
|
||||
"Simulacros examen", "Flashcards maestras", "Comité IA"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Acceder",
|
||||
},
|
||||
text: "Acceder"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -222,45 +150,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Increíble cambio",
|
||||
quote: "Esta app cambió mi forma de estudiar.",
|
||||
name: "Sofia G.",
|
||||
role: "1ro Secundaria",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-girl-relaxing-park-watching-videos-reading-digital-tablet-sitting-benc_1258-151504.jpg",
|
||||
},
|
||||
id: "1", title: "Increíble cambio", quote: "Esta app cambió mi forma de estudiar.", name: "Sofia G.", role: "1ro Secundaria", imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-girl-relaxing-park-watching-videos-reading-digital-tablet-sitting-benc_1258-151504.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Muy organizada",
|
||||
quote: "Mis notas subieron demasiado.",
|
||||
name: "Mateo R.",
|
||||
role: "3ro Secundaria",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-guy-resting-floor-books_1262-862.jpg",
|
||||
},
|
||||
id: "2", title: "Muy organizada", quote: "Mis notas subieron demasiado.", name: "Mateo R.", role: "3ro Secundaria", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-guy-resting-floor-books_1262-862.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "La IA ayuda mucho",
|
||||
quote: "Ya no me estreso tanto.",
|
||||
name: "Valeria S.",
|
||||
role: "2do Secundaria",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg",
|
||||
},
|
||||
id: "3", title: "La IA ayuda mucho", quote: "Ya no me estreso tanto.", name: "Valeria S.", role: "2do Secundaria", imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Súper intuitiva",
|
||||
quote: "Es lo mejor del colegio.",
|
||||
name: "Diego L.",
|
||||
role: "4to Secundaria",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-gesturing-class_23-2147663398.jpg",
|
||||
},
|
||||
id: "4", title: "Súper intuitiva", quote: "Es lo mejor del colegio.", name: "Diego L.", role: "4to Secundaria", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-gesturing-class_23-2147663398.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Apoyo total",
|
||||
quote: "Gracias al comité estudiantil.",
|
||||
name: "Teniente A.",
|
||||
role: "Comité",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-posing-group-study-session-with-colleagues_23-2149211075.jpg",
|
||||
},
|
||||
id: "5", title: "Apoyo total", quote: "Gracias al comité estudiantil.", name: "Teniente A.", role: "Comité", imageSrc: "http://img.b2bpic.net/free-photo/student-posing-group-study-session-with-colleagues_23-2149211075.jpg"},
|
||||
]}
|
||||
title="Voces de los Estudiantes"
|
||||
description="Testimonios reales de la comunidad SVP."
|
||||
@@ -274,20 +172,12 @@ export default function LandingPage() {
|
||||
description="Envíanos tus ideas para mejorar nuestro colegio juntos."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nombre completo",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Nombre completo"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Correo institucional",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Correo institucional"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tu sugerencia para la app",
|
||||
}}
|
||||
name: "message", placeholder: "Tu sugerencia para la app"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laser-measuring-level-construction-work-shallow-depth-field-construction-laser-level-work-construction-finishing-works_166373-1897.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -296,29 +186,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Plataforma",
|
||||
items: [
|
||||
title: "Plataforma", items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Nosotros", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Soporte",
|
||||
items: [
|
||||
title: "Soporte", items: [
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contacto", href: "#contact"},
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidad", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user