diff --git a/.claude/prompt/build-homepage.md b/.claude/prompt/build-homepage.md new file mode 100644 index 00000000..24ac13cb --- /dev/null +++ b/.claude/prompt/build-homepage.md @@ -0,0 +1,122 @@ +# Build the ClinicPro Public Homepage at `/` + +## Goal + +Implement the public landing page designed in `clinicpromain/کلینیک پرو.html` as a Symfony/Twig page served at the `/` route. No React — pure Twig + vanilla JS. + +--- + +## Step 1 — Webpack entry for homepage CSS/JS + +Add a new entry to `webpack.config.js`: + +```js +.addEntry('home', './assets/home/index.js') +``` + +Create `assets/home/index.js`: + +```js +import './styles.css'; +``` + +Create `assets/home/styles.css` — copy the **entire contents** of `clinicpromain/styles.css` verbatim into this file. Do not modify any CSS rule. + +--- + +## Step 2 — Symfony controller + +Create `src/Shared/Controller/HomeController.php`: + +```php +render('public/home.html.twig'); + } +} +``` + +--- + +## Step 3 — Twig template + +Create `templates/public/home.html.twig`. + +The template is a **standalone HTML file** (does not extend base.html.twig). Copy the structure from `clinicpromain/کلینیک پرو.html` and adapt it as follows: + +### Head + +```twig + + + + + +کلینیک پرو — نرم‌افزار مدیریت مطب + + +{{ encore_entry_link_tags('home') }} + + +``` + +### Body (all sections) + +Copy the `` content from `clinicpromain/کلینیک پرو.html` verbatim — all sections in order: + +1. `