swift-students

byAman

Act as an expert UI/UX designer, frontend developer, and SEO strategist. Create a modern, responsive, and beginner-friendly blog website named "Learn2Earn". 🎯 Target Audience: Students aged 13–25, especially in India, who want to: - Learn digital skills - Use AI tools - Earn money online 🎯 Website Goal: Help students learn, grow, and start earning through practical and easy-to-follow content. --- 🎨 DESIGN REQUIREMENTS: - Clean, modern, and professional UI - Mobile-first responsive design (optimize for smartphones) - Color scheme: Blue + White + Black OR modern gradient style - Smooth scrolling and minimal animations - Use readable fonts (sans-serif, modern) --- 🏠 HOMEPAGE STRUCTURE: 1. Header: - Logo: "Learn2Earn" - Navigation menu: Home | Blog | Earn Money | AI Tools | Study & Career | About | Contact - Search bar 2. Hero Section: - Headline: “Learn Skills. Use AI. Earn Money.” - Subheadline: “Simple guides for students to grow and earn online” - CTA Button: “Start Learning” 3. Category Section (3 Cards): - 💰 Earn Money (freelancing, side hustles, passive income) - 🤖 AI Tools (free AI tools, tutorials, productivity) - 📚 Study & Career (study tips, scholarships, career guidance) 4. Featured / Latest Blog Posts: - Grid layout (3–6 posts) - Show title, image, short description, read more button 5. Email Newsletter Section: - Text: “Join 1000+ students learning and earning online” - Input + Subscribe button 6. Ad Placement Areas: - Banner space (top and between posts) - Sidebar ads (future monetization) 7. Footer: - Quick links (Home, Blog, Categories, About, Contact) - Social icons - Copyright text --- 📄 REQUIRED PAGES: 1. Home Page 2. Blog Page (all posts with pagination) 3. Category Pages: - Earn Money - AI Tools & Technology - Study & Career Growth 4. About Page: - Mission: Helping students learn skills and earn online - Friendly, relatable tone 5. Contact Page: - Simple form (Name, Email, Message) 6. Privacy Policy Page --- ⚙️ FEATURES: - SEO-friendly blog structure (clean URLs, headings, meta tags) - Fast loading speed - Search functionality - Simple navigation - Mobile optimization - Blog post template with: - Title - Featured image - Content sections - FAQs - Internal linking --- ✍️ CONTENT STYLE: - Use simple English + Hinglish tone - Beginner-friendly explanations - Step-by-step guides - Example topics: - “How to Earn Money Online as a Student” - “Best Free AI Tools in 2026” - “Career Options After 12th” --- 💡 EXTRA: - Add icons and illustrations for better engagement - Keep UI uncluttered and student-friendly - Build trust with clean design and helpful content - Ensure scalability for future monetization (ads, affiliate links) --- Output: - Full website layout structure - UI design suggestions - Sample homepage content - Example blog post layout - Clean, production-ready HTML/CSS (or framework like React if applicable)