🚀 Arino

Your Digital Partner for Web & Mobile Solutions
شريكك الرقمي لحلول الويب والموبايل

🌐 Live Demo • 📋 Features • 🛠️ Tech Stack

---

🎯 About Arino

Arino is a modern digital agency platform showcasing professional web development, mobile app development, and UI/UX design services. Built with a sleek dark theme and bilingual support (English/Arabic).

أرينو هو منصة وكالة رقمية حديثة تعرض خدمات تطوير الويب والتطبيقات وتصميم واجهات المستخدم بشكل احترافي.

---

✨ Features

🌐 Web Development

• Custom web applications with cutting-edge technologies
• Responsive design for all devices
• SEO optimized architecture
• Modern frameworks (React, Next.js, Vue)

📱 Mobile Apps

• Native iOS & Android development
• Cross-platform solutions
• User-friendly interfaces
• High performance applications

🎨 UI/UX Design

• Beautiful, intuitive designs
• User research & wireframing
• Prototyping & testing
• Memorable user experiences

🌍 Bilingual Support

• Full Arabic & English interface
• RTL (Right-to-Left) support
• Language context provider
• Seamless switching

---

🛠️ Tech Stack

Category	Technology
Framework	React 18 + TypeScript
Build Tool	Vite 5
Styling	Tailwind CSS 3
Animations	Framer Motion
Icons	Lucide React
Routing	React Router DOM 7
Video	HLS.js

---

📁 Project Structure

Arino/
├── 📁 public/                 # Static assets
├── 📁 src/
│   ├── 📁 components/         # Reusable components
│   │   ├── Navigation.tsx
│   │   ├── Footer.tsx
│   │   └── ui/               # UI components
│   ├── 📁 contexts/           # React contexts
│   │   └── LanguageContext.tsx
│   ├── 📁 lib/               # Utilities
│   ├── 📁 pages/              # Page components
│   │   ├── Home.tsx
│   │   ├── About.tsx
│   │   ├── Services.tsx
│   │   ├── Portfolio.tsx
│   │   ├── Contact.tsx
│   │   ├── PrivacyPolicy.tsx
│   │   └── TermsOfService.tsx
│   ├── App.tsx
│   └── main.tsx
├── index.html
├── package.json
└── README.md

---

🚀 Getting Started

# Clone repository
git clone https://github.com/its3li/Arino.git
cd Arino

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

---

📝 Pages

Page	Description
Home	Hero section with services overview
About	Company information & team
Services	Detailed services (Web, Mobile, Design)
Portfolio	Showcase of previous work
Contact	Contact form & information
Privacy Policy	Privacy terms
Terms of Service	Service terms

---

🎨 Design System

• Primary Color: #071725 (Dark Navy)
• Accent Color: #60a5fa (Blue)
• Text Color: #cfe3ff (Light Blue)
• Font: System fonts with Arabic support

---

👨‍💻 Developer

Ali Mahmoud — Full-Stack Developer from Egypt

---

Built with ❤️ using React + Vite + Tailwind

"Turning digital dreams into reality"