refactor(vojtechmares.com): migrate homepage to app directory

2023-10-05 15:48:26 +02:00 · 2023-10-05 15:48:26 +02:00 · b93b731c6b
commit b93b731c6b
parent 0370e234ba
3 changed files with 113 additions and 20 deletions
--- a/apps/vojtechmares.com/app/layout.tsx
+++ 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 (
+    <html
+      className="h-full scroll-smooth bg-white antialiased [font-feature-settings:'ss01']"
+      lang="cs"
+    >
+      <head>
+        <script
+          defer
+          data-domain="vojtechmares.com"
+          src="https://plausible.io/js/script.js"
+        ></script>
+      </head>
+      <body className="flex h-full flex-col">
+        <Navigation />
+        {children}
+        <Footer />
+        <Analytics />
+      </body>
+    </html>
+  )
+}
+
+export default RootLayout
--- a/apps/vojtechmares.com/app/page.tsx
+++ b/apps/vojtechmares.com/app/page.tsx
@ -0,0 +1,25 @@
+import { Hero } from "@/components/homepage/Hero";
+import { CallToAction } from "@/components/homepage/CallToAction";
+import { Faqs } from "@/components/homepage/Faqs";
+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";
+
+const Page = () => {
+  return (
+    <main>
+        <Hero />
+        <WhatIDo />
+        <TrainingList />
+        <KubernetesEverywhere />
+        <CallToAction />
+        <Testimonials />
+        <Services />
+        {/* <Faqs /> */}
+    </main>
+  )
+}
+
+export default Page