grand-travel

byJavid Farooq

Build a modern, premium SaaS web application named “Travel Itinerary by Bilu G” for travel agencies to create, customize, and export professional travel itineraries. The application must feature a luxury UI/UX using glassmorphism, gradient backgrounds, soft shadows, smooth animations, and a fully responsive design across mobile, tablet, and desktop. Use a clean dashboard layout with sidebar navigation, rounded corners (2xl), proper spacing, and consistent typography with Google Fonts. Include light/dark mode, custom color themes, and font customization. Implement a secure authentication system with Signup (Name, Email, Password, Mobile Number) and Login. After signup, redirect users to a manual payment page showing ₹2999 lifetime access, with payment options (GPay, PhonePe, Paytm) to 6006070550, and an upload payment screenshot feature. Access must be restricted until admin approval (approve/reject system). After approval, users must complete a Company Profile setup including: Company Name Logo Upload Contact Number Email Address Social Media Links (Instagram, Facebook) Add a Company Account Details section (for receiving client payments), including: Account Holder Name Bank Name Account Number IFSC Code Branch Name UPI ID QR Code Upload (for payments) --- 🧠 CORE FEATURE: ADVANCED ITINERARY BUILDER (ENHANCED) Client & Tour Details: Client Name Destination Contact Number Email Tour Duration (e.g., 5 Nights / 6 Days) Number of Adults Number of Children Child Age(s) Total Package Cost Per Person Cost (auto/manual calculation option) --- 📅 Day-wise Itinerary Builder (Advanced Layout) For each day: Day Title (Day 1, Day 2…) Rich text description Upload up to 4 images per day (grid layout preview) Hotel Details: Hotel Name (custom input) Category (2★ / 3★ / 4★ / 5★) Transportation: Sedan, Ertiga, Innova, Crysta, Tempo Traveller, Bus Meal Plan: Breakfast / Lunch / Dinner (multi-select) --- 📦 PACKAGE DETAILS (PROFESSIONAL LAYOUT) Inclusions Structured bullet list with proper alignment (icon-based optional) Exclusions Structured bullet list in separate column layout --- 📜 TERMS & THANK YOU Terms & Conditions (editable template) Thank You Note (custom message) --- 📄 PREMIUM PDF GENERATION SYSTEM (ADVANCED) One-click Preview and Download Itinerary PDF Generate high-quality A4, print-ready PDF PDF Structure: 1. Cover Page Company Logo Client Name Destination Travel Dates Tour Duration Hero background image 2. Tour Summary Section Number of Adults / Children (with ages) Total Cost Per Person Cost 3. Day-wise Pages Title + Description 4-image grid layout per day Hotel + Transport + Meals 4. Package Details Page Inclusions (left column) Exclusions (right column) 5. Terms & Conditions Page 6. Final Page Company Contact Details Social Media Links Thank You Note Company Bank Account Details + UPI + QR Code for payment --- 🛠️ ADMIN PANEL View all users Verify payment screenshots (approve/reject) Activate/deactivate users View all itineraries Dashboard analytics: Total users Total revenue --- 🚀 ADVANCED FEATURES Save, edit, duplicate itineraries Real-time preview Auto-save drafts Multi-color templates Smooth transitions and hover effects Optional drag-and-drop itinerary builder --- ⚙️ TECH STACK Frontend: React.js / Next.js with Tailwind CSS Backend: Node.js / Firebase Database: MongoDB / Firestore Storage: Cloudinary / Firebase Storage Authentication: JWT / Firebase Auth