Merge version_1_1782219372234 into main #1
@@ -12,311 +12,138 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Tu futuro comienza aquí"
|
||||
title="Your Path to Academic Success Starts Here"
|
||||
description="Personalized educational consulting that transforms ambitions into achievements. From university selection to career planning, we guide every step of your journey."
|
||||
primaryButton={{
|
||||
text: "Schedule Your Free Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Explore Our Services",
|
||||
href: "#services",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/education-knowledge-wisdom-school-academic-concept_53876-21394.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-laptop-stationeries-blue-background_23-2147880456.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-stationeries-yellow-backdrop_23-2147880460.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-with-books-digital-art-style-education-day_23-2151164353.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-businesswoman-receives-great-news-celebrating-while-talking-mobile-phone-corporate-woman_1258-194246.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-adult-nature-with-3d-geometric-shapes_23-2150697192.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-laptop-stationeries-yellow-backdrop_23-2147880496.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/peron-doing-presentation-her-colleagues_23-2149229033.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-academic-cap-glasses-with-globe_23-2148756568.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman-holding-book_23-2147716877.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-stationeries-cup-yellow-background_23-2147880489.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-holding-phone-going-down-stairs_176420-3965.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Tu futuro comienza aquí"
|
||||
title="Your Path to Academic Success Starts Here"
|
||||
description="Personalized educational consulting that transforms ambitions into achievements. From university selection to career planning, we guide every step of your journey."
|
||||
primaryButton={{
|
||||
text: "Schedule Your Free Consultation", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Explore Our Services", href: "#services"}}
|
||||
leftItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/education-knowledge-wisdom-school-academic-concept_53876-21394.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-laptop-stationeries-blue-background_23-2147880456.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-stationeries-yellow-backdrop_23-2147880460.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-with-books-digital-art-style-education-day_23-2151164353.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/excited-businesswoman-receives-great-news-celebrating-while-talking-mobile-phone-corporate-woman_1258-194246.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-adult-nature-with-3d-geometric-shapes_23-2150697192.jpg" },
|
||||
]}
|
||||
rightItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-laptop-stationeries-yellow-backdrop_23-2147880496.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/peron-doing-presentation-her-colleagues_23-2149229033.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-academic-cap-glasses-with-globe_23-2148756568.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman-holding-book_23-2147716877.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-stationeries-cup-yellow-background_23-2147880489.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-holding-phone-going-down-stairs_176420-3965.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Expertos en Educación"
|
||||
title="Transformando Ambiciones en Logros"
|
||||
description="Viastep es una consultoría académica dedicada a guiar estudiantes hacia su máximo potencial, conectando metas con realidades globales a través de mentoría personalizada."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-working-together-while-sitting-cafe_273609-13049.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Expertos en Educación"
|
||||
title="Transformando Ambiciones en Logros"
|
||||
description="Viastep es una consultoría académica dedicada a guiar estudiantes hacia su máximo potencial, conectando metas con realidades globales a través de mentoría personalizada."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-working-together-while-sitting-cafe_273609-13049.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Nuestros Servicios"
|
||||
title="Un Camino Claro para Cada Estudiante"
|
||||
description="Explora nuestras áreas de especialidad diseñadas para cada etapa de tu desarrollo académico."
|
||||
items={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "University Selection",
|
||||
description: "Expert advice on selecting the best university based on your profile.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-multi-ethnic-people-working-with-blueprints-plan-design-architectural-building-women-using-digital-tablet-planning-construction-layout-with-sketch-brainstorming-ideas_482257-38842.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Career Planning",
|
||||
description: "Long-term mapping of career objectives and skills gap analysis.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues-with-laptop_23-2149009002.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Visa Guidance",
|
||||
description: "Comprehensive support for student visa applications worldwide.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/intercultural-business-team_1098-14724.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Personal Statement",
|
||||
description: "Drafting and refining high-impact admission essays.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-looking-restaurant-menu_23-2150520101.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Language Prep",
|
||||
description: "Preparation programs for language proficiency exams.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-correcting-grammar-mistakes_23-2150171062.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
title: "Scholarship Search",
|
||||
description: "Identifying and applying for merit-based financial aid.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-economists_1098-15592.jpg",
|
||||
},
|
||||
{
|
||||
id: "s7",
|
||||
title: "Mentorship",
|
||||
description: "Ongoing academic mentorship throughout your studies.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-discussing_23-2149080793.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Nuestros Servicios"
|
||||
title="Un Camino Claro para Cada Estudiante"
|
||||
description="Explora nuestras áreas de especialidad diseñadas para cada etapa de tu desarrollo académico."
|
||||
items={[
|
||||
{ title: "University Selection", description: "Expert advice on selecting the best university based on your profile.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/close-up-multi-ethnic-people-working-with-blueprints-plan-design-architectural-building-women-using-digital-tablet-planning-construction-layout-with-sketch-brainstorming-ideas_482257-38842.jpg" },
|
||||
{ title: "Career Planning", description: "Long-term mapping of career objectives and skills gap analysis.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues-with-laptop_23-2149009002.jpg" },
|
||||
{ title: "Visa Guidance", description: "Comprehensive support for student visa applications worldwide.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/intercultural-business-team_1098-14724.jpg" },
|
||||
{ title: "Personal Statement", description: "Drafting and refining high-impact admission essays.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-looking-restaurant-menu_23-2150520101.jpg" },
|
||||
{ title: "Language Prep", description: "Preparation programs for language proficiency exams.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-correcting-grammar-mistakes_23-2150171062.jpg" },
|
||||
{ title: "Scholarship Search", description: "Identifying and applying for merit-based financial aid.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/young-economists_1098-15592.jpg" },
|
||||
{ title: "Mentorship", description: "Ongoing academic mentorship throughout your studies.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-discussing_23-2149080793.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Resultados Comprobados"
|
||||
title="El Impacto de Nuestra Mentoría"
|
||||
description="Cientos de estudiantes han alcanzado sus sueños académicos con nuestra ayuda."
|
||||
metrics={[
|
||||
{
|
||||
icon: GraduationCap,
|
||||
title: "Admission Rate",
|
||||
value: "98%",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Countries Served",
|
||||
value: "25+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Scholarships Won",
|
||||
value: "500+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Resultados Comprobados"
|
||||
title="El Impacto de Nuestra Mentoría"
|
||||
description="Cientos de estudiantes han alcanzado sus sueños académicos con nuestra ayuda."
|
||||
metrics={[
|
||||
{ icon: "GraduationCap", title: "Admission Rate", value: "98%" },
|
||||
{ icon: "Globe", title: "Countries Served", value: "25+" },
|
||||
{ icon: "Award", title: "Scholarships Won", value: "500+" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingLayeredCards
|
||||
tag="Inversión en tu Futuro"
|
||||
title="Planes Transparentes"
|
||||
description="Elige la opción que mejor se ajuste a tus necesidades de asesoría."
|
||||
plans={[
|
||||
{
|
||||
tag: "Esencial",
|
||||
price: "499€",
|
||||
description: "Orientación inicial rápida.",
|
||||
primaryButton: {
|
||||
text: "Elegir Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
features: [
|
||||
"1 consulta",
|
||||
"University list",
|
||||
"CV Review",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Profesional",
|
||||
price: "1.299€",
|
||||
description: "Acompañamiento completo.",
|
||||
primaryButton: {
|
||||
text: "Elegir Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
features: [
|
||||
"5 sesiones",
|
||||
"Essay Editing",
|
||||
"Visa Support",
|
||||
"Career Mapping",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Élite",
|
||||
price: "2.499€",
|
||||
description: "Mentoria todo el año.",
|
||||
primaryButton: {
|
||||
text: "Elegir Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
features: [
|
||||
"Sesiones ilimitadas",
|
||||
"Scholarship guidance",
|
||||
"Career mentorship",
|
||||
"Full application support",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Inversión en tu Futuro"
|
||||
title="Planes Transparentes"
|
||||
description="Elige la opción que mejor se ajuste a tus necesidades de asesoría."
|
||||
plans={[
|
||||
{ tag: "Esencial", price: "499€", description: "Orientación inicial rápida.", primaryButton: { text: "Elegir Plan", href: "#contact" }, features: ["1 consulta", "University list", "CV Review"] },
|
||||
{ tag: "Profesional", price: "1.299€", description: "Acompañamiento completo.", primaryButton: { text: "Elegir Plan", href: "#contact" }, features: ["5 sesiones", "Essay Editing", "Visa Support", "Career Mapping"] },
|
||||
{ tag: "Élite", price: "2.499€", description: "Mentoria todo el año.", primaryButton: { text: "Elegir Plan", href: "#contact" }, features: ["Sesiones ilimitadas", "Scholarship guidance", "Career mentorship", "Full application support"] },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Historias de Éxito"
|
||||
title="Lo que dicen nuestros alumnos"
|
||||
description="Descubre cómo Viastep cambió el futuro de nuestros estudiantes."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena R.",
|
||||
role: "Estudiante",
|
||||
company: "Oxford University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-outdoors_23-2148396303.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos M.",
|
||||
role: "Ingeniero",
|
||||
company: "MIT",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-smiling-asian-woman-showing-card-her-hand-standing-yellow-background_1258-141088.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofia G.",
|
||||
role: "Arquitecta",
|
||||
company: "Politécnico",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-posing-while-standing-academic-dress-looking-happy_176474-82294.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Javier D.",
|
||||
role: "Estudiante",
|
||||
company: "Harvard",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria L.",
|
||||
role: "Médica",
|
||||
company: "Complutense",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classmates-learning-together-group-study-session_23-2149211123.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Historias de Éxito"
|
||||
title="Lo que dicen nuestros alumnos"
|
||||
description="Descubre cómo Viastep cambió el futuro de nuestros estudiantes."
|
||||
testimonials={[
|
||||
{ name: "Elena R.", role: "Estudiante", company: "Oxford University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-outdoors_23-2148396303.jpg" },
|
||||
{ name: "Carlos M.", role: "Ingeniero", company: "MIT", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/shopping-smiling-asian-woman-showing-card-her-hand-standing-yellow-background_1258-141088.jpg" },
|
||||
{ name: "Sofia G.", role: "Arquitecta", company: "Politécnico", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-lady-posing-while-standing-academic-dress-looking-happy_176474-82294.jpg" },
|
||||
{ name: "Javier D.", role: "Estudiante", company: "Harvard", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg" },
|
||||
{ name: "Maria L.", role: "Médica", company: "Complutense", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/classmates-learning-together-group-study-session_23-2149211123.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Preguntas frecuentes"
|
||||
title="Respondemos tus dudas"
|
||||
description="Todo lo que necesitas saber para empezar tu camino académico."
|
||||
items={[
|
||||
{
|
||||
question: "¿Cuándo debo comenzar con mi asesoría?",
|
||||
answer: "Recomendamos iniciar al menos 6-12 meses antes de la fecha límite de aplicación.",
|
||||
},
|
||||
{
|
||||
question: "¿Ofrecen apoyo con visas de estudiantes?",
|
||||
answer: "Sí, contamos con un equipo especializado en procesos migratorios para estudiantes.",
|
||||
},
|
||||
{
|
||||
question: "¿Es posible realizar una consulta gratuita?",
|
||||
answer: "Por supuesto, la primera consulta de diagnóstico es totalmente gratuita.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Preguntas frecuentes"
|
||||
title="Respondemos tus dudas"
|
||||
description="Todo lo que necesitas saber para empezar tu camino académico."
|
||||
items={[
|
||||
{ question: "¿Cuándo debo comenzar con mi asesoría?", answer: "Recomendamos iniciar al menos 6-12 meses antes de la fecha límite de aplicación." },
|
||||
{ question: "¿Ofrecen apoyo con visas de estudiantes?", answer: "Sí, contamos con un equipo especializado en procesos migratorios para estudiantes." },
|
||||
{ question: "¿Es posible realizar una consulta gratuita?", answer: "Por supuesto, la primera consulta de diagnóstico es totalmente gratuita." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contacto"
|
||||
text="Comienza hoy mismo tu transformación académica con nuestra consultoría experta."
|
||||
primaryButton={{
|
||||
text: "Agendar Sesión Gratuita",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Escríbenos por WhatsApp",
|
||||
href: "https://wa.me/34",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Contacto"
|
||||
text="Comienza hoy mismo tu transformación académica con nuestra consultoría experta."
|
||||
primaryButton={{ text: "Agendar Sesión Gratuita", href: "#contact" }}
|
||||
secondaryButton={{ text: "Escríbenos por WhatsApp", href: "https://wa.me/34" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user