Homepage Main Section - Copy this Angular, Tailwind Component to your project
Design a homepage main section with the following structure: Hero Section: Background color: Gray (#4B5563). Text color: White. Content alignment: Centered. Include: A large heading with the text: "En EduAccess, conecta a tus estudiantes o accede al contenido que necesitas." A supporting paragraph below: "Gestiona y disfruta de material educativo personalizado, tanto para empresas como para usuarios individuales." Ensure responsive typography with heading sizes of 2xl and 4xl for small and medium devices, respectively. Plans Section: Background color: Light gray (#F3F4F6). Section heading: "¿QUÉ OFRECEMOS?" in bold, large font (size 3xl). Layout: A grid with 1 column for small devices and 2 columns for medium and larger devices. Each grid item (plan card) should include: A colored background (#2563EB) with white text. A heading describing the plan (e.g., PLAN MENSUAL). A list of 4 features. Pricing details: Bold current price (e.g., 50 estudiantes por S/.500). Strikethrough old price (e.g., ANTES: 50 estudiantes por S/.600). A prominent "COMPRAR" button styled as a green call to action. Mission and Vision Section: Background color: White. Layout: A two column grid for medium and larger devices; single column for small screens. Left column: A rounded image with a shadow (use a placeholder image path: "path/to/team image.jpg"). Right column: Two cards (Mission and Vision) with the following: Background: Light gray (#F3F4F6). Text alignment: Left. Card details: Mission card: Title: "MISIÓN" (bold and black). Description: "Ofrecer recursos educativos de alta calidad, facilitando el acceso a herramientas que mejoran la experiencia de enseñanza y aprendizaje." Vision card: Title: "VISIÓN" (bold and black). Description: "Ser la plataforma líder en educación personalizada y crear una comunidad global de aprendizaje digital que fomente la innovación y el desarrollo personal." Ensure the design is responsive, visually appealing, and aligns all elements meticulously for a polished and user friendly experience.
