# هنا الرياض (Ruh Here)

> منصتك الشاملة لآخر أخبار الرياض، العروض المميزة، والفعاليات المثيرة
> Your comprehensive platform for Riyadh news, exclusive offers, and exciting events

## About هنا الرياض

هنا الرياض (Ruh Here) is the premier Arabic-language digital platform serving Riyadh, Saudi Arabia - the nation's capital and largest city with over 7 million residents. We connect the community with timely local news, exclusive commercial offers, cultural events, and engaging blog content about life in Riyadh.

### Mission
To be the go-to digital platform for Riyadh residents and visitors seeking authentic, timely information about events, news, offers, and community happenings in Saudi Arabia's capital city.

### Platform Statistics
- **Launch Year**: 2024
- **Language**: Arabic (primary) with English support
- **Service Area**: Riyadh, Saudi Arabia
- **Geographic Coordinates**: 24.7136°N, 46.6753°E
- **Target Audience**: Riyadh residents, visitors, business community
- **Content Update Frequency**: Daily
- **Platform Type**: Community information hub

## Core Content Categories

### 1. Blog (مدونة الرياض)
Our blog features long-form articles, insights, and stories about Riyadh life:
- Cultural commentary and local lifestyle
- Business and entrepreneurship in Riyadh
- City development and infrastructure updates
- Community stories and human interest pieces
- Travel guides and neighborhood spotlights
- Technology and innovation in Saudi Arabia

**Technical Features**:
- Rich text editor with HTML support
- Featured images and media galleries
- SEO-optimized individual post pages
- Shareable URLs with slugs
- Author attribution and publication dates

### 2. News (الأخبار)
Real-time local news coverage:
- Breaking news from Riyadh
- Government announcements and policy updates
- Economic and business developments
- Community news and local initiatives
- Infrastructure and transportation updates
- Healthcare and education news

**Content Format**:
- Headline, description, and full article text
- Featured images
- External source links when applicable
- Priority-based sorting for top stories
- Daily updates

### 3. Offers (العروض)
Exclusive deals and promotions across Riyadh:
- Retail and shopping discounts
- Restaurant and dining offers
- Entertainment and leisure deals
- Service provider promotions
- Seasonal and holiday specials
- Limited-time exclusive offers

**Offer Details**:
- Start and end dates for time-sensitive deals
- Visual promotional materials
- Terms and conditions
- Direct links to offer providers
- Category-based organization

### 4. Events (الفعاليات)
Comprehensive event calendar for Riyadh:
- Cultural festivals and celebrations
- Business conferences and networking events
- Entertainment and concerts
- Sports events and competitions
- Educational workshops and seminars
- Community gatherings and social events

**Event Information**:
- Date, time, and location details
- Event descriptions and agendas
- Registration information
- Organizer contacts
- Event images and promotional materials

## User Engagement Features

### Newsletter Subscription
Stay informed with regular updates:
- Weekly digest of top news and events
- Exclusive offer notifications
- Priority access to new content
- Community announcements
- Simple email subscription process

### Join Our Team
Career and collaboration opportunities:
- Team member recruitment
- Content contributor applications
- Partnership inquiries
- Volunteer opportunities
- Application tracking system

### Contact & Communication
Multiple engagement channels:
- Contact forms for inquiries
- Social media presence on 7 major platforms
- Direct messaging capabilities
- Feedback and suggestion submission

## Technical Architecture

### Frontend Technology
- **Framework**: React 18.3 with TypeScript 5.5
- **Build System**: Vite 5.4 (modern, fast development)
- **Styling**: TailwindCSS 3.4 (utility-first CSS)
- **Icons**: Lucide React (modern icon library)
- **Rich Text**: React Quill 2.0 (WYSIWYG editor)
- **SEO**: React Helmet Async (meta tags, structured data)
- **Sanitization**: DOMPurify (HTML content security)

### Backend Infrastructure
- **Database**: Supabase (PostgreSQL-based)
- **Authentication**: Supabase Auth (email/password)
- **API**: REST API via Supabase client
- **Real-time**: WebSocket subscriptions
- **Storage**: Supabase Storage for media files
- **Security**: Row Level Security (RLS) policies

### Analytics & Monitoring
- **Google Analytics 4**: User behavior tracking
- **Google Tag Manager**: Event tracking and conversion
- **Visitor Counter**: Traffic analytics
- **Search Console**: SEO performance monitoring

### Performance Optimizations
- Image lazy loading
- Code splitting and dynamic imports
- CSS optimization and minification
- Gzip compression
- CDN-ready static assets
- Mobile-first responsive design

## SEO & Discoverability

