regal-professor

byMustakim Ahmed

Create an ultra-premium, modern, elegant, fully responsive academic portfolio web application for “Dr. Nur Hossain”, Professor at Madhab Choudhury College, Barpeta, Assam, India. IMPORTANT: The highest priority of this project is: 1. Extremely premium UI/UX 2. Beautiful frontend design 3. Modern animations 4. Luxury academic website appearance 5. Mobile-first responsiveness 6. Smooth transitions and interactions 7. Production-level frontend architecture The website must look like a world-class university professor portfolio designed by top UI/UX designers. TECH STACK: - Frontend: Next.js 15 + React + TypeScript - Backend: Firebase - Database: Firestore - Authentication: Firebase Auth - Storage: Firebase Storage - Hosting: Firebase Hosting - Styling: Tailwind CSS - Animation: Framer Motion + GSAP - Icons: Lucide React - UI Components: shadcn/ui - Rich Text Editor: TipTap - Theme: Dark/Light Mode - SEO Optimized - Fully Accessible - Fast Loading - PWA Support DESIGN STYLE: Create a luxury modern academic design with: - Glassmorphism cards - Soft shadows - Gradient overlays - Premium typography - Large spacing - Smooth hover effects - Animated borders - Floating UI effects - Professional academic aesthetics - Elegant gradients - Micro-interactions - Modern section transitions - Cinematic hero section COLOR PALETTE: - Deep Navy Blue (#0A192F) - Royal Gold (#D4AF37) - White - Soft Gray - Elegant dark gradients - Subtle glowing accents TYPOGRAPHY: Use modern premium typography: - Headings: Bold elegant serif/sans hybrid - Body: Clean modern readable font - Large hero text - Smooth letter spacing - Academic luxury feel GLOBAL UI FEATURES: - Sticky glassmorphism navbar - Smooth scrolling - Animated page transitions - Loading animations - Floating particles background - Scroll-triggered animations - Reveal animations - Skeleton loaders - Hover glow effects - Animated gradients - Premium cards - Backdrop blur effects - Elegant section dividers - Cursor effects - Responsive mega menu - Mobile app-like experience PAGES REQUIRED: 1. HOME PAGE Create a cinematic homepage with: - Fullscreen hero section - Animated academic background - Professor image with elegant frame - Name: “Dr. Nur Hossain” - Designation: “Professor at Madhab Choudhury College” - Animated typing text - Professional tagline - CTA buttons: - View Publications - Contact Me - Download CV Include: - Animated statistics - Academic achievements counters - Testimonials slider - Featured publications - Research highlights - Elegant scrolling effects 2. ABOUT PAGE Create a premium about section containing: - Biography - Academic journey - Mission and vision - Teaching philosophy - Research interests - Academic values - Professional story Use: - Timeline animations - Split-screen layouts - Interactive cards - Motion effects 3. EDUCATION SECTION Create animated academic timeline cards showing: - Degrees - Universities - Passing years - Specializations - Certifications - Awards - Doctorate details - Research history Admin features: - Add/Edit/Delete education records 4. EXPERIENCE SECTION Create a premium professional experience layout with: - Teaching experience - Research experience - Academic responsibilities - Administrative roles - Institutional contributions - Department details - Academic leadership Use: - Interactive timelines - Motion animations - Hover expansion cards 5. PUBLICATIONS & BOOKS PAGE Create a world-class publications system. Features: - Modern book showcase grid - 3D hover book cards - Book cover uploads - Publication details - ISBN - Publisher - Purchase links - PDF preview - Citation system - Research papers - Journal publications - Conference papers Add: - Advanced search - Filtering - Category tabs - Animated sliders Admin dashboard: - Upload books - Upload PDFs - Manage publications - Edit/Delete system 6. RESEARCH & SERVICES PAGE Include: - Research interests - Academic services - Committee memberships - Professional affiliations - Workshops attended - Seminars conducted - Mentorship programs - Social contributions Use: - Animated icon cards - Modern grid layouts - Interactive service sections 7. GALLERY PAGE Create a luxury animated gallery with: - Seminar photos - College events - Conference participation - Awards - Classroom moments - Professional activities Features: - Masonry layout - Lightbox preview - Smooth transitions - Category filtering - Image lazy loading - Hover zoom effects 8. ACHIEVEMENTS PAGE Display: - Awards - Certificates - Honors - Academic recognitions - Professional milestones Use: - Premium achievement cards - Gold-accent styling - Motion reveal effects 9. COLLEGE INFORMATION SECTION Create a modern section about Madhab Choudhury College: - College overview - Department information - Interactive map - College history - Campus images - Academic environment - Official website button 10. BLOG / ARTICLES SYSTEM Create a premium blog platform. Features: - Rich text editor - Categories - Tags - Search system - Featured articles - Reading progress bar - Modern article layout - Markdown support Admin can: - Publish articles - Edit/Delete posts - Upload featured images 11. CONTACT PAGE Create a luxury contact experience with: - Premium contact form - Animated inputs - Email integration - WhatsApp button - Social links - Interactive Google Map - Office address - Contact cards Fields: - Name - Email - Subject - Message Store all messages in Firebase Firestore. 12. ADMIN DASHBOARD Create a fully secure modern admin panel. Dashboard Features: - Analytics overview - CRUD operations - Media management - Publication management - Blog management - Gallery management - Contact management - User management - Rich editor - Role-based access - Firebase authentication Design: - Premium dashboard UI - Sidebar navigation - Charts and analytics - Modern tables - Smooth transitions 13. SEO & PERFORMANCE Implement: - Dynamic metadata - Open Graph tags - Structured schema - XML sitemap - Robots.txt - SEO-friendly URLs - Optimized images - Lazy loading - Code splitting - Server-side rendering - Fast transitions 14. EXTRA PREMIUM FEATURES Add: - AI chatbot placeholder - Newsletter system - Download CV feature - Animated counters - Parallax sections - Cursor glow effects - Theme switcher - Multi-language ready - Accessibility support - Progressive Web App - Motion backgrounds - Floating action buttons 15. FIREBASE DATABASE STRUCTURE Create collections for: - users - education - experiences - publications - gallery - achievements - services - blogs - testimonials - contact_messages - settings Generate: - Firebase configuration - Firestore rules - Authentication setup - Storage rules - API utilities - Reusable hooks 16. FOLDER STRUCTURE Generate clean scalable architecture: - app/ - components/ - sections/ - hooks/ - firebase/ - lib/ - types/ - store/ - styles/ - public/ - admin/ 17. UI REQUIREMENTS The UI must feel: - Premium - Luxurious - Academic - Trustworthy - Minimal but elegant - Modern and futuristic The website should resemble the quality of: - Top international university websites - Premium portfolio websites - Award-winning UI showcases 18. RESPONSIVENESS Ensure: - Perfect mobile optimization - Tablet responsiveness - Desktop ultra-wide support - Smooth touch interactions - Mobile app-like animations 19. FINAL OUTPUT Generate: - Complete production-ready code - All pages - Reusable components - Firebase integration - Deployment instructions - Environment variable setup - Clean commented code - Fully responsive layouts - Professional animations - SEO optimization - Accessibility compliance The final result should look like a premium international professor portfolio website with world-class UI/UX quality.