From cadfe227693dfbcee75e18c139fc2fd82e5d6049 Mon Sep 17 00:00:00 2001
From: lildibbb <adib.asyraaf760@gmail.com>
Date: Sun, 7 Jan 2024 18:32:09 +0800
Subject: [PATCH] feat : update page

---
 src/App.jsx           | 3 ---
 src/pages/Home.jsx    | 4 ++++
 src/pages/MoreArt.jsx | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 21d78d9..9fe2c5a 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -3,8 +3,6 @@ import Navbar from './components/Navbar';
 import Home from './pages/Home';
 import Test from './pages/Test';
 import Footer from './pages/Footer';
-import MoreArt from './pages/MoreArt';
-
 function App() {
   return (
     <div className="flex flex-col justify-start items-start min-h-screen bg-gray-100 overflow-hidden">
@@ -17,7 +15,6 @@ function App() {
           {/* <Route component={GenericNotFound} /> */}
         </Routes>
       </Router>
-      <MoreArt />
       <Footer />
     </div>
   );
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 0e611bb..4a81ed7 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -5,6 +5,7 @@ import { landscapesList } from '../data/list/landscapes-list';
 import { paintingsList } from '../data/list/paintings-list';
 import { portraitsList } from '../data/list/portraits-list';
 import { abstractsList } from '../data/list/abstracts-list';
+import MoreArt from './MoreArt';
 
 const CategoryItem = ({ category }) => (
   <Tooltip content={category.tooltip} placement="top" showArrow>
@@ -86,6 +87,9 @@ const Home = () => {
           ))}
         </div>
       </div>
+      <div className="mt-5">
+        <MoreArt />
+      </div>
     </div>
   );
 };
diff --git a/src/pages/MoreArt.jsx b/src/pages/MoreArt.jsx
index 800c595..9806a07 100644
--- a/src/pages/MoreArt.jsx
+++ b/src/pages/MoreArt.jsx
@@ -57,7 +57,7 @@ export default function MoreArt() {
 
   return (
     <div className="mt-5">
-      <h2 className="text-xl font-bold">More Arts</h2>
+      <h2 className="text-2xl font-bold">More Arts</h2>
       <div className="flex flex-wrap justify-start items-center gap-4 mt-4">
         {Object.values(allLists).map((categoryList, categoryIndex) => (
           <div key={categoryIndex} className="flex gap-4 flex-wrap">