🌐 Implement Landing Page #18

Build a public landing page for Code Showcase Studio.
This page introduces the platform, its vision, and key features to new visitors before they sign up or log in.

✅ Tasks

• Design & Content

  • Hero section with catchy tagline and call-to-action (CTA).
  • Highlight main features (Post, Vote, Comment, Follow, Leaderboard).
  • Showcase screenshots or mockups of the app.
  • Add "Get Started" button (redirects to sign-up/login).

• UI/UX Implementation

  • Responsive layout (mobile-first).
  • Smooth animations/transitions for sections.
  • Consistent branding (colors, typography, logo).

• Fullstack Integration

  • Public route / that shows landing page when user is not logged in.
  • Redirect authenticated users to /feeds.

• SEO & Optimization

  • Add meta tags (title, description, keywords).
  • Add OpenGraph & Twitter Card support.
  • Optimize images for fast load.

🏁 Acceptance Criteria

• Landing page introduces the platform clearly and attractively.
• Non-logged-in visitors see the landing page by default.
• Logged-in users are redirected to Feeds page.
• Page is responsive, optimized, and accessible.