🚀 AK Services System

A modern WordPress plugin that provides a dynamic Services system with Elementor integration and smooth GSAP animations.

---

✨ Features

• 🧩 Custom Post Type (Services)
• 🎯 Elementor Widget (drag & drop)
• ⚡ GSAP Scroll Animations (ScrollTrigger)
• 🧠 Manual Ordering (menu_order)
• 🎨 Clean & minimal UI structure
• 🔁 Multi-instance safe (no JS conflicts)
• 🧪 Works in Elementor Editor & Frontend
• 🚫 No ACF dependency

---

📦 Plugin Structure

ak-services-system/
│── ak-services-system.php
│── includes/
│     └── class-widget.php
│── assets/
│     ├── style.css
│     └── script.js

---

🧱 How It Works

1. Create services from WordPress dashboard
2. Control order using Page Attributes
3. Add widget inside Elementor
4. Animation runs automatically

---

🛠 Installation

1. Download or clone this repo:

git clone https://github.com/abanoubkhaliil/ak-services-system.git

2. Upload to:

/wp-content/plugins/

3. Activate plugin from WordPress dashboard

4. Done ✅

---

🧑‍💻 Usage

Add Services

• Go to: Dashboard → Services

• Add:

  • Title
  • Description (Excerpt)
  • Featured Image (optional)
  • Order (Page Attributes)

---

Use in Elementor

• Open Elementor page
• Search: AK Services
• Drag & drop widget

---

⚡ Animation

Powered by GSAP ScrollTrigger

• Smooth stagger animation
• Section pinning
• Scroll-based transitions

---

📸 Screenshots

🧩 Elementor Widget

📝 Services Admin

🎬 Frontend Animation

---

🚀 Future Improvements

• Horizontal scroll (Awwwards style)
• Category filtering
• REST API endpoint
• Advanced animation presets

---

👨‍💻 Author

Abanoub Khalil Frontend & WordPress Developer

---

⭐ Support

If you like this project:

• ⭐ Star the repo
• 🍴 Fork it
• 💡 Suggest improvements

---