soladd-main-app

Author: githubotoro

components/Footer.js

@@ -0,0 +1,56 @@
+const Footer = () => {
+	return (
+		<>
+			<footer
+				aria-label="Site Footer"
+				className="bg-slate-50 text-center"
+			>
+				<div className="mx-auto max-w-screen-xl px-4 py-6 sm:px-6 lg:px-8">
+					<div className="mx-auto max-w-3xl space-y-6">
+						<nav
+							aria-label="Footer Nav"
+							class="rounded-3xl border-4 border-gray-900 p-2"
+						>
+							<ul className="flex flex-wrap justify-center gap-6 text-sm font-bold">
+								<li>
+									<a
+										className="text-gray-900 transition hover:text-gray-900/75 hover:border-slate-900/75 hover:border-b-2"
+										href="https://github.com/githubotoro/soladd-next-app"
+										target="_blank"
+										rel="noreferrer"
+									>
+										GitHub
+									</a>
+								</li>
+
+								<li>
+									<a
+										className="text-gray-900 transition hover:text-gray-900/75 hover:border-slate-900/75 hover:border-b-2"
+										href="https://twitter.com/yupuday"
+										target="_blank"
+										rel="noreferrer"
+									>
+										Twitter
+									</a>
+								</li>
+
+								<li>
+									<a
+										className="text-gray-900 transition hover:text-gray-900/75 hover:border-slate-900/75 hover:border-b-2"
+										href="/"
+										target="_blank"
+										rel="noreferrer"
+									>
+										ProductHunt
+									</a>
+								</li>
+							</ul>
+						</nav>
+					</div>
+				</div>
+			</footer>
+		</>
+	);
+};
+
+export default Footer;

components/Navbar.js

@@ -0,0 +1,15 @@
+const Navbar = () => {
+	return (
+		<>
+			<div class="flex justify-center items-center relative bg-gradient-to-r from-blue-600 to-purple-600 px-4 py-3 pr-14 text-slate-50">
+				<p className=" text-center font-black">SOLADD</p>
+				&nbsp;&nbsp;|&nbsp;&nbsp;
+				<p class="text-center text-sm font-medium sm:text-center">
+					Stay one address ahead of your deployment!
+				</p>
+			</div>
+		</>
+	);
+};
+
+export default Navbar;