# 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. `` — navigation
2. `` — hero with SVG illustration and floating chips
3. `` — four feature columns
4. `` — icon row + devices section (both are inside `.band`)
5. `` — specialty cards
6. `` — desktop app CTA
7. `