Version 1

.gitignore

@@ -1,3 +1,8 @@
 node_modules/
 */node_modules/
 */build/
+
+**/node_modules/
+**/build/
+.DS_Store
+.env

frontend/json/runtimeError.json

@@ -0,0 +1 @@
+{}

frontend/next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference path="./build/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

frontend/src/components/WebPageComponents/HeroComponent/designs/HeroImageBg.tsx

@@ -20,12 +20,20 @@ const HeroImageBg = ({
         {mainText}
       </h1>
       <p className={`text-sm mb-8`}>{subTitle}</p>
-      <BaseButton
+      <div className="flex justify-center space-x-4">
-        href='/login'
+        <BaseButton
-        label={`${buttonText}`}
+          href="/search-wizard"
-        color='info'
+          label={`${buttonText}`}
-        className='px-4 sm:px-6 py-2 '
+          color="info"
-      />
+          className="px-4 sm:px-6 py-2"
+        />
+        <BaseButton
+          href="/add-listing-wizard"
+          label="Add Your Listing"
+          color="info"
+          className="px-4 sm:px-6 py-2"
+        />
+      </div>
     </div>
     <div className='absolute bottom-2 text-[8px] text-white w-full flex justify-center'>
       <a href={imageHero[0]?.photographer_url} target='_blank' rel='noreferrer'>

frontend/src/pages/index.tsx

@@ -20,6 +20,7 @@ import FeaturesSection from '../components/WebPageComponents/FeaturesComponent';
 import AboutUsSection from '../components/WebPageComponents/AboutUsComponent';
 
 import ContactFormSection from '../components/WebPageComponents/ContactFormComponent';
+import BaseButton from '../components/BaseButton';
 
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);