diff --git a/js/main.js b/js/main.js
index 4fa116eeb468d51727d0365cac6ba249960e3451..5222ee0bde34626a0a45abd1a2663eb0f8dbe9aa 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,9 +1,9 @@
 import data from './data.js';
 import Component from './components/Component.js';
-import PizzaThumbnail from './components/PizzaThumbnail.js';
+import HomePage from './pages/HomePage.js';
 
 const title = new Component('h1', null, ['La', ' ', 'carte']);
 document.querySelector('.pageTitle').innerHTML = title.render();
 
-const pt = new PizzaThumbnail(data[0]);
-document.querySelector('.pizzasContainer').innerHTML = pt.render();
+const homePage = new HomePage(data);
+document.querySelector('.pizzasContainer').innerHTML = homePage.render();
diff --git a/js/pages/HomePage.js b/js/pages/HomePage.js
new file mode 100644
index 0000000000000000000000000000000000000000..6a1f3b58494f156915e2785368797dc811b3ff7b
--- /dev/null
+++ b/js/pages/HomePage.js
@@ -0,0 +1,12 @@
+import Component from '../components/Component.js';
+import PizzaThumbnail from '../components/PizzaThumbnail.js';
+
+export default class HomePage extends Component {
+	constructor(pizzas) {
+		super(
+			'section',
+			null,
+			pizzas.map(pizza => new PizzaThumbnail(pizza))
+		);
+	}
+}