diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..017922d
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Abhijeet Kumar
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/client/src/Components/Footer.tsx b/client/src/Components/Footer.tsx
new file mode 100644
index 0000000..2b13af9
--- /dev/null
+++ b/client/src/Components/Footer.tsx
@@ -0,0 +1,16 @@
+import Image from "next/image";
+import logo from "./../../public/chain.png";
+
+const Footer = () => {
+ return (
+
+ );
+};
+
+export default Footer;
diff --git a/client/src/Components/Navbar.tsx b/client/src/Components/Navbar.tsx
new file mode 100644
index 0000000..b47f7a2
--- /dev/null
+++ b/client/src/Components/Navbar.tsx
@@ -0,0 +1,106 @@
+"use client";
+import Link from "next/link";
+import { Hamburger } from "@/icons/Hamburger";
+import { useState } from "react";
+import Image from "next/image";
+import logo from "./../../public/chain.png";
+
+const Navbar = () => {
+ const [hamburgerClick, setHamburgerClick] = useState(false);
+
+ return (
+
+ );
+};
+
+export default Navbar;
diff --git a/client/src/components/ThemeToggle.tsx b/client/src/Components/ThemeToggle.tsx
similarity index 100%
rename from client/src/components/ThemeToggle.tsx
rename to client/src/Components/ThemeToggle.tsx
diff --git a/client/src/app/about/page.tsx b/client/src/app/about/page.tsx
new file mode 100644
index 0000000..13854fb
--- /dev/null
+++ b/client/src/app/about/page.tsx
@@ -0,0 +1,143 @@
+import { About1 } from "@/icons/Person";
+import { About2 } from "@/icons/ColorfulRocket";
+import { About3 } from "@/icons/ThinkingGirl";
+import { About4 } from "@/icons/TeamWork";
+import { About5 } from "@/icons/Robot";
+
+const About = () => {
+ return (
+
+
+
+
+
+
+
+ About Us
+
+
+ Welcome to Short.URL, an open-source URL shortener designed to
+ provide fast, reliable, and customizable link shortening services.
+ Whether you're sharing links on social media, in emails, or in
+ chat messages, our service makes it easy to transform those lengthy
+ URLs into sleek and manageable short links.
+
+
+
+
+
+
+
+ Our Mission
+
+
+ Our mission is to provide a powerful yet easy-to-use tool that
+ empowers users to take control of their links. We believe in the
+ power of open source and the community-driven development process.
+ By making [Project Name] open source, we invite developers from
+ around the world to contribute, improve, and innovate, ensuring that
+ our tool remains cutting-edge and accessible to everyone.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Why Choose Short.URL?
+
+
+
+ Open Source and Free: Our project is fully open source, which
+ means it's free to use, and anyone can contribute to its
+ development.
+
+
+ Community-Driven: Join a vibrant community of developers and users
+ who are dedicated to improving the project.
+
+
+ Secure and Reliable: Built with security in mind, ensuring your
+ data is protected.
+
+
+
+
+
+
+
+
+ How It Works
+
+
+ Using Short.URL is straightforward:
+
+
+
+ Enter Your URL: Paste your long URL into the input field on the
+ homepage.
+
+
+ Shorten: Click the Shorten button to generate your short link.
+
+
+ Share: Copy and share your new short URL anywhere.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Contribute{" "}
+
+
+ We welcome contributions from the community! Whether you're a
+ seasoned developer or new to coding, there are many ways you can
+ help:
+
+
+
+ Report Bugs: Found a bug? Let us know by opening an issue on our
+ GitHub.
+
+
+ Submit Pull Requests: If you've made improvements or added
+ new features, submit a pull request.
+
+
+ Spread the Word: Share Short.URL with your network to help us grow
+ our community.
+