diff --git a/.github/workflows/backend/build.yml b/.github/workflows/backend-build.yml
similarity index 100%
rename from .github/workflows/backend/build.yml
rename to .github/workflows/backend-build.yml
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index 3e01ffb..e96aaf8 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -8,7 +8,7 @@ on:
 
 jobs:
   call-backend-build:
-    uses: ./.github/workflows/backend/build.yml
+    uses: ./.github/workflows/backend-build.yml
     with:
       pythonVersion: '3.10'
     secrets:
@@ -19,6 +19,6 @@ jobs:
       AWS_S3_REGION_NAME: ${{ secrets.AWS_S3_REGION_NAME }}
 
   call-frontend-build:
-    uses: ./.github/workflows/frontend/build.yml
+    uses: ./.github/workflows/frontend-build.yml
     with:
       nodeVersion: '20.x'
\ No newline at end of file
diff --git a/.github/workflows/frontend/build.yml b/.github/workflows/frontend-build.yml
similarity index 100%
rename from .github/workflows/frontend/build.yml
rename to .github/workflows/frontend-build.yml
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 49bd3f8..360e3cf 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -12,12 +12,12 @@ jobs:
 
     steps:
       - name: Checkout code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Set up Node.js
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v3
         with:
-          node-version: '14'
+          node-version: '20.x'
 
       - name: Install dependencies
         run: npm install
diff --git a/frontend/src/hooks/.gitkeep b/frontend/src/hooks/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/pages/BidderLogInPage.jsx b/frontend/src/pages/BidderLogInPage.jsx
new file mode 100644
index 0000000..c9c61ff
--- /dev/null
+++ b/frontend/src/pages/BidderLogInPage.jsx
@@ -0,0 +1,85 @@
+import React, { useState } from 'react';
+import { useNavigate } from 'react-router';
+import logo from '../assets/microvan_logo.svg';
+import OnboardingInputField from '../components/inputs/OnboardingInputField';
+import LogInButton from '../components/buttons/LogInButton';
+
+export default function BidderLogInPage() {
+	const navigate = useNavigate();
+
+	const [email, setEmail] = useState('');
+	const [password, setPassword] = useState('');
+
+	const handleEmailChange = (event) => setEmail(event.target.value);
+	const handlePasswordChange = (event) => setPassword(event.target.value);
+
+	const handleLogIn = () => {
+		console.log(`Email: ${email}, Password: ${password}`); // eslint-disable-line no-console
+	};
+
+	return (
+		<div className="flex flex-col items-center justify-between min-h-screen min-w-screen bg-mv-white">
+			<div className="self-start pl-[29px] pt-[27px]">
+				<button
+					type="button"
+					className="text-mv-green text-base font-medium"
+					onClick={() => navigate('/')}
+				>
+					Home
+				</button>
+			</div>
+
+			<div className="flex-grow" />
+
+			<div className="flex flex-col w-full items-center justify-center">
+				<img
+					src={logo}
+					alt="logo"
+					className="flex-shrink-0 w-[115px] h-[115px]"
+				/>
+				<h1 className="text-mv-green text-[50px] font-semibold">
+					Microvan Inc.
+				</h1>
+				<h2 className="text-mv-green text-3xl font-normal">Virtual Auctions</h2>
+				<div className="flex flex-col items-start w-[60%] mt-[22px] space-y-[5px]">
+					<p className="text-dark-grey text-xl font-normal">Email</p>
+					<OnboardingInputField
+						placeholder="johndoe@gmail.com"
+						className="w-full h-[56px]"
+						type="email"
+						value={email}
+						onChange={handleEmailChange}
+					/>
+				</div>
+				<div className="flex flex-col items-start w-[60%] mt-[22px] space-y-[5px]">
+					<p className="text-dark-grey text-xl font-normal">Password</p>
+					<OnboardingInputField
+						placeholder="**********"
+						className="w-full h-[56px]"
+						type="password"
+						value={password}
+						onChange={handlePasswordChange}
+					/>
+				</div>
+				<div className="mt-[49px] w-full flex items-center justify-center">
+					<LogInButton onClick={handleLogIn} />
+				</div>
+				<button
+					type="button"
+					className="text-mv-green text-xs font-normal focus:outline-none mt-[18px] border-none"
+					onClick={() => navigate('/signin/forgotpassword')}
+				>
+					Forgot Password?
+				</button>
+			</div>
+
+			<div className="flex-grow" />
+
+			<div className="self-center pb-[24px]">
+				<p className="text-mv-green text-lg font-normal">
+					© Microvan Inc. 2024
+				</p>
+			</div>
+		</div>
+	);
+}
\ No newline at end of file
diff --git a/frontend/src/utils/.gitkeep b/frontend/src/utils/.gitkeep
new file mode 100644
index 0000000..e69de29