From 74b09b1adf8d3dc53558ac9224d1cf3eba3ae4c2 Mon Sep 17 00:00:00 2001
From: Haziq Khairi <ikhairulhaziq11@gmail.com>
Date: Tue, 9 Jan 2024 22:19:03 +0800
Subject: [PATCH] feat: add link to explore featured artworks

---
 src/pages/Home.jsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index ad54705..172252c 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -1,11 +1,23 @@
 import MoreArt from './MoreArt';
 import Categories from '../components/Categories';
+import { Link } from 'react-router-dom';
+import { FaArrowRight } from 'react-icons/fa'; // Importing an arrow icon
 
 const Home = () => {
   return (
     <div className="p-6">
-      <header className="text-2xl font-bold">ArtistryHub.</header>
-      <p className="text-gray-700">Explore our world of creative designs.</p>
+      <div className="flex justify-between items-center">
+        <header className="text-2xl font-bold">ArtistryHub.</header>
+        <Link
+          to="/artistry-hub/top-picks"
+          className="flex items-center text-lg font-medium text-blue-500 hover:text-blue-600 transition duration-300 ease-in-out"
+        >
+          Explore Featured Artworks <FaArrowRight className="ml-2" />
+        </Link>
+      </div>
+      <p className="text-gray-700 mt-2">
+        Explore our world of creative designs.
+      </p>
 
       <Categories />