ultra-app

bySadiq Qureshi

# Build a Complete Premium Consulting Website You are an expert full-stack developer, UI/UX designer, and product designer. Build a production-ready website for my startup. The goal is to create a premium consulting platform that combines career guidance, business consulting, and personal branding under one brand. ## Business Overview The company helps: - Students choose the right career. - Freshers prepare for corporate jobs. - Professionals switch careers. - Entrepreneurs start and grow businesses. - People improve their LinkedIn profiles, resumes, interview skills, and business strategy. The website should feel modern, premium, trustworthy, and minimal—similar in quality to top consulting firms, while maintaining its own original design. ## Technology Stack - Next.js (latest App Router) - React - TypeScript - Tailwind CSS - Framer Motion for animations - Firebase or Supabase for authentication and database - Responsive for mobile, tablet, and desktop - Dark/Light mode - SEO optimized - Clean folder structure - Production-ready code - Reusable components ## Color Palette - Navy Blue - White - Black - Light Gray - Gold accents for premium highlights ## Required Pages 1. Home 2. About 3. Services 4. Career Guidance 5. Business Consulting 6. Resume Review 7. LinkedIn Optimization 8. Interview Preparation 9. Resources/Blog 10. Pricing 11. Book Consultation 12. Contact 13. FAQ 14. Privacy Policy 15. Terms & Conditions ## Home Page Include: - Premium hero section - Strong headline - Call-to-action buttons - Animated statistics - Services overview - Benefits section - Testimonials carousel - Client logos placeholder - Frequently Asked Questions - Footer ## Services Each service should have: - Detailed description - Benefits - Process - Pricing placeholder - Call-to-action ## Booking System Create: - Calendar booking - Time slot selection - Consultation type - Payment placeholder - Confirmation page ## Dashboard Admin dashboard should allow: - Login - View bookings - Manage blog posts - Manage services - View contact form submissions - Analytics cards ## User Dashboard Allow users to: - Login - View booked consultations - Download purchased resources (placeholder) - Edit profile - Change password ## Blog Create a professional blog with: - Categories - Search - Tags - Featured articles - Reading time - Related posts ## Contact Include: - Contact form - Google Maps placeholder - Email - Phone - WhatsApp button - Social media links ## UI Requirements - Smooth scrolling - Beautiful animations - Glassmorphism where appropriate - Modern cards - Hover effects - Loading animations - Skeleton loaders - Accessibility support - Fast performance ## SEO Generate: - Metadata - Sitemap - Robots.txt - Open Graph tags - Structured schema markup ## Code Quality - Clean architecture - Comments where necessary - Reusable components - Type-safe code - Error handling - Form validation ## Deliverables Generate the complete project with all folders, files, components, pages, and configuration. Build it step by step, starting with the project structure, then each page, then backend integration. Ensure the project can be run locally with a single install and start command.