diff --git a/.prettierrc b/.prettierrc
index bf357fbbc..417bf4faa 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,3 +1,4 @@
{
+ "plugins": ["prettier-plugin-tailwindcss"],
"trailingComma": "all"
}
diff --git a/apps/web/app/footer.tsx b/apps/web/app/footer.tsx
new file mode 100644
index 000000000..fd1da12b3
--- /dev/null
+++ b/apps/web/app/footer.tsx
@@ -0,0 +1,20 @@
+import { githubProfile, linkedIn } from "../src/lib/socials";
+import GithubIcon from "@components/icons/github";
+import LinkedInIcon from "@components/icons/linkedIn";
+
+export default function Footer() {
+ return (
+
+ );
+}
diff --git a/apps/web/app/global.css b/apps/web/app/global.css
new file mode 100644
index 000000000..2a9288448
--- /dev/null
+++ b/apps/web/app/global.css
@@ -0,0 +1,16 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer utilities {
+ /* For Webkit-based browsers (Chrome, Safari and Opera) */
+ .scrollbar-hide::-webkit-scrollbar {
+ display: none;
+ }
+
+ /* For IE, Edge and Firefox */
+ .scrollbar-hide {
+ -ms-overflow-style: none; /* IE and Edge */
+ scrollbar-width: none; /* Firefox */
+ }
+}
diff --git a/apps/web/app/head.tsx b/apps/web/app/head.tsx
new file mode 100644
index 000000000..0148d2ac0
--- /dev/null
+++ b/apps/web/app/head.tsx
@@ -0,0 +1,126 @@
+import Script from "next/script";
+import * as gtag from "../src/lib/gtag";
+import { ADSENSE_CLIENT_ID } from "../src/lib/adsense";
+
+export default function Head() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {process.env.NEXT_PUBLIC_VERCEL_ENV !== "production" && (
+ <>
+ {/* Disable indexing of all non-production sites */}
+
+
+ )}
+
+ {process.env.NODE_ENV === "production" && (
+ <>
+ {/* Google Ads */}
+
+ {/* Global site tag (gtag.js) - Google Analytics */}
+
+
+
+ )}
+
+ );
+}
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
new file mode 100644
index 000000000..b678c744d
--- /dev/null
+++ b/apps/web/app/layout.tsx
@@ -0,0 +1,31 @@
+import "./global.css";
+import { Roboto } from "next/font/google";
+import { Suspense, type PropsWithChildren } from "react";
+import Head from "./head";
+import Footer from "./footer";
+import Header from "@components/header/header";
+import { ThemeProvider } from "@components/providers/theme-provider";
+
+const roboto = Roboto({
+ weight: ["300", "400", "500", "700"],
+ subsets: ["latin"],
+ display: "swap",
+ fallback: ["Helvetica", "Arial", "sans-serif"],
+});
+
+export default function RootLayout({ children }: PropsWithChildren) {
+ return (
+
+
+