233 lines
14 KiB
TypeScript
233 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { CheckCircle, Clock, Instagram, Facebook, Linkedin, PhoneCall, Users, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Open Your Mind School"
|
|
navItems={[
|
|
{ name: "Inicio", id: "hero" },
|
|
{ name: "Servicios", id: "services" },
|
|
{ name: "Sobre Nosotros", id: "about" },
|
|
{ name: "Testimonios", id: "testimonials" },
|
|
{ name: "Contacto", id: "contact" }
|
|
]}
|
|
button={{ text: "Solicitar Información", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Aprende inglés de forma real y dinámica en Amurrio"
|
|
description="Clases de inglés para niños, adolescentes y adultos con grupos reducidos, profesores cercanos y preparación de exámenes oficiales. Tu camino hacia la confianza al hablar inglés empieza aquí."
|
|
tag="⭐ 5.0 en Google - Academia Recomendada"
|
|
background={{ variant: "radial-gradient" }}
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-student-typing-laptop_1098-2742.jpg?_wi=1", imageAlt: "Clase de inglés dinámica en Open Your Mind School" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/perfect-prepare-lesson_329181-10514.jpg?_wi=1", imageAlt: "Niños aprendiendo inglés de forma interactiva" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-banner-concept-with-copy-space_23-2149601493.jpg?_wi=1", imageAlt: "Adultos mejorando su inglés en clase" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/books-stack-with-colored-pencil-mug_1252-752.jpg?_wi=1", imageAlt: "Preparación de exámenes de inglés" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/students-with-books-table_23-2147656179.jpg?_wi=1", imageAlt: "Comunidad de aprendizaje colaborativo" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Solicitar Información", href: "contact" },
|
|
{ text: "Prueba una Clase Gratis", href: "contact" }
|
|
]}
|
|
mediaAnimation="none"
|
|
/>
|
|
</div>
|
|
|
|
<div id="problem" data-section="problem">
|
|
<FeatureCardSeven
|
|
title="¿Por qué la mayoría no habla inglés fluido?"
|
|
description="Aunque lleves años estudiando inglés, probablemente todavía tienes estos problemas. En Open Your Mind School los resolvemos."
|
|
tag="El Problema"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Años estudiando sin hablar con confianza", description: "Muchos estudiantes llevan años aprendiendo vocabulario y gramática, pero cuando llega el momento de hablar, el miedo y la inseguridad los paralizan.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-learning-with-mates_23-2147666567.jpg?_wi=1", imageAlt: "Estudiantes aprendiendo inglés"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Miedo a cometer errores en conversación", description: "El sistema tradicional penaliza los errores, creando una barrera psicológica que impide practicar el speaking real.", imageSrc: "http://img.b2bpic.net/free-photo/books-stack-with-colored-pencil-mug_1252-752.jpg?_wi=2", imageAlt: "Exámenes de inglés"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Clases aburridas y poco prácticas", description: "Métodos antiguos centrados en teoría en lugar de comunicación real. Sin contexto, sin emoción, sin verdadera interacción.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-student-typing-laptop_1098-2742.jpg?_wi=2", imageAlt: "Clase de inglés interactiva"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="solution" data-section="solution">
|
|
<TextAbout
|
|
tag="Nuestra Solución"
|
|
title="En Open Your Mind School, enseñamos inglés para hablar con confianza y naturalidad"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Conocer Nuestro Método", href: "#services" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardOne
|
|
title="Nuestros Servicios"
|
|
description="Contamos con programas especializados para cada edad y nivel. Todos con un enfoque dinámico, comunicativo y cercano."
|
|
tag="Programas Disponibles"
|
|
products={[
|
|
{
|
|
id: "1", name: "Clases de Inglés para Niños", price: "Desde 30€/mes", imageSrc: "http://img.b2bpic.net/free-photo/perfect-prepare-lesson_329181-10514.jpg?_wi=2", imageAlt: "Clases de inglés para niños"
|
|
},
|
|
{
|
|
id: "2", name: "Clases de Inglés para Adolescentes", price: "Desde 40€/mes", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-learning-with-mates_23-2147666567.jpg?_wi=2", imageAlt: "Clases de inglés para adolescentes"
|
|
},
|
|
{
|
|
id: "3", name: "Clases de Inglés para Adultos", price: "Desde 50€/mes", imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-banner-concept-with-copy-space_23-2149601493.jpg?_wi=2", imageAlt: "Clases de inglés para adultos"
|
|
},
|
|
{
|
|
id: "4", name: "Preparación Exámenes Oficiales", price: "Desde 60€/mes", imageSrc: "http://img.b2bpic.net/free-photo/books-stack-with-colored-pencil-mug_1252-752.jpg?_wi=3", imageAlt: "Preparación de exámenes de inglés"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="benefits" data-section="benefits">
|
|
<MetricCardThree
|
|
title="¿Por qué elegir Open Your Mind School?"
|
|
description="Nuestros valores diferenciadores que garantizan tu éxito en el aprendizaje del inglés."
|
|
tag="Nuestras Fortalezas"
|
|
metrics={[
|
|
{ id: "1", icon: Users, title: "Grupos Reducidos", value: "Máx. 8 alumnos" },
|
|
{ id: "2", icon: Zap, title: "Método Dinámico", value: "100% Comunicativo" },
|
|
{ id: "3", icon: CheckCircle, title: "Profesores Cualificados", value: "Nativos & Certificados" },
|
|
{ id: "4", icon: Clock, title: "Horarios Flexibles", value: "Adaptados a Ti" }
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Academia muy recomendable. Horarios adaptados, clases dinámicas y profesores muy cercanos. Mi hijo ha mejorado muchísimo y ahora habla inglés con confianza. ¡100% recomendable!"
|
|
rating={5}
|
|
author="María González, Madre de Alumno"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-pretty-smiling-female-student-eyeglasses-with-book-happily-looking-camera-library-university_574295-1612.jpg", alt: "Estudiante de inglés satisfecho" },
|
|
{ src: "http://img.b2bpic.net/free-photo/serious-senior-speaker-writing-flipchart_1262-1940.jpg", alt: "Profesional mejorando inglés" },
|
|
{ src: "http://img.b2bpic.net/free-photo/education-happy-satisfied-man-rejoicing-holding-notebooks-making-fist-pump-shouting-joy_1258-160484.jpg", alt: "Adolescente aprendiendo inglés" },
|
|
{ src: "http://img.b2bpic.net/free-photo/low-angle-lesson-write_23-2148542797.jpg", alt: "Familia en clase de inglés" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="blur-reveal"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TeamCardEleven
|
|
title="Sobre Open Your Mind School"
|
|
description="Una academia de idiomas comprometida con tu éxito. Nos ubicamos en el corazón de Amurrio, creando un espacio donde aprender inglés es divertido, cercano y efectivo."
|
|
tag="Nuestra Historia"
|
|
groups={[
|
|
{
|
|
id: "values", groupTitle: "Nuestros Valores", members: [
|
|
{
|
|
id: "1", title: "Aprendizaje Real", subtitle: "Speaking & Listening", detail: "Enfoque 100% comunicativo para aprender inglés como se habla de verdad", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-studying-together_23-2149204772.jpg", imageAlt: "Profesores cualificados en clase"
|
|
},
|
|
{
|
|
id: "2", title: "Ambiente Cercano", subtitle: "Personalizado", detail: "Atención individualizada con profesores que conocen tus objetivos y necesidades", imageSrc: "http://img.b2bpic.net/free-photo/students-with-books-table_23-2147656179.jpg?_wi=2", imageAlt: "Comunidad de aprendizaje"
|
|
},
|
|
{
|
|
id: "3", title: "Comunidad de Aprendizaje", subtitle: "Juntos Crecemos", detail: "Un espacio seguro donde practicar, cometer errores y mejorar día a día", imageSrc: "http://img.b2bpic.net/free-photo/close-up-student-typing-laptop_1098-2742.jpg?_wi=3", imageAlt: "Clase de inglés colaborativa"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Empieza Tu Viaje en el Inglés Hoy"
|
|
ctaDescription="Solicita información sin compromiso. Plazas limitadas en nuestros grupos reducidos. ¡No esperes más!"
|
|
ctaIcon={PhoneCall}
|
|
ctaButton={{ text: "Contactar Ahora", href: "tel:688905174" }}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "¿Cuál es el nivel mínimo para empezar?", content: "Aceptamos estudiantes de todos los niveles, desde principiantes absolutos hasta avanzados. Realizamos una prueba de nivel gratuita para asignarte la clase correcta."
|
|
},
|
|
{
|
|
id: "2", title: "¿Cuántos estudiantes hay por clase?", content: "Nuestras clases tienen un máximo de 8 estudiantes. Esto permite una atención personalizada y más oportunidades de participación y speaking."
|
|
},
|
|
{
|
|
id: "3", title: "¿Qué exámenes preparáis?", content: "Preparamos para Cambridge (KET, PET, FCE, CAE), IELTS, TOEFL y otros exámenes oficiales. Consulta disponibilidad según tu objetivo."
|
|
},
|
|
{
|
|
id: "4", title: "¿Tienen clases de prueba?", content: "Sí, ofrecemos una clase de prueba gratuita para que conozcas nuestro método y te sientas cómodo con el grupo antes de comprometerte."
|
|
},
|
|
{
|
|
id: "5", title: "¿Dónde estáis ubicados exactamente?", content: "Estamos en Plaza San Antón de Armuru 1, en el centro de Amurrio, Álava. Accesible en transporte público y con estacionamiento cercano."
|
|
},
|
|
{
|
|
id: "6", title: "¿Cómo puedo contactar para más información?", content: "Puedes llamarnos al 688 90 51 74, enviarnos un email a través de nuestro sitio web, o visitarnos directamente. ¡Estaremos encantados de conocerte!"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Open Your Mind School"
|
|
copyrightText="© 2025 Open Your Mind School. Todos los derechos reservados. Academia de idiomas - Amurrio, Álava."
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "https://instagram.com/openyourmindschool", ariaLabel: "Instagram" },
|
|
{ icon: Facebook, href: "https://facebook.com/openyourmindschool", ariaLabel: "Facebook" },
|
|
{ icon: Linkedin, href: "https://linkedin.com/company/openyourmindschool", ariaLabel: "LinkedIn" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|