# ShubraVeil Essential Oils Website

A modern, responsive website for ShubraVeil Essential Oils company, showcasing their premium quality essential oils sourced from the fertile lands of Shubra Balloula.

## Features

- Responsive design that works on all devices
- Modern and clean user interface
- Brand-consistent color scheme
- Product showcase section
- About section highlighting the company's heritage
- Contact information

## Directory Structure

```
shubraveil/
├── css/
│   └── style.css
├── images/
│   ├── logo.svg
│   ├── logo-white.svg
│   ├── hero-bg.jpg
│   ├── jasmine-absolute.jpg
│   └── rosemary.jpg
├── index.html
└── README.md
```

## Brand Colors

- Salem: #0c814a
- Spring Bud: #cddf96
- Palm Leaf: #768b46
- Pine Tree: #252a16
- Raisin Black: #231f20
- Cultured: #f5f5f5

## Setup

1. Clone the repository
2. Add the required images to the `images` directory
3. Open `index.html` in a web browser

## التثبيت والتكوين

### المتطلبات الأساسية
- PHP 7.4 أو أحدث
- MySQL 5.7 أو أحدث
- Composer
- Node.js و npm
- خادم ويب (Apache/Nginx)
- تمكين امتدادات PHP التالية:
  - GD
  - MySQLi
  - ZIP
  - JSON
  - OpenSSL

### التثبيت
1. استنساخ المستودع:
```bash
git clone https://github.com/yourusername/shubraveil.git
cd shubraveil
```

2. تثبيت اعتماديات PHP:
```bash
composer install
```

3. إنشاء ملف .env:
```bash
cp .env.example .env
```
قم بتحديث المتغيرات في ملف .env بالقيم المناسبة.

4. إعداد قاعدة البيانات:
```bash
mysql -u root -p
CREATE DATABASE shubraveil_db;
```

5. تهيئة المجلدات:
```bash
mkdir -p uploads/products
mkdir -p cache
mkdir -p backups
chmod -R 755 uploads cache backups
```

### التكوين
#### الإعدادات الأساسية
1. تكوين قاعدة البيانات في ملف .env
2. تكوين SMTP لإرسال البريد الإلكتروني
3. تكوين مفاتيح reCAPTCHA

#### الأمان
- تأكد من تعيين كلمات مرور قوية
- قم بتحديث مفتاح JWT_SECRET
- قم بتكوين HTTPS

## Development

The website uses vanilla HTML, CSS, and JavaScript for simplicity and performance. The design follows modern web development practices and is built to be easily maintainable and extensible.