Design a stunning immersive and visually captivating website for a flagship university-level technical event called I-FEST happening on 14th September. The site must deliver a breathtaking futuristic UI that feels like a tech conference startup expo and hackathon hub combined. Use modern UI/UX principles and powerful visual storytelling.
๐ General Layout:
A fullscreen landing section with animated countdown timer to 14th September and a glowing โRegister Nowโ button.
Use background video or animated gradient effects (glowing particles galaxy/starfield tech circuitry animation).
Smooth scroll-triggered animations and parallax effects throughout.
๐ฏ Highlight Sections:
Bold event logo and tagline: "I-FEST โ Fueling Innovation & Tech Spirit"
Interactive event cards for:
I-MUN (Model UN)
I-Code (Coding contest)
I-Civil (Bridge building)
I-Circuit (Circuit building)
Ideathon (Startup idea pitch)
DSA Workshop
UI/UX Workshop
Clicking โLearn Moreโ opens a separate event page with details: description schedule images/icons rules contact and register.
๐จ UI/UX Theme:
Use dark mode with glowing neon themes (tech blue cyberpunk violet neon green).
Framer Motion or GSAP for animations (floating cards hover transitions entry effects).
Modern futuristic fonts (e.g. Orbitron Rajdhani).
Glassmorphism and 3D depth on sections (blurred glass panels floating elements).
TailwindCSS for styling.
๐ Features:
Sticky animated navbar with logo and navigation to all event pages
Mobile responsive with collapsible nav and elegant transitions
Scroll animations on every section
Countdown clock synced to user time
Smooth page transitions when moving between events
Contact form & social media in footer with glowing icons
Organizing team/credits section
Optional: Include floating chat bot animated background music toggle or fun hidden Easter egg
Build this with React + Tailwind + Framer Motion and ensure it feels like a top-tier international-level event site.
|
