SNAPTA WEBSITE - BLOG REPORT
================================

1. PAGES OVERVIEW
-----------------

1.1 Main Application Pages

- Home (/Home): Main feed with stories, posts, search, discover section, and trends sidebar
- Explore (/Explore): Content discovery page with posts and reels
- Message (/Message): Chat interface with user conversations
- Profile (/Profile): User profile page with edit mode support
- Setting (/Setting): User settings and preferences

1.2 Dynamic Routes

- Hashtag Pages (/Hashtag/[hashtagname]): Hashtag content pages showing posts and reels for specific hashtags
- Post Detail (/Home/Post/[id]): Individual post viewing page
- Reel Detail (/Reels/[id]): Individual reel viewing page with modal support
- User Profile (/Profile/[username]): Other user's profile pages
- Edit Profile (/Profile/Edit): Profile editing interface


2. THEME SYSTEM
---------------

- Togglable Theme: Complete dark/light theme support with toggle functionality
- Theme Context: Global theme management with localStorage persistence
- Responsive Design: Theme-aware components throughout the application
- Sidebar Integration: overlay opens on hover


3. ENHANCED REELS FEATURES
--------------------------

- More Menu Options: Copy link, report, go to post, share to... functionality for reels
- Copy Link Feature: One-click link copying with success notifications
- Report System: Content reporting with modal confirmation, redirects to block the user profile
- Block Modal: User blocking functionality with profile redirection
- Share Options: Multiple sharing destinations (other apps, social media, etc.)


4. ADVANCED MESSAGING SYSTEM
----------------------------

- Message Overlay: Floating message interface with top 3 recent chats
- Chat Popup: New user discovery and chat initiation
- Real-time Chat: Live messaging with online status indicators
- User Search: Find and chat with new users from the entire user-chatlist
- Chat Restrictions: Blocked users cannot initiate conversations


5. MULTI-TYPE CONTENT CREATION
------------------------------

- Three Post Types: Image posts, video/reel posts, and feed posts
- Smart Upload: Type-specific file validation and processing


6. MODAL PATH AND ROUTING SYSTEM
--------------------------------

- Dynamic Routes: All content accessible via direct URLs
- Post Modal Path: /Post/[id] opens photo post carousel
- Reel Modal Path: /Reels/[id] opens video player with comments
- Context Preservation: Modal saves current page URL before opening
- Smart Redirect: On modal close, returns to exact original page
- Deep Link Support: Direct URLs work from anywhere (shared links, bookmarks)

6.1 Modal Flow Examples

- From Explore → Click post → /Post/123 → Modal opens → Close → Back to Explore
- From Home → Click reel → /Reels/456 → Modal opens → Close → Back to Home


7. TYPOGRAPHY AND FONTS
-----------------------

7.1 Font Families Used

- Gilroy: Primary font family for most UI elements and text content
- Poppins: Secondary font family used for specific components and headings
- Damion: Decorative font family for special text elements and branding

7.2 Font Implementation

- Google Fonts Integration: Fonts imported from Google Fonts CDN
- Font Weights: Multiple weight variations (400, 600) for Poppins
- Display Swap: Font loading optimized with display=swap
- Fallback System: System font fallbacks for reliability

7.3 Font Usage Patterns

- Gilroy: Main body text, buttons, forms, and interface elements
- Poppins: Headings, subheadings, and emphasized text
- Damion: Logo text, decorative elements, and special branding
- Consistent Styling: Font-family CSS classes applied consistently across components
- Theme Compatibility: Fonts work seamlessly with dark/light theme switching


8. URL STRUCTURE SUMMARY
------------------------

- /                           : Root redirect (Login page)
- /SignIn                     : Login page
- /Signup                     : Registration page
- /Home                       : Main feed
- /Explore                    : Content discovery
- /Message                    : Messaging
- /Setting                    : Settings
- /Hashtag/[hashtagname]      : Hashtag pages
- /Home/Post/[id]             : Post details
- /Reels/[id]                 : Reel details
- /Profile/[username]         : User profiles
- /Profile/Edit               : Edit profile