Página Principal
Introducción atractiva al tema con humor mexicano
[SECCIÓN: Página principal]
[OBJETIVO: Presentar]
[ESTILO: Acogedor, humorístico, tradicional mexicano]
[CONTENIDO: Redacte una introducción breve y atractiva (aprox. 150 palabras) que explique el propósito del sitio web de forma amena. Use jerga mexicana y humor para presentar el tema de la contribución de 10 pesos en las gasolineras. Mencione la "picardía mexicana" y el arduo trabajo de los empleados de las gasolineras. Evite sermonear o acusar. Termine con una llamada a la acción para explorar el sitio web.]
[INTERACTIVIDAD: Ninguna]
[EJEMPLOS: "¡Bienvenidos! Entra y descubre el secreto detrás de esos 10 pesitos extra en la gasolinera. No te agüites, ¡aquí te lo explicamos con pura picardía mexicana!"]
[RESTRICCIONES: Evite usar lenguaje excesivamente ofensivo o vulgar. Sea respetuoso con los empleados de la gasolinera y los clientes.]
[FORMATO DE SALIDA: HTML con estilo básico]
Formulario de Anécdotas
Recopilación de historias de usuarios
[SECCIÓN: Anécdotas]
[OBJETIVO: Recopilar]
[ESTILO: Moderno, fácil de usar]
[CONTENIDO: Cree un formulario que permita a los usuarios enviar sus historias sobre la contribución de 10 pesos. Incluya campos para: Nombre (opcional), Título de la historia, Texto de la historia (máximo 500 palabras) y una casilla para aceptar los términos de servicio del sitio web. El formulario debe ser fácil de usar y visualmente atractivo.]
[INTERACTIVIDAD: Envío del formulario, validación básica (p. ej., campos obligatorios)]
[EJEMPLOS: Use un formulario HTML simple con estilos CSS básicos. Considere usar una biblioteca JavaScript para la validación del formulario.]
[RESTRICCIONES: Implemente protección básica contra spam (p. ej., un CAPTCHA).]
[FORMATO DE SALIDA: Elementos del formulario HTML con validación JavaScript]
Galería de Memes
Visualización de contenido humorístico
[SECCIÓN: Galería de memes]
[OBJETIVO: Visualización]
[ESTILO: Dinámico, Visual]
[CONTENIDO: Cree una galería de memes relacionados con la contribución de 10 pesos. Los memes deben ser humorísticos y relevantes para el tema. Permita que los usuarios naveguen por los memes. Use un diseño adaptable que funcione en diferentes tamaños de pantalla.]
[INTERACTIVIDAD: Visualización de imágenes, desplazamiento]
[EJEMPLOS: Use una cuadrícula CSS o un diseño Flexbox para mostrar los memes. Considere usar una biblioteca JavaScript para la función de carrusel de imágenes.]
[RESTRICCIONES: Asegúrese de que todos los memes tengan la licencia correspondiente o sean contenido original. Evite usar memes ofensivos o que inciten al odio.]
[FORMATO DE SALIDA: HTML con estilos CSS]
Preguntas Frecuentes
Educación y resolución de dudas
[SECCIÓN: Preguntas frecuentes]
[OBJETIVO: Educar]
[ESTILO: Claro, organizado]
[CONTENIDO: Cree una sección de preguntas frecuentes que aborde los malentendidos comunes sobre la contribución de 10 pesos. Incluya al menos 8 preguntas con respuestas detalladas. Use un diseño de acordeón para mostrar las preguntas y respuestas de manera organizada.]
[INTERACTIVIDAD: Acordeón desplegable]
[EJEMPLOS: "¿Por qué se cobran 10 pesos extra?", "¿Es obligatorio pagar los 10 pesos?", "¿A quién va destinado este dinero?"]
[RESTRICCIONES: Proporcione información precisa y evite afirmaciones falsas.]
[FORMATO DE SALIDA: HTML con estilos CSS y JavaScript básico]