diff --git a/apps/vojtechmares.com/app/layout.tsx b/apps/vojtechmares.com/app/layout.tsx
new file mode 100644
index 0000000..85a3c5a
--- /dev/null
+++ b/apps/vojtechmares.com/app/layout.tsx
@@ -0,0 +1,62 @@
+import type { Metadata } from 'next'
+import { Analytics } from '@vercel/analytics/react'
+
+import { Footer } from '@/components/layout/Footer'
+import { Navigation } from '@/components/layout/Navigation'
+
+import '@/styles/tailwind.css'
+
+export const metadata: Metadata = {
+ title: 'Vojtěch Mareš - DevOps konzultant, lektor, engineer',
+ description: 'Vojtěch Mareš - DevOps konzultant, lektor, engineer',
+ themeColor: '#ffffff',
+ viewport: 'width=device-width, initial-scale=1.0',
+ icons: {
+ icon: [
+ { url: '/favicon.ico' },
+ { url: '/favicon-16x16.png', sizes: '16x16', type: 'image/png' },
+ { url: '/favicon-32x32.png', sizes: '32x32', type: 'image/png' },
+ ],
+ shortcut: '/shortcut-icon.png',
+ apple: '/apple-touch-icon.png',
+ other: {
+ rel: 'apple-touch-icon-precomposed',
+ url: '/apple-touch-icon-precomposed.png',
+ },
+ },
+ manifest: '/site.webmanifest',
+ twitter: {
+ card: 'summary_large_image',
+ site: '@vojtechmares',
+ creator: '@vojtechmares',
+ title: 'Vojtěch Mareš - DevOps konzultant, lektor, engineer',
+ images: [
+ { url: '/og.png' },
+ ]
+ },
+}
+
+const RootLayout = ({ children }: { children: React.ReactNode }) => {
+ return (
+
+
+
+
+
+
+ {children}
+
+
+
+
+ )
+}
+
+export default RootLayout
diff --git a/apps/vojtechmares.com/pages/index.tsx b/apps/vojtechmares.com/app/page.tsx
similarity index 59%
rename from apps/vojtechmares.com/pages/index.tsx
rename to apps/vojtechmares.com/app/page.tsx
index 5afd79f..37f048c 100644
--- a/apps/vojtechmares.com/pages/index.tsx
+++ b/apps/vojtechmares.com/app/page.tsx
@@ -1,29 +1,15 @@
-import Head from "next/head";
-
-import { Header } from "@/components/layout/Header";
import { Hero } from "@/components/homepage/Hero";
import { CallToAction } from "@/components/homepage/CallToAction";
import { Faqs } from "@/components/homepage/Faqs";
-import { Footer } from "@/components/layout/Footer";
import { Services } from "@/components/homepage/Services";
import { WhatIDo } from "@/components/homepage/WhatIDo";
import { Testimonials } from "@/components/homepage/Testimonials";
import { KubernetesEverywhere } from "@/components/homepage/KubernetesEverywhere";
import { TrainingList } from "@/components/homepage/Training";
-export default function Home() {
+const Page = () => {
return (
- <>
-
- Vojtěch Mareš - DevOps konzultant, lektor, engineer
-
-
-
-
-
+
@@ -32,8 +18,8 @@ export default function Home() {
{/* */}
-
-
- >
- );
+
+ )
}
+
+export default Page
diff --git a/apps/vojtechmares.com/components/layout/Navigation.tsx b/apps/vojtechmares.com/components/layout/Navigation.tsx
new file mode 100644
index 0000000..a11eb2a
--- /dev/null
+++ b/apps/vojtechmares.com/components/layout/Navigation.tsx
@@ -0,0 +1,45 @@
+import Link from "next/link";
+
+import { Container } from "@/components/Container";
+import { Button } from "@/components/Button";
+
+export function Navigation() {
+ return (
+ <>
+
+
+
+
+
+ >
+ );
+}