diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 9ddc668..b34964e 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,4 +1,17 @@
+import RecurringLogo from "@/components/RecurringLogo";
+
 const Events = () => {
-  return <div className="justify-center">About Us</div>;
+  return (
+    <div className="justify-center">
+      About Us
+      <div className="flex justify-center">
+        <div className="flex h-[376px] w-[687px] items-center justify-center rounded-full bg-white p-4">
+          <div className="flex items-center justify-center">
+            <RecurringLogo></RecurringLogo>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
 };
 export default Events;
diff --git a/src/app/events/page.tsx b/src/app/events/page.tsx
index c726366..63b5344 100644
--- a/src/app/events/page.tsx
+++ b/src/app/events/page.tsx
@@ -1,4 +1,17 @@
+import RecurringLogo from "@/components/RecurringLogo";
+
 const Events = () => {
-  return <div className="justify-center">Events</div>;
+  return (
+    <div className="justify-center">
+      Events
+      <div className="flex justify-center">
+        <div className="flex h-[376px] w-[687px] items-center justify-center rounded-full bg-white p-4">
+          <div className="flex items-center justify-center">
+            <RecurringLogo></RecurringLogo>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
 };
 export default Events;
diff --git a/src/components/RecurringLogo.tsx b/src/components/RecurringLogo.tsx
new file mode 100644
index 0000000..71cac55
--- /dev/null
+++ b/src/components/RecurringLogo.tsx
@@ -0,0 +1,14 @@
+import Image from "next/image";
+
+const RecurringLogo = () => {
+  return (
+    <Image
+      src="\Images\Logo.webp"
+      alt="RecurringLogo"
+      width={687}
+      height={376}
+    />
+  );
+};
+
+export default RecurringLogo;