diff --git a/app/blog/pages/blog.tsx b/app/blog/pages/blog.tsx
new file mode 100644
index 0000000..27ef342
--- /dev/null
+++ b/app/blog/pages/blog.tsx
@@ -0,0 +1,12 @@
+import type { BlitzPage } from "blitz";
+
+import Layout from "../../public-area/components/layout";
+
+const Blog: BlitzPage = () => {
+	return <article className="m-auto">Coming soon.</article>;
+};
+
+Blog.getLayout = (page) => <Layout title="Blog">{page}</Layout>;
+Blog.suppressFirstRenderFlicker = true;
+
+export default Blog;
diff --git a/app/public-area/components/base-layout.tsx b/app/public-area/components/base-layout.tsx
index b62fe15..36e0549 100644
--- a/app/public-area/components/base-layout.tsx
+++ b/app/public-area/components/base-layout.tsx
@@ -2,6 +2,7 @@ import type { FunctionComponent } from "react";
 import { Head } from "blitz";
 
 import Header from "./header";
+import Footer from "./footer";
 
 const BaseLayout: FunctionComponent = ({ children }) => (
 	<>
@@ -21,6 +22,8 @@ const BaseLayout: FunctionComponent = ({ children }) => (
 				<Header />
 
 				<main className="flex-grow">{children}</main>
+
+				<Footer />
 			</section>
 		</section>
 	</>
diff --git a/app/public-area/components/footer.tsx b/app/public-area/components/footer.tsx
index 3990c04..6a62c01 100644
--- a/app/public-area/components/footer.tsx
+++ b/app/public-area/components/footer.tsx
@@ -6,21 +6,21 @@ export default function Footer() {
 	// TODO
 	const isDisabled = true;
 	if (isDisabled) {
-		// return null;
+		return null;
 	}
 
 	return (
 		<footer className="bg-white">
 			<div className="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8">
 				<nav className="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer">
-					<NavLink href={Routes.Roadmap()} name="Roadmap" />
-					<NavLink href={Routes.Roadmap()} name="Roadmap" />
-					<NavLink href={Routes.Roadmap()} name="Roadmap" />
-					<NavLink href={Routes.Roadmap()} name="Roadmap" />
+					<NavLink href={Routes.Blog()} name="Blog" />
+					<NavLink href={Routes.PrivacyPolicy()} name="Privacy Policy" />
+					<NavLink href={Routes.TermsOfService()} name="Terms of Service" />
+					<NavLink href="mailto:support@shellphone.app" name="Email Us" />
 				</nav>
-				{/*<p className="mt-8 text-center text-base text-gray-400">&copy; 2021 Capsule Corp. Dev Pte. Ltd. All rights reserved.</p>*/}
 				<p className="mt-8 text-center text-base text-gray-400">
-					&copy; 2021 Mokhtar Mial All rights reserved.
+					&copy; 2021 Capsule Corp. Dev Pte. Ltd. All rights reserved.
+					{/*&copy; 2021 Mokhtar Mial All rights reserved.*/}
 				</p>
 			</div>
 		</footer>
diff --git a/app/public-area/pages/privacy.tsx b/app/public-area/pages/privacy.tsx
new file mode 100644
index 0000000..3fede26
--- /dev/null
+++ b/app/public-area/pages/privacy.tsx
@@ -0,0 +1,12 @@
+import type { BlitzPage } from "blitz";
+
+import Layout from "../components/layout";
+
+const PrivacyPolicy: BlitzPage = () => {
+	return <article className="m-auto">Coming soon.</article>;
+};
+
+PrivacyPolicy.getLayout = (page) => <Layout title="Privacy Policy">{page}</Layout>;
+PrivacyPolicy.suppressFirstRenderFlicker = true;
+
+export default PrivacyPolicy;
diff --git a/app/public-area/pages/terms.tsx b/app/public-area/pages/terms.tsx
new file mode 100644
index 0000000..eeb6b76
--- /dev/null
+++ b/app/public-area/pages/terms.tsx
@@ -0,0 +1,12 @@
+import type { BlitzPage } from "blitz";
+
+import Layout from "../components/layout";
+
+const TermsOfService: BlitzPage = () => {
+	return <article className="m-auto">Coming soon.</article>;
+};
+
+TermsOfService.getLayout = (page) => <Layout title="Terms of Service">{page}</Layout>;
+TermsOfService.suppressFirstRenderFlicker = true;
+
+export default TermsOfService;