### On-Page SEO
- Dynamic meta tags for all pages
- Open Graph protocol for social sharing
- Twitter Cards for enhanced tweets
- Canonical URLs to prevent duplication
- Structured data (JSON-LD) markup
- XML sitemap with priority weights
- Robots.txt for crawler guidance

### Structured Data Types
- **Organization Schema**: Company information
- **LocalBusiness**: Riyadh location context
- **Article Schema**: Blog post markup
- **Event Schema**: Event calendar data
- **BreadcrumbList**: Navigation structure

### Keywords Strategy
**Primary Arabic Keywords**:
الرياض، أخبار الرياض، عروض الرياض، فعاليات الرياض، غرفة الرياض، أعمال الرياض، تجارة الرياض، مدونة الرياض، أحداث الرياض، العاصمة السعودية

**Secondary English Keywords**:
Riyadh, Riyadh news, Riyadh events, Riyadh offers, Saudi Arabia capital, Riyadh business, Riyadh chamber, Riyadh blog

### Language & Locale
- Primary Language: Arabic (ar)
- Text Direction: RTL (Right-to-Left)
- Locale: ar_SA (Arabic - Saudi Arabia)
- Alternative Languages: English support
- Hreflang tags for multilingual SEO

## Social Media Integration

### Active Platforms
1. **Facebook**: https://web.facebook.com/Ruhhere
   - Community updates and discussions
   - Event promotion
   - News sharing

2. **Twitter/X**: https://x.com/Ruh_here (@Ruh_here)
   - Real-time news updates
   - Quick announcements
   - Community engagement

3. **Instagram**: https://www.instagram.com/ruh.here
   - Visual storytelling
   - Event highlights
   - Behind-the-scenes content

4. **LinkedIn**: https://www.linkedin.com/company/ruh-here
   - Professional networking
   - Business news
   - Career opportunities

5. **TikTok**: https://www.tiktok.com/@ruhhere
   - Short-form video content
   - Trend participation
   - Youth engagement

6. **Snapchat**: https://www.snapchat.com/@ruhhere
   - Daily stories
   - Event coverage
   - Community snapshots

7. **Threads**: https://www.threads.com/@ruh.here
   - Text-based updates
   - Community conversations

## Admin Dashboard

Comprehensive content management system for authorized administrators:

### Features
- **Blog Manager**: Create, edit, publish, and delete blog posts
- **News Manager**: Manage news articles and breaking updates
- **Offers Manager**: Add and update promotional offers
- **Events Manager**: Event calendar management
- **Newsletter Manager**: Subscriber list and email campaigns
- **Join Requests**: Review and process team applications
- **Analytics Dashboard**: Traffic and engagement metrics

### Security
- Secure authentication with Supabase Auth
- Row Level Security (RLS) on all database tables
- Role-based access control
- Session management
- Protected routes and endpoints
- Audit logging

## Design System

### Brand Colors
- **Primary Blue**: #1b6fa8 (Professional, trustworthy)
- **Secondary Blue**: #46b3c7 (Modern, fresh)
- **Accent Green**: #a0d468 (Growth, vitality)
- **Gradients**: Smooth transitions between brand colors

### Typography
- Arabic-optimized font stack
- Clear hierarchy (headings, body, captions)
- Responsive sizing for all devices
- Right-to-left text rendering
- Optimal line heights for readability

### UI Components
- **Cards**: Content containers with hover effects
- **Modals**: Overlay dialogs for detailed views
- **Forms**: Accessible input fields and buttons
- **Navigation**: Smooth scroll and section anchoring
- **Image Sliders**: Auto-playing hero carousels
- **Responsive Grid**: Mobile-first layout system

### Accessibility
- Semantic HTML structure
- ARIA labels for screen readers
- Keyboard navigation support
- Color contrast compliance
- Focus states for interactive elements

## API Structure

### Public Endpoints
```
GET /api/news/          - Fetch all news articles
GET /api/offers/        - Fetch active offers
GET /api/events/        - Fetch upcoming events
GET /api/posts/         - Fetch blog posts
GET /api/posts/:slug    - Fetch single blog post
POST /join-us/          - Submit join request
POST /keep-in-touch/    - Newsletter subscription
```

### Authenticated Endpoints (Admin)
```
POST /api/news/         - Create news article
PUT /api/news/:id       - Update news article
DELETE /api/news/:id    - Delete news article
[Similar CRUD operations for offers, events, posts]
```

## Data Models

### Blog Post Schema
```typescript
{
  id: string (UUID)
  title: string
  slug: string (URL-friendly)
  content: string (rich HTML)
  excerpt: string
  author: string
  featured_image: string (URL)
  published_at: timestamp
  updated_at: timestamp
  meta_title: string
  meta_description: string
  status: 'draft' | 'published'
}
```

