add template

2024-08-26 14:14:34 +02:00
parent 4e4541f3e5
commit ad132b5bdf
56 changed files with 6854 additions and 1 deletions
--- a/src/app/(main)/layout.jsx
+++ b/src/app/(main)/layout.jsx
@@ -0,0 +1,5 @@
+import { Layout } from '@/components/Layout'
+
+export default function MainLayout({ children }) {
+  return <Layout>{children}</Layout>
+}
--- a/src/app/(main)/page.jsx
+++ b/src/app/(main)/page.jsx
@@ -0,0 +1,17 @@
+import { Hero } from '@/components/Hero'
+import { Newsletter } from '@/components/Newsletter'
+import { Schedule } from '@/components/Schedule'
+import { Speakers } from '@/components/Speakers'
+import { Sponsors } from '@/components/Sponsors'
+
+export default function Home() {
+  return (
+    <>
+      <Hero />
+      <Speakers />
+      <Schedule />
+      <Sponsors />
+      <Newsletter />
+    </>
+  )
+}
--- a/src/app/favicon.ico
+++ b/src/app/favicon.ico
--- a/src/app/layout.jsx
+++ b/src/app/layout.jsx
@@ -0,0 +1,43 @@
+import { DM_Sans, Inter } from 'next/font/google'
+import clsx from 'clsx'
+
+import '@/styles/tailwind.css'
+
+const inter = Inter({
+  subsets: ['latin'],
+  display: 'swap',
+  variable: '--font-inter',
+})
+
+const dmSans = DM_Sans({
+  subsets: ['latin'],
+  weight: ['400', '500', '700'],
+  display: 'swap',
+  variable: '--font-dm-sans',
+})
+
+export const metadata = {
+  title: {
+    template: '%s - DeceptiConf',
+    default: 'DeceptiConf - A community-driven design conference',
+  },
+  description:
+    'At DeceptiConf you’ll learn about the latest dark patterns being developed to trick even the smartest visitors, and you’ll learn how to deploy them without ever being detected.',
+}
+
+export default function RootLayout({ children }) {
+  return (
+    <html
+      lang="en"
+      className={clsx(
+        'h-full bg-white antialiased',
+        inter.variable,
+        dmSans.variable,
+      )}
+    >
+      <body className="flex min-h-full">
+        <div className="flex w-full flex-col">{children}</div>
+      </body>
+    </html>
+  )
+}
--- a/src/app/not-found.jsx
+++ b/src/app/not-found.jsx
@@ -0,0 +1,28 @@
+import { BackgroundImage } from '@/components/BackgroundImage'
+import { Button } from '@/components/Button'
+import { Container } from '@/components/Container'
+import { Layout } from '@/components/Layout'
+
+export default function NotFound() {
+  return (
+    <Layout showFooter={false}>
+      <div className="relative flex h-full items-center py-20 sm:py-36">
+        <BackgroundImage className="-top-36 bottom-0" />
+        <Container className="relative flex w-full flex-col items-center">
+          <p className="font-display text-2xl tracking-tight text-blue-900">
+            404
+          </p>
+          <h1 className="mt-4 font-display text-4xl font-medium tracking-tighter text-blue-600 sm:text-5xl">
+            Page not found
+          </h1>
+          <p className="mt-4 text-lg tracking-tight text-blue-900">
+            Sorry, we couldn’t find the page you’re looking for.
+          </p>
+          <Button href="/" className="mt-8">
+            Go back home
+          </Button>
+        </Container>
+      </div>
+    </Layout>
+  )
+}