diff --git a/public/logo/facebook.svg b/public/logo/facebook.svg
new file mode 100644
index 0000000..a592489
--- /dev/null
+++ b/public/logo/facebook.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="iso-8859-1"?><!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="48px" height="48px"><circle style="fill:#039BE5;" cx="24" cy="24" r="19"/><g><path style="fill:#FFFFFF;" d="M26.572,29.036h4.917l0.772-4.995h-5.69v-2.73c0-2.075,0.678-3.915,2.619-3.915h3.119v-4.359c-0.548-0.074-1.707-0.236-3.897-0.236c-4.573,0-7.254,2.415-7.254,7.917v3.323h-4.701v4.995h4.701v13.729C22.089,42.905,23.032,43,24,43c0.875,0,1.729-0.08,2.572-0.194V29.036z"/></g></svg>
\ No newline at end of file
diff --git a/public/logo/google.svg b/public/logo/google.svg
new file mode 100644
index 0000000..88be806
--- /dev/null
+++ b/public/logo/google.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="48px" height="48px"><path fill="#FFC107" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"/><path fill="#FF3D00" d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"/><path fill="#4CAF50" d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"/><path fill="#1976D2" d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"/></svg>
\ No newline at end of file
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 250d5ed..597d993 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -1,3 +1,4 @@
+import Image from "next/image";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardFooter, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 
@@ -14,11 +15,19 @@ export default function Login() {
           </CardDescription>
         </CardHeader>
         <CardContent className="flex flex-col gap-y-2 mx-28">
-          <p className="self-center">Continue With</p>
-          <Button>Continue with Google</Button>
-          <Button>Continue with Facebook</Button>
+          <p className="self-center font-semibold text-slate-800">Continue With</p>
+          <Button className="bg-foreground gap-2 rounded-xl">
+            <Image src={"/logo/google.svg"} width={30} height={30} alt={"Google"} />
+            Continue with Google
+          </Button>
+          <Button className="gap-2 rounded-xl">
+            <Image src={"/logo/facebook.svg"} width={30} height={30} alt={"Google"} />
+            Continue with Facebook
+          </Button>
         </CardContent>
-        <CardFooter></CardFooter>
+        <CardFooter className="text-xs justify-center">
+          By signing up, you agree to the Terms of Service and acknowledge you’ve read our Privacy Policy.
+        </CardFooter>
       </Card>
     </div>
   );