diff --git a/app/globals.css b/app/globals.css
index 2e98925..e712182 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -200,3 +200,86 @@ body {
@apply bg-gray-300 !important;
}
}
+
+footer {
+ /* padding: 3% 9%; */
+ background-image: url("/bg.svg");
+ background-position: top;
+ background-size: cover;
+ background-repeat: no-repeat;
+ transition: all 0.3s ease;
+}
+
+.footbootom {
+ margin-top: 3%;
+ padding: 0 9%;
+ display: flex;
+ justify-content: space-between;
+}
+
+.foot-header {
+ font-size: 2rem;
+ font-weight: 300;
+ /* color: rgb(55, 115, 255); */
+}
+.footimg > img {
+ width: 64px;
+ margin: 10px;
+ border-radius: 50%;
+}
+.footop a {
+ text-decoration: none;
+ color: #ffffffb7;
+ font-weight: 300;
+ font-size: 1rem;
+ transition: all 0.3s ease;
+}
+
+.footbootom h4 {
+ font-size: 1rem;
+ color: #ffffffb7;
+ font-weight: 300;
+}
+
+.footcolum1 > p {
+ line-height: 1;
+ font-size: 1.2rem;
+ color: #ffffffb7;
+ font-weight: 300;
+ transition: all 0.2s ease;
+}
+
+.footop a:hover {
+ color: rgba(253, 162, 182, 0.774);
+}
+
+.box-socials-foot > a > i {
+ font-size: 1.6rem;
+ cursor: pointer;
+ transition: all 0.3 ease;
+}
+
+.box-socials-foot > a > i:hover {
+ color: rgba(253, 162, 173, 0.774);
+}
+
+.footbootom > h4 > a {
+ font-weight: 600;
+ text-decoration: none;
+}
+
+@media screen and (max-width: 900px) {
+ footer {
+ padding: 1% 1%;
+ background-image: none;
+ }
+ .footop {
+ @apply flex-center text-center flex-col gap-6;
+ }
+ .footcolum1 {
+ @apply flex-center flex-col;
+ }
+ .footbootom {
+ @apply flex-center text-center gap-5 opacity-80;
+ }
+}
diff --git a/app/layout.tsx b/app/layout.tsx
index 28ab18c..a3c9cf9 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -3,6 +3,7 @@ import { Poppins } from "next/font/google";
import "./globals.css";
import { ThemeProvider } from "@/components/shared/providers/themeprovider";
import Navbar from "@/components/shared/Navbar";
+import Footer from "@/components/shared/Footer";
const poppins = Poppins({
weight: ["400", "600", "700", "900"],
@@ -30,6 +31,7 @@ export default function RootLayout({
>
{children}
+