From 51b10486692496a0811e50ce055323514a08e2de Mon Sep 17 00:00:00 2001
From: AHMAD IQBAL BHATTI <ahmediqbalbhatti1@gmail.com>
Date: Sun, 10 Mar 2024 21:12:29 +0500
Subject: [PATCH] Design is Ready and Reservation Working using LocalStorage
 API

---
 src/components/HeroSection.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/HeroSection.js b/src/components/HeroSection.js
index 94ddeca..75d3724 100644
--- a/src/components/HeroSection.js
+++ b/src/components/HeroSection.js
@@ -2,6 +2,7 @@ import {H1} from "./ui/H1";
 import {H2} from "./ui/H2";
 import {Paragraph} from "./ui/Paragraph";
 import {PrimaryButton} from "./ui/PrimaryButton";
+import {Link} from "react-router-dom";
 
 export const HeroSection = () => {
 	return (
@@ -17,9 +18,10 @@ export const HeroSection = () => {
 					eiusmod tempor incididunt ut labore et dolore magna aliqua.
 				</Paragraph>
 
-				<PrimaryButton>
+				<Link to={"/reservation"}
+				      className={"bg-primary1 hover:bg-highLight1 w-fit py-3 px-8 rounded-2xl transition-colors duration-300"}>
 					Reserve a Table
-				</PrimaryButton>
+				</Link>
 
 			</div>