Skip to content

feat: Add Animated Intro Landing Page (intro.html) - #272

Closed
Riya-Kharade wants to merge 1 commit into
vinaysingh282006:mainfrom
Riya-Kharade:animated-intro
Closed

feat: Add Animated Intro Landing Page (intro.html)#272
Riya-Kharade wants to merge 1 commit into
vinaysingh282006:mainfrom
Riya-Kharade:animated-intro

Conversation

@Riya-Kharade

@Riya-Kharade Riya-Kharade commented Feb 28, 2026

Copy link
Copy Markdown
Contributor

📌 Description

This PR introduces a new Animated Intro Landing Page to EcoPulse.

The page provides a cinematic entry experience before the main homepage,
featuring a rotating 3D Earth and a smooth transition effect.

closed #259


✨ Changes Made

  • Created new file: intro.html
  • Implemented rotating 3D Earth using Three.js
  • Added fade-in animation for heading and content
  • Designed eco-themed "Enter" button
  • Implemented smooth page transition to index.html
  • Ensured responsive full-screen layout

🎯 Purpose

This feature:

  • Enhances first impression
  • Improves user engagement
  • Creates premium web experience
  • Strengthens hackathon presentation value
  • Makes EcoPulse feel like a production-ready platform

🧪 Testing

  • Verified 3D Earth rotation animation
  • Checked responsiveness across devices
  • Tested smooth transition to homepage
  • Ensured performance consistency

Demo

Screen.Recording.2026-02-28.222838.mp4

No backend changes were introduced.

@Riya-Kharade Riya-Kharade closed this by deleting the head repository Mar 8, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add Animated Intro Landing Page

1 participant