From 96f93d0c93d01837703b06afc3f8805be6da0173 Mon Sep 17 00:00:00 2001 From: Satyam <95536056+Satyam-Rastogi@users.noreply.github.com> Date: Sun, 1 Feb 2026 18:48:47 +0530 Subject: [PATCH] feat: Enhance UX with animations, loaders, fixes, and doc updates - Animations: Added global page transitions and smooth sidebar toggle - Loaders: Implemented branded Loader component and page loading states - Fixes: Resolved hook order violations in Maps/Dashboard; fixed Layout import - Docs: Updated README with correct demo credentials and feature list --- README.md | 31 ++++--- index.html | 22 ++--- netlify.toml | 4 + public/og-logo.png | Bin 0 -> 930409 bytes src/assets/images/LynkedUp_Pro_F_logo_Y.png | Bin 0 -> 930409 bytes src/components/Chatbot.jsx | 2 +- src/components/Layout.jsx | 85 ++++++++++++-------- src/components/Loader.jsx | 38 +++++++++ src/components/PageTransition.jsx | 23 ++++++ src/index.css | 28 +++++++ src/pages/Dashboard.jsx | 13 +++ src/pages/Landing.jsx | 7 +- src/pages/Login.jsx | 7 +- src/pages/Maps.jsx | 12 +++ 14 files changed, 209 insertions(+), 63 deletions(-) create mode 100644 netlify.toml create mode 100644 public/og-logo.png create mode 100644 src/assets/images/LynkedUp_Pro_F_logo_Y.png create mode 100644 src/components/Loader.jsx create mode 100644 src/components/PageTransition.jsx diff --git a/README.md b/README.md index f431046..9e2133a 100644 --- a/README.md +++ b/README.md @@ -40,14 +40,27 @@ A 360-degree view of your territory's health. --- -## 👥 USER ROLES & DEMO ACCOUNTS +## � KEY FEATURES (Latest Updates) -To explore the platform, use these pre-configured accounts. +### 🎨 "LynkedUp Pro" Branding & UX +- **Smooth Animations**: Global page transitions (Fade/Slide) and silky-smooth collapsible sidebar. +- **Visual Polish**: Glassmorphism everywhere, custom "LynkedUp" loaders, and pulsing interactive elements. +- **Dark Mode**: Fully supported system-wide dark mode with inverted map tiles for comfortable night viewing. + +### 🌍 Advanced Mapping +- **Lead Creation**: Click anywhere on the map to reverse-geocode addresses and create new leads on the fly. +- **Polygon Visualization**: Color-coded property footprints indicating status (Hot Lead, Customer, etc.). + +--- + +## �👥 USER ROLES & DEMO ACCOUNTS + +To explore the platform, use these pre-configured accounts. **Password for ALL accounts is: `password`** ### 1. Field Agent (Worker) *The primary user. Can view maps, access detailed property data, and manage leads.* -- **Username/ID**: `EMP001` -- **Password**: `password123` +- **Username/ID**: `FA001` (Frank Agent) +- **Alternates**: `FA002`, `FA003`, `FA004`, `FA005` - **Role Capabilities**: - Access Dashboard & Widget Data. - View/Edit Lead Status (Hot, Cold, Customer). @@ -55,15 +68,15 @@ To explore the platform, use these pre-configured accounts. ### 2. Administrator *The manager. Sees all agents and global stats.* -- **Username/ID**: `ADMIN01` -- **Password**: `adminpass` +- **Username/ID**: `ADM01` (Adam Admin) +- **Alternates**: `ADM02`, `ADM03` - **Role Capabilities**: - All Agent capabilities + User Management (Mock). ### 3. Customer (Homeowner) *The client. Limited view of their own property.* -- **Username**: `john_doe` -- **Password**: `customer123` +- **Username**: `alice` +- **Alternates**: `bob`, `charlie` - **Role Capabilities**: - View personal property details. - Request Service. @@ -76,7 +89,7 @@ To explore the platform, use these pre-configured accounts. - **Frontend**: React 18 (Vite), Tailwind CSS, Glassmorphism UI. - **State**: `MockStore` (Simulates Backend/DB), `AuthContext` (Session Management). -- **AI Engine**: Groq SDK (`qwen-2.5-32b`) injected with dynamic system prompts. +- **AI Engine**: Groq SDK (`qwen-3-32b`) injected with dynamic system prompts. - **Visuals**: `react-leaflet` (Maps), `recharts` (Analytics), `lucide-react` (Icons). ### 🧠 Deep Dive: How It Works diff --git a/index.html b/index.html index 0f88619..e9e617b 100644 --- a/index.html +++ b/index.html @@ -5,27 +5,27 @@ -
)l9cq95;`3UWf7}Xv#0G4OC`J7sDBusDd
z;Qa`^?2DDNZsAzD!iJ7V@1^l8)F%rF6y0|fF8F~Fv$ 7o62B3%)7>SOh43x|
zqgeUVXRD4f_I`JI^R&B{?eq!Jtlxv}wB)`sh|uWY6_`S;|0dL Kh7SH`N*8kEL1RpkY}OTR?KP6~X~4K6aCv3D@@^)JI UdzmcO
z&{zu{FnHb03F~}(?arA>xv4GM-8QI?b`(}9wZ#xj9UUvN#=WT~P-Q1!+8add>uM4!
z3Gu^{bN+|xV&U&2cmIR^qv_AkadFANVcI|ZJH`~Kk-t^w7WQEb3-fVQl&<60UC+uV
z+fiY5eK{qbnBOZadC#N;HsOin;7|rXBC*2r)&qM(vTmp~7VX6voBHwn>(;JscT|_k
zyB9~S*Zys_SBg!nEzG8R48NhbbZdx+>nu)5; R=4zdH!~03l
z#8+|VXP*dB;n?l0l`n7NAh#N!7>!J#tE4XhQKe;L_EuRE^2;0Fl6)4+_n8Q?e?@oy
z8dJdgpNP)%x8D(+I*7Ie49>K|jS8UWrZf!jfja8U;U~m)IFX~(s~DYhqUw+W8IVY#
z_%&bZ1|YUFJn|zpX#m!9oAZh0qN~u{QE8aZV$%6Irr{|Pn*sFB?tac@4SnV@!b{Uq
z#m>csmd>>?&4OKg7eRzexr#kV+ZuM=apO~M{k2I5%C}|aQ(@pz5&anXVEm0bXNY@}
zTix71^oyj>iH!Z9#fPz&J3r}*Wurdr+3Y$&DQON(LI=rq3W>MqBiA!&3WI;q+8kFz
z^)J6DI|%0h};RsDXvJ%3=V%2&Y6}p)Coh0ZMD?0
zcs(bUL`m2X`~FxlC(CPTbM7VLje=rXb07>G;TqU}-kdKP8W)nxi-iB%ngM+Ghy15$
zB>@Jd1|K`R^i?_DYgJ<>;(}EGC<|y}TUFBKdo@=Yy~4v2+Pcr_v&S8@&Z5`@aijI~
zpdrgjN@nUYMp;zlV_(ro8(B!qj*SX!&%Z5(d*5rJ10*bP)LAfS98L*NGC*4|ZdA%py
z5>$%Xi0u(9cF7RyLCu*BQHgD^{%@luR?m&Ae+>^^trxF}MWndr2TpP(9EWZNqLa>e
zb-8sf!s9Rna&phb7Nl*6B)ltPxshjS#NqV@jt+n^gb;KRjD~AeiYQq`rapM3Iaai|
z{H=S!UqG*|+ytJfo0RqU%G~}PnulQZ9pme2sHuS`{K`vRV^q5jRL2BjG8W5@+iz6Q
zp@Fx2G7@fo*M&63K0h@C-56k;AZG~h{pldeaf<>=Zn?JF{wPoRAZ;-t
zbXitEL2MR