mega-website

Create a modern, fully responsive 3D animated website for a training institute named "Tisa". Tech stack: - React.js (with Vite or Next.js) - Three.js or React Three Fiber for 3D elements - Tailwind CSS for styling - Framer Motion for smooth animations Design style: - Futuristic, clean, and professional - Use glassmorphism and soft neon gradients (blue, purple, cyan) - Smooth scrolling and interactive transitions Pages/Sections to include: 1. Hero Section: - Fullscreen 3D animated scene (floating elements like books, laptop, code symbols) - Heading: "Welcome to Tisa Training Institute" - Subheading: "Learn. Build. Grow." - CTA buttons: "Explore Courses" and "Enroll Now" 2. About Section: - Brief description of Tisa - Animated cards showing mission, vision, and values 3. Courses Section: - Interactive 3D cards for courses (MERN Stack, Web Development, Data Science, etc.) - Hover effects and animations - Each card shows course details 4. Features Section: - Why choose Tisa (Placement support, Live projects, Expert mentors) - Use icons with animations 5. Testimonials: - Slider with student feedback - Smooth transitions 6. Contact Section: - Contact form (Name, Email, Message) - Google Maps embed - Social media links 7. Footer: - Quick links, contact info, copyright Extra Features: - Dark mode by default - Smooth page transitions - Scroll-triggered animations - Fully responsive (mobile + desktop) - Fast loading optimization 3D Requirements: - Use React Three Fiber for a lightweight 3D scene - Add floating particles or interactive objects - Ensure performance optimization (lazy loading, minimal polygons) Output: - Clean, well-structured code - Component-based architecture - Comments explaining key parts