# Project: Company Profile Website

**Stack:** Pure PHP 8.2 + HTML5 semantik + CSS murni (design token) + JavaScript vanilla (ES modules).
**Docroot:** `c:\xampp\htdocs\company` → `http://localhost/company/`
**Tujuan:** website company profile yang SEO-friendly, elegan, dan aksesibel.

> Tidak memakai framework/bundler (React, Vue, Laravel, Vite, Tailwind, jQuery)
> kecuali user meminta eksplisit. Alasan: SEO, kontrol penuh atas output HTML,
> tanpa build step.

---

## Skill Project (WAJIB dipakai)

| Skill | Kapan diinvoke |
|---|---|
| `php-web-standard` | **Selalu**, sebelum membuat/mengubah file `.php`, `.css`, `.js`. Memuat aturan kerja, naming convention, struktur folder, SEO, dan aturan `tabindex`. |
| `web-design-premium` | Saat menyentuh apa pun yang visual: CSS, section baru, hero, card, tombol, animasi, warna, layout, spacing. |
| `web-cloner` | Saat user memberikan URL untuk dikloning, atau menyebut clone/tiru/replikasi website. |

**Urutan invoke:** `php-web-standard` dulu (aturan dasar), lalu skill spesifik tugas.
Skill lain tidak boleh melanggar `php-web-standard`.

---

## Aturan Ringkas (detail ada di skill)

- **Analisis dulu, baru tulis kode.** Jangan berasumsi — kalau tidak jelas, tanya.
- **Naming:** variable `camelCase` · konstanta `UPPER_SNAKE_CASE` · function helper
  `snake_case` dengan prefix `get_`/`is_`/`render_`/`format_`/`handle_` ·
  class `PascalCase` · file & folder & CSS class `kebab-case` ·
  kolom DB / `name` input / key JSON `snake_case`.
- **Setiap output ke HTML lewat `e()`.** Setiap nilai visual lewat `var(--app-*)`.
- **Setiap function ada PHPDoc satu baris.**
- **Logika di atas, HTML di bawah** — jangan dicampur.
- **Konten berulang diangkat ke array** di `app/data/`, jangan copy-paste HTML.
- **Tidak ada `tabindex` positif.** Urutan DOM = urutan visual = urutan Tab.
- **Testing wajib** sebelum bilang selesai: `php -l`, render halaman, cek 390/768/1440px,
  cek navigasi keyboard.

---

## Struktur Folder

```
company/
  *.php                  ← halaman publik
  app/config/            ← app.php (konstanta), database.php
  app/core/              ← helpers.php, seo.php
  app/partials/          ← head.php, site-header.php, site-footer.php, scripts.php
  app/sections/          ← potongan halaman reusable
  app/data/              ← konten berupa array PHP
  assets/css/            ← tokens → base → layout → components → utilities
  assets/js/modules/     ← modul vanilla
  assets/img/ fonts/ icons/
  storage/               ← upload, log (diblokir .htaccess)
  docs/                  ← riset & spec hasil clone
  .claude/skills/        ← skill project
```