🌍 PlanMate.ai – Full Website Features & Page Structure

🏠 1️⃣ HOME PAGE (Landing Page)
🎯 Purpose:
Visitor যেন বুঝে যায় — এই প্ল্যাটফর্ম তার “Life, Business & Career Planning” সব একসাথে সংগঠিত রাখবে।
🔹 Sections:
🧭 (A) Hero Section
Headline: “Plan Smarter. Live Better.”


Subtext: “AI helps you plan, track & complete your goals easily.”


Buttons:


Get Started → (Signup/Login)


Explore Demo → (Scrolls to Features)


Background Animation (AI-style gradient flow: Indigo → Teal)



💡 (B) Key Features Section
Cards (3–6 items):
✍️ Create Smart Plans
 “Build personal or business plans with AI-guided steps.”


🤖 AI Suggestions
 “Gemini AI improves your planning & suggests next steps.”


📊 Progress Tracker
 “Track completion percentage and milestones easily.”


🔔 Smart Notifications
 “Get reminders for unfinished or delayed plans.”


💬 Daily Reflection
 “Write notes and see AI-generated progress summaries.”


🌐 Cloud Sync
 “Access anytime, anywhere — with your domain.”



📱 (C) How It Works
Three Steps Illustration:
Create your plan


Add steps / subtasks


Let AI optimize it for you


Button: “Start Free Today”

📧 (E) Footer
Links: Home | Login | About | Privacy | Contact


Copyright © 2025 PlanMate.ai


“Built with ❤️ by Robel Omor”



🔑 2️⃣ LOGIN / SIGNUP PAGE
🔹 Features:
Simple card UI (centered, glass-style)


Email + Password login


“Forgot Password?” option (via OTP mail)


Signup form:


Name, Email, Password, Confirm Password


Checkbox: “Agree with Terms & Conditions”


Login/Signup toggle with animation


Responsive (fullscreen app layout on mobile)


✅ After login → redirect to Dashboard

🧭 3️⃣ USER DASHBOARD (Main Application Panel)
🧩 Layout:
Sidebar (or bottom bar for mobile)


🏠 Dashboard


📅 My Plans


🔔 Notifications


🤖 AI Assistant


👤 Profile


⚙️ Settings


🚪 Logout


Top Header:


User Name + Profile Picture


Current Date


Search Bar (search plans)


Dark/Light toggle



⚙️ Dashboard Widgets:
Widget
Description
✅ Total Plans
Count of all created plans
⏳ Active / Ongoing Plans
Count & % completed
🧠 AI Recommendations
Suggest next steps
🔔 Notifications
Pending or delayed task alerts
📅 Calendar View
Visual task timeline
📊 Progress Graph
Monthly progress chart
🧾 Daily Summary
AI auto summary text


➕ “Create New Plan” Button
Opens modal:
Plan Name


Description


Target Date


Category (Business / Personal / Study / Custom)


Submit → Auto save in DB
 AI instantly suggests Step-1, Step-2... in popup.



📘 4️⃣ PLAN DETAILS PAGE
Layout:
Header → “Plan Title” | “Progress: 65%”
 Tabs: Overview | Steps | Notes | AI Help
(A) Overview
Plan info (title, category, deadline)


Created date


Progress bar


“Generate Summary” button (AI auto-summary)


“Share / Export” → PDF



(B) Steps (Subtasks)
Table/List:
Step
Status
Progress
Actions
Register trade license
✅ Completed
100%
Edit/Delete
Open bank account
⏳ Pending
0%
Edit/Delete

Buttons:
“Add New Step”


“AI Suggest Next Steps”


✅ When step is marked complete → progress auto recalculates.

(C) Notes
Textarea for personal notes


“AI Rewrite” button → improves writing clarity


“AI Summary” → creates a daily review note



(D) AI Help Tab
Chatbox (mini chatbot)


Prompts like:


“Suggest me next step for marketing plan”


“Summarize my current progress”


“Add 3 missing business steps”


AI responses stored in ai_logs table



🔔 5️⃣ NOTIFICATIONS PAGE
All pending or overdue plans listed


Swipe/Click to mark as “Resolved”


Button: “Remind Me Later”


AI-generated motivational tips (e.g., “You’re close! Only 20% left.”)



🧑‍💼 6️⃣ PROFILE PAGE
Show:


Profile Picture


Name


Email


Join Date


Plan Count


AI Usage Count


Edit button → update name/photo/password


Delete Account option (confirmation modal)



🧠 7️⃣ AI ASSISTANT PAGE (Full Chat)
Real-time chat interface (like ChatGPT mini)


Prompt: “Generate new plan”, “Suggest improvements”


Store all chats in ai_logs


“Use as Step” button → converts AI output into a plan step



⚙️ 8️⃣ SETTINGS PAGE
Notification toggle (on/off)


Timezone selection


Default language (English/Bangla)


Data export / import (CSV)


Theme (Dark/Light/System)
