# Web 360 SPA Setup

To complete the integration of the Web 360 SPA, please manually perform the following steps:

### Step 1: Add the Import in `App.jsx`

In your `src/App.jsx` file, add the following import statement:

```javascript
import { {{componentName}} } from './views/{{componentName}}';
```

Also in `src/App.jsx` add the route inside the Routes wrapper with the path of your choice:

```javascript
<HashRouter>
	<Routes>
		<Route path="web-360-spa" element={<{{componentName}} />} /> {/* New route inside Routes */}
	</Routes>
</HashRouter>
```
### Step 2: customize your scene

This 360 website contains:
- Camera
- Skybox custom
- HDRI custom
- Lights
- 1 element per cardinal point (8)


Edit the scene according to the design.