diff --git a/pages/_app.js b/pages/_app.js
new file mode 100644
index 0000000..3e33d4b
--- /dev/null
+++ b/pages/_app.js
@@ -0,0 +1,7 @@
+import '../src/styles/globals.css';
+
+function MyApp({ Component, pageProps }) {
+  return <Component {...pageProps} />;
+}
+
+export default MyApp;
\ No newline at end of file
diff --git a/pages/votePage.tsx b/pages/votePage.tsx
new file mode 100644
index 0000000..0cefe03
--- /dev/null
+++ b/pages/votePage.tsx
@@ -0,0 +1,7 @@
+import VoteContainer from "~/app/NnebuoUkamaka/vote/container/VoteContainer";
+
+const Vote = () => {
+    return <VoteContainer/>
+};
+
+export default Vote;
\ No newline at end of file
diff --git a/public/svgs/imageIcon.svg b/public/svgs/imageIcon.svg
new file mode 100644
index 0000000..b35e8ae
--- /dev/null
+++ b/public/svgs/imageIcon.svg
@@ -0,0 +1,3 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.1703 6.19579H16.2514L15.556 4.24696C15.5079 4.1136 15.4199 3.99833 15.3039 3.91689C15.1878 3.83546 15.0495 3.79182 14.9078 3.79194H8.32295C8.0332 3.79194 7.7735 3.97438 7.67692 4.24696L6.97937 6.19579H4.06042C3.11176 6.19579 2.34338 6.96416 2.34338 7.91282V17.6999C2.34338 18.6486 3.11176 19.4169 4.06042 19.4169H19.1703C20.119 19.4169 20.8873 18.6486 20.8873 17.6999V7.91282C20.8873 6.96416 20.119 6.19579 19.1703 6.19579ZM11.6154 15.9829C9.71804 15.9829 8.1813 14.4461 8.1813 12.5488C8.1813 10.6515 9.71804 9.11475 11.6154 9.11475C13.5127 9.11475 15.0494 10.6515 15.0494 12.5488C15.0494 14.4461 13.5127 15.9829 11.6154 15.9829ZM9.55492 12.5488C9.55492 13.0953 9.772 13.6194 10.1584 14.0058C10.5448 14.3922 11.0689 14.6093 11.6154 14.6093C12.1618 14.6093 12.6859 14.3922 13.0723 14.0058C13.4587 13.6194 13.6758 13.0953 13.6758 12.5488C13.6758 12.0023 13.4587 11.4783 13.0723 11.0919C12.6859 10.7055 12.1618 10.4884 11.6154 10.4884C11.0689 10.4884 10.5448 10.7055 10.1584 11.0919C9.772 11.4783 9.55492 12.0023 9.55492 12.5488Z" fill="black" fill-opacity="0.45"/>
+</svg>
diff --git a/src/app/NnebuoUkamaka/vote/container/VoteContainer.tsx b/src/app/NnebuoUkamaka/vote/container/VoteContainer.tsx
new file mode 100644
index 0000000..851f153
--- /dev/null
+++ b/src/app/NnebuoUkamaka/vote/container/VoteContainer.tsx
@@ -0,0 +1,74 @@
+import React from "react";
+import Image from "next/image";
+
+const VoteContainer = () => {
+  return (
+    <div className="min-h-screen bg-gray-100 flex items-center justify-center">
+      <div className="bg-white shadow-md rounded-lg p-6 w-full max-w-md">
+        <h2 className="text-lg font-bold mb-4 text-center">Vote</h2>
+        <p className="text-sm text-gray-600 mb-6">
+          <span className="text-blue-600 font-semibold">10 FAO</span> will be deducted when voting is generated (Amount: 9 FAO)
+        </p>
+
+        <div className="mb-4">
+          <label className="block text-gray-700 font-semibold mb-2">Category</label>
+          <select className="w-full p-3 border border-gray-300 rounded-md bg-gray-100 cursor-not-allowed" disabled>
+            <option>Birthday AD</option>
+          </select>
+        </div>
+
+        <div className="mb-4">
+          <label className="block text-gray-700 font-semibold mb-2">Vote Title</label>
+          <input
+            type="text"
+            placeholder="Title"
+            className="w-full p-3 border border-gray-300 rounded-md"
+          />
+        </div>
+
+        <div className="mb-4">
+          <label className="block text-gray-700 font-semibold mb-2">Image</label>
+          <div className="border border-gray-300 rounded-md p-6 w-full h-36 flex justify-center items-center bg-gray-100">
+            <span className="text-gray-400">
+              <Image
+              src="/svgs/imageIcon.svg"
+              alt="Image"
+              width={20}
+              height={20}
+              />
+            </span>
+          </div>
+        </div>
+
+        <div className="mb-4">
+          <label className="block text-gray-700 font-semibold mb-2">Description</label>
+          <textarea
+            placeholder="Please write down a description of the event"
+            className="w-full p-3 border border-gray-300 rounded-md"
+            rows={3}
+          ></textarea>
+        </div>
+
+        <div className="mb-4">
+          <label className="block text-gray-700 font-semibold mb-2">Start</label>
+          <input
+            type="date"
+            defaultValue="2024-09-06"
+            className="w-full p-3 border border-gray-300 rounded-md"
+          />
+        </div>
+
+        <div>
+          <button className="w-full bg-blue-600 text-white p-3 rounded-md font-semibold">
+            Create Vote
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default VoteContainer;
+
+
+