Master Revisions & Development for askraghadai.com
Budget: $10 – $25 USD
Subject: Review & Updates – Development and Maintenance for askraghadai.com
askraghadai.com – Final Master Development, Optimization & Warranty Specifications
1. Job Offer Terms, Overview & Project Context
* Project Context: Most of it related to the previous work and some adjustment with some additional work.
* Fixed Budget: $10 – $25 USD (Strictly fixed and non-negotiable).
* Delivery Timeline: 2 Days.
* Payment Terms: Split into 2 Milestones.
* Warranty: Free-of-charge revisions until all bugs are resolved and mobile performance is verified.
2. Section 1: Dynamic Content Control & CMS Expansion (Zero Static Text)
* Full Admin Control over Main Page: Ensure all key elements on the main page—including the hero description (incorporating the "custom" keyword requirement to clarify tailored matching), section headings, card texts, FAQ items, and the consolidated "About Us & Vision" content—are fully manageable and editable dynamically through the admin panel. Zero static or hardcoded text should remain.
* Category Section Direct Image Upload: In the admin panel, update category image management to allow direct image file uploads from a local device, replacing or supplementing the URL-only input link field.
* Image Background Styling: Update the background color of product/category pictures to match the website’s main theme (e.g., a bright sand color) instead of stark white, ensuring a native and professional look.
3. Section 2: Google Sheet Integration & Architecture (Single Source of Truth)
* Exclusive Reliance on Google Sheet: Remove all manual/redundant product sync buttons/icons from the admin panel. The system must rely exclusively and automatically on Google Sheets as the single source of truth for all product updates, imports, and exports, without needing manual upload/download buttons in the admin interface.
* Data Accuracy: Maintain 100% data accuracy across all categories, subcategories, item names, and descriptions.
4. Section 3: Strict AI Guardrails & Formatting
* Direct Recommendations: Prohibit abstract answers; enforce immediate, specific brand/product recommendations.
* Choice Structure: Force the AI to always provide the top 3 distinct choices with names and descriptions.
* Instant Hotel Recommendations: Enable specific hotel recommendations immediately when requested.
* Product Card Design: Build clean Text-Based Product Cards featuring independent store title headers and separate "Buy Now" buttons (with target="_blank").
5. Section 4: Comprehensive Admin Panel Enhancements & Layout
* Users Management:
* Search Bar: Implement a quick search bar at the top of the users table to filter users by name or email address.
* Actions & Modals: Add operational icons for Edit User (via a smooth modal or inline form) and Delete User (accompanied by a confirmation pop-up modal to prevent accidental deletions).
* Contact Messages Box:
* Delete Capability & Modal: Add a delete icon/button for each message complete with a confirmation pop-up modal.
* Read/Unread Status & UI: Visually distinguish between read and unread messages, and optimize field dimensions for comfortable reading.
* Dashboard Layout, Structure & Navigation:
* AI Chats Relocation: Move the AI chat history section ("محادثاتك") from the main dashboard into a dedicated, separate page/tab.
* Password Management: Move the "Change Password" form under a dedicated "Personal Settings" page or modal.
* Grid System Consistency: Standardize the sizes and dimensions of all administrative section cards/widgets.
* Sidebar Navigation: Implement a fixed, responsive sidebar navigation menu for quick access across all admin sections.
* Interactive Metrics: Make the top statistical counter widgets interactive so clicking them navigates directly to their respective section.
* Site Content & Static Pages Manager: Organize content management for static pages (Homepage, About Us, Our Vision, Contact Us, and Legal Pages) using clear separate tabs with a sticky "Save Changes" button.
6. Section 5: Bug Fixes, Technical Issues & Link Audits
* Admin Panel Description Caching Bug: Investigate and fix the front-end caching/revalidation bug where visiting the site initially flashes the old description before switching to the updated one.
* Link Verification & Correction: Audit and fix all site links to ensure they direct users to the correct corresponding items and products accurately.
7. Section 6: Navigation & Copywriting Updates
* Merge "About Us" and "Vision": Consolidate the separate "About Us" and "Vision" pages into a single, cohesive, long-form scrolling page using internal anchor links.
* Update Chat Navigation Label: In the side navigation menu, update the chat navigation label to "Ask Raghad AI" (بالعربية: "اسأل رغد AI").
8. Section 7: Mobile Responsiveness, Typography & Font Size Adjustments
* Text Overlaps and Line Wrapping: Fix crowded lines, text cut-offs at margins, and spacing issues on mobile viewports (specifically within the "About Raghad AI" section) by adjusting padding, margins, and line-height properties.
* Mobile Font Scale & Weight: Increase the base font-size scale and font-weight for subheadings, card descriptions, and FAQ accordions across mobile viewports to enhance readability.
9. Section 8: UI & UX Refinements
* Manage White Space in Chat Views: Ensure sufficient vertical spacing between paragraphs and subheadings when rendering long travel itineraries and structured outputs so text blocks do not feel dense on mobile screens.
* PDF Export Feature: Support and maintain the "PDF Export" button at the top of the chat view to make it easy for users to save consultation results and comparisons.
* Button and Interaction Consistency: Ensure all direct Call-to-Action (CTA) buttons and platform cards feature subtle active or hover feedback states for immediate visual confirmation upon touch.
10. Section 9: Final Content Check
* Bilingual Proofreading: Conduct a quick sweep of all Arabic and English copy to ensure zero lingering typos, stray characters, or formatting artifacts from code integration.
askraghadai.com – Final Master Development, Optimization & Warranty Specifications
1. Job Offer Terms, Overview & Project Context
* Project Context: Most of it related to the previous work and some adjustment with some additional work.
* Fixed Budget: $10 – $25 USD (Strictly fixed and non-negotiable).
* Delivery Timeline: 2 Days.
* Payment Terms: Split into 2 Milestones.
* Warranty: Free-of-charge revisions until all bugs are resolved and mobile performance is verified.
2. Section 1: Dynamic Content Control & CMS Expansion (Zero Static Text)
* Full Admin Control over Main Page: Ensure all key elements on the main page—including the hero description (incorporating the "custom" keyword requirement to clarify tailored matching), section headings, card texts, FAQ items, and the consolidated "About Us & Vision" content—are fully manageable and editable dynamically through the admin panel. Zero static or hardcoded text should remain.
* Category Section Direct Image Upload: In the admin panel, update category image management to allow direct image file uploads from a local device, replacing or supplementing the URL-only input link field.
* Image Background Styling: Update the background color of product/category pictures to match the website’s main theme (e.g., a bright sand color) instead of stark white, ensuring a native and professional look.
3. Section 2: Google Sheet Integration & Architecture (Single Source of Truth)
* Exclusive Reliance on Google Sheet: Remove all manual/redundant product sync buttons/icons from the admin panel. The system must rely exclusively and automatically on Google Sheets as the single source of truth for all product updates, imports, and exports, without needing manual upload/download buttons in the admin interface.
* Data Accuracy: Maintain 100% data accuracy across all categories, subcategories, item names, and descriptions.
4. Section 3: Strict AI Guardrails & Formatting
* Direct Recommendations: Prohibit abstract answers; enforce immediate, specific brand/product recommendations.
* Choice Structure: Force the AI to always provide the top 3 distinct choices with names and descriptions.
* Instant Hotel Recommendations: Enable specific hotel recommendations immediately when requested.
* Product Card Design: Build clean Text-Based Product Cards featuring independent store title headers and separate "Buy Now" buttons (with target="_blank").
5. Section 4: Comprehensive Admin Panel Enhancements & Layout
* Users Management:
* Search Bar: Implement a quick search bar at the top of the users table to filter users by name or email address.
* Actions & Modals: Add operational icons for Edit User (via a smooth modal or inline form) and Delete User (accompanied by a confirmation pop-up modal to prevent accidental deletions).
* Contact Messages Box:
* Delete Capability & Modal: Add a delete icon/button for each message complete with a confirmation pop-up modal.
* Read/Unread Status & UI: Visually distinguish between read and unread messages, and optimize field dimensions for comfortable reading.
* Dashboard Layout, Structure & Navigation:
* AI Chats Relocation: Move the AI chat history section ("محادثاتك") from the main dashboard into a dedicated, separate page/tab.
* Password Management: Move the "Change Password" form under a dedicated "Personal Settings" page or modal.
* Grid System Consistency: Standardize the sizes and dimensions of all administrative section cards/widgets.
* Sidebar Navigation: Implement a fixed, responsive sidebar navigation menu for quick access across all admin sections.
* Interactive Metrics: Make the top statistical counter widgets interactive so clicking them navigates directly to their respective section.
* Site Content & Static Pages Manager: Organize content management for static pages (Homepage, About Us, Our Vision, Contact Us, and Legal Pages) using clear separate tabs with a sticky "Save Changes" button.
6. Section 5: Bug Fixes, Technical Issues & Link Audits
* Admin Panel Description Caching Bug: Investigate and fix the front-end caching/revalidation bug where visiting the site initially flashes the old description before switching to the updated one.
* Link Verification & Correction: Audit and fix all site links to ensure they direct users to the correct corresponding items and products accurately.
7. Section 6: Navigation & Copywriting Updates
* Merge "About Us" and "Vision": Consolidate the separate "About Us" and "Vision" pages into a single, cohesive, long-form scrolling page using internal anchor links.
* Update Chat Navigation Label: In the side navigation menu, update the chat navigation label to "Ask Raghad AI" (بالعربية: "اسأل رغد AI").
8. Section 7: Mobile Responsiveness, Typography & Font Size Adjustments
* Text Overlaps and Line Wrapping: Fix crowded lines, text cut-offs at margins, and spacing issues on mobile viewports (specifically within the "About Raghad AI" section) by adjusting padding, margins, and line-height properties.
* Mobile Font Scale & Weight: Increase the base font-size scale and font-weight for subheadings, card descriptions, and FAQ accordions across mobile viewports to enhance readability.
9. Section 8: UI & UX Refinements
* Manage White Space in Chat Views: Ensure sufficient vertical spacing between paragraphs and subheadings when rendering long travel itineraries and structured outputs so text blocks do not feel dense on mobile screens.
* PDF Export Feature: Support and maintain the "PDF Export" button at the top of the chat view to make it easy for users to save consultation results and comparisons.
* Button and Interaction Consistency: Ensure all direct Call-to-Action (CTA) buttons and platform cards feature subtle active or hover feedback states for immediate visual confirmation upon touch.
10. Section 9: Final Content Check
* Bilingual Proofreading: Conduct a quick sweep of all Arabic and English copy to ensure zero lingering typos, stray characters, or formatting artifacts from code integration.