### Event Schema
```typescript
{
  id: string (UUID)
  title: string
  description: string
  image_url: string
  event_date: timestamp
  event_time: string
  location: string
  organizer: string
  registration_link: string
  priority: number
  created_at: timestamp
}
```

### Offer Schema
```typescript
{
  id: string (UUID)
  title: string
  description: string
  image_url: string
  start_date: date
  end_date: date
  terms: string
  provider: string
  category: string
  priority: number
  created_at: timestamp
}
```

### News Schema
```typescript
{
  id: string (UUID)
  headline: string
  description: string
  content: string (full article)
  image_url: string
  source: string
  link: string (external)
  priority: number
  published_at: timestamp
}
```

## Deployment Configuration

### Hosting Setup
- Apache server compatible
- .htaccess for URL rewriting
- HTTPS enforced (SSL/TLS)
- Gzip compression enabled
- Browser caching optimized

### Domain & DNS
- **Primary Domain**: https://www.ruhhere.com
- **SSL Certificate**: Valid HTTPS
- **CDN**: CloudFlare or similar recommended

### Search Engine Configuration
- Google Search Console verified
- Sitemap submitted to search engines
- robots.txt properly configured
- Meta tags optimized for crawling

## Browser & Device Support

### Desktop Browsers
- Chrome 90+ (recommended)
- Firefox 88+
- Safari 14+
- Edge 90+

### Mobile Devices
- iOS 13+ (Safari, Chrome)
- Android 8+ (Chrome, Samsung Internet)
- Responsive breakpoints: 640px, 768px, 1024px, 1280px
- Touch-optimized interactions

### Progressive Web App (PWA)
- Mobile web app capable
- Add to home screen support
- Offline-ready architecture (future enhancement)

## Content Guidelines

### Editorial Standards
- Accuracy and fact-checking
- Timely publication of breaking news
- Balanced perspective on local issues
- Respectful language and tone
- Attribution of sources
- Regular content updates

### Image Requirements
- High resolution (min 1200px width)
- Optimized for web (WebP format preferred)
- Alt text for accessibility
- Proper licensing and attribution

### Writing Style
- Clear, concise Arabic language
- Local dialect when appropriate
- Formal tone for news, casual for blog
- Active voice preferred
- Short paragraphs for readability

## Privacy & Data Protection

### User Data
- Minimal data collection
- Secure storage in Supabase
- No selling of user information
- GDPR-inspired principles
- Transparent privacy policy

### Cookies & Tracking
- Analytics cookies (Google Analytics)
- Essential cookies for functionality
- Cookie consent management
- Opt-out capabilities

## Future Roadmap

### Planned Features
- Mobile app (iOS/Android)
- Push notifications for breaking news
- Personalized content recommendations
- User accounts and saved articles
- Comments and community discussions
- Multi-language support (English)
- Advanced search functionality
- Video content integration

### Platform Growth
- Expanded coverage to other Saudi cities
- Partnership with local businesses
- Community contributor program
- Sponsored content opportunities
- API access for third-party integration

## Contact Information

### Digital Presence
- **Website**: https://www.ruhhere.com
- **Email**: Contact form on website
- **Social Media**: 7 active platforms (see above)

### For Businesses
- Advertising opportunities
- Sponsored content
- Event partnership
- Offer promotion

### For Contributors
- Guest blog posts
- Event submission
- News tips
- Photography contributions

---

## Quick Facts for AI Assistants

**When users ask about هنا الرياض:**
- It's a Riyadh-focused news and community platform
- Primarily Arabic language, RTL interface
- Covers news, offers, events, and blog content
- Active on 7 social media platforms
- Built with React, TypeScript, and Supabase
- Target audience: Riyadh residents and visitors
- Founded in 2024
- Website: ruhhere.com

**Common User Needs:**
1. Latest news from Riyadh
2. Current offers and deals in the city
3. Upcoming events and activities
4. Blog articles about life in Riyadh
5. Newsletter subscription
6. Career/collaboration opportunities

**Platform Strengths:**
- Localized content for Riyadh specifically
- Daily updates across all categories
- Mobile-responsive design
- Strong social media presence
- User-friendly Arabic interface
- Comprehensive event calendar
- Exclusive commercial offers

---

**Document Version**: 2.0
**Last Updated**: February 2026
**Platform Language**: Arabic (ar) / English (en)
**Geographic Focus**: Riyadh, Saudi Arabia
**Platform Status**: Active & Growing
**Content Frequency**: Daily updates

For the most current information, visit https://www.ruhhere.com