From 71bd386c0888b4e6a04a9f9a8269d422a65dad1b Mon Sep 17 00:00:00 2001
From: Tiago Brito <69848652+britotiago03@users.noreply.github.com>
Date: Fri, 10 May 2024 05:11:21 +0200
Subject: [PATCH] Implemented Home.js

---
 frontend/src/components/Home.js | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Home.js b/frontend/src/components/Home.js
index b8751a2..f83800a 100644
--- a/frontend/src/components/Home.js
+++ b/frontend/src/components/Home.js
@@ -1,12 +1,32 @@
+// Home.js
 import React from 'react';
+import Carousel from './Carousel';
+import FeaturedProducts from './FeaturedProducts';
+import Navigation from './Navigation';
+import '../css/Home.css'
+
+// Sample data for Carousel and FeaturedProducts
+const sampleBanners = [
+    { id: 1, image: '/images/essentials_for_gamers.jpg', title: 'Banner 1' },
+    { id: 2, image: '/images/gifts_to_make_mom_smile.jpg', title: 'Banner 2' }
+];
+
+const sampleProducts = [
+    { id: 1, name: 'Headsets', price: 99.99, image: '/images/featured_products/headsets.png' },
+    { id: 2, name: 'Gaming mice', price: 199.99, image: '/images/featured_products/gaming_mice.png' },
+    { id: 3, name: 'Laptops', price: 199.99, image: '/images/featured_products/laptops.png' },
+    { id: 4, name: 'Keyboards', price: 199.99, image: '/images/featured_products/keyboards.png' },
+    { id: 5, name: 'Chairs', price: 199.99, image: '/images/featured_products/chairs.png' }
+];
 
 function Home() {
     return (
-        <div>
-            <h1>Welcome to ElectroMart</h1>
-            <p>Find the best electronics at unbeatable prices.</p>
+        <div className="home-page">
+            <Navigation />
+            <Carousel banners={sampleBanners} />
+            <FeaturedProducts title="Gaming Accessories" products={sampleProducts} />
         </div>
     );
 }
 
-export default Home;
\ No newline at end of file
+export default Home;
-- 
GitLab