aboutsummaryrefslogtreecommitdiffstats
path: root/apps/landing/app
diff options
context:
space:
mode:
authorMohamedBassem <me@mbassem.com>2024-03-19 19:24:29 +0000
committerMohamedBassem <me@mbassem.com>2024-03-19 19:24:29 +0000
commit2c03ee104d06e1be712356efa06a8b3cbe2d09dc (patch)
treee11fee36ae95dfc9255e42054b55b048973a2448 /apps/landing/app
parenteed65a424630be5e7d673c6ac3f19b72b2d79dc7 (diff)
downloadkarakeep-2c03ee104d06e1be712356efa06a8b3cbe2d09dc.tar.zst
refactor: Move landing page to its own app to deploy it separately
Diffstat (limited to '')
-rw-r--r--apps/landing/app/favicon.icobin0 -> 15406 bytes
-rw-r--r--apps/landing/app/globals.css76
-rw-r--r--apps/landing/app/layout.tsx25
-rw-r--r--apps/landing/app/page.tsx (renamed from apps/web/components/landing/LandingPage.tsx)5
4 files changed, 103 insertions, 3 deletions
diff --git a/apps/landing/app/favicon.ico b/apps/landing/app/favicon.ico
new file mode 100644
index 00000000..750e3c04
--- /dev/null
+++ b/apps/landing/app/favicon.ico
Binary files differ
diff --git a/apps/landing/app/globals.css b/apps/landing/app/globals.css
new file mode 100644
index 00000000..8abdb15c
--- /dev/null
+++ b/apps/landing/app/globals.css
@@ -0,0 +1,76 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+ :root {
+ --background: 0 0% 100%;
+ --foreground: 222.2 84% 4.9%;
+
+ --card: 0 0% 100%;
+ --card-foreground: 222.2 84% 4.9%;
+
+ --popover: 0 0% 100%;
+ --popover-foreground: 222.2 84% 4.9%;
+
+ --primary: 222.2 47.4% 11.2%;
+ --primary-foreground: 210 40% 98%;
+
+ --secondary: 210 40% 96.1%;
+ --secondary-foreground: 222.2 47.4% 11.2%;
+
+ --muted: 210 40% 96.1%;
+ --muted-foreground: 215.4 16.3% 46.9%;
+
+ --accent: 210 40% 96.1%;
+ --accent-foreground: 222.2 47.4% 11.2%;
+
+ --destructive: 0 84.2% 60.2%;
+ --destructive-foreground: 210 40% 98%;
+
+ --border: 214.3 31.8% 91.4%;
+ --input: 214.3 31.8% 91.4%;
+ --ring: 222.2 84% 4.9%;
+
+ --radius: 0.5rem;
+ }
+
+ .dark {
+ --background: 222.2 84% 4.9%;
+ --foreground: 210 40% 98%;
+
+ --card: 222.2 84% 4.9%;
+ --card-foreground: 210 40% 98%;
+
+ --popover: 222.2 84% 4.9%;
+ --popover-foreground: 210 40% 98%;
+
+ --primary: 210 40% 98%;
+ --primary-foreground: 222.2 47.4% 11.2%;
+
+ --secondary: 217.2 32.6% 17.5%;
+ --secondary-foreground: 210 40% 98%;
+
+ --muted: 217.2 32.6% 17.5%;
+ --muted-foreground: 215 20.2% 65.1%;
+
+ --accent: 217.2 32.6% 17.5%;
+ --accent-foreground: 210 40% 98%;
+
+ --destructive: 0 62.8% 30.6%;
+ --destructive-foreground: 210 40% 98%;
+
+ --border: 217.2 32.6% 17.5%;
+ --input: 217.2 32.6% 17.5%;
+ --ring: 212.7 26.8% 83.9%;
+ }
+}
+
+@layer base {
+ * {
+ @apply border-border;
+ }
+ body {
+ @apply bg-background text-foreground;
+ }
+}
diff --git a/apps/landing/app/layout.tsx b/apps/landing/app/layout.tsx
new file mode 100644
index 00000000..331c8b11
--- /dev/null
+++ b/apps/landing/app/layout.tsx
@@ -0,0 +1,25 @@
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+
+import "./globals.css";
+
+import React from "react";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export const metadata: Metadata = {
+ title: "Hoarder",
+ description: "Your AI powered second brain",
+};
+
+export default async function RootLayout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ return (
+ <html lang="en">
+ <body className={inter.className}>{children}</body>
+ </html>
+ );
+}
diff --git a/apps/web/components/landing/LandingPage.tsx b/apps/landing/app/page.tsx
index cf8e8abd..d87962bb 100644
--- a/apps/web/components/landing/LandingPage.tsx
+++ b/apps/landing/app/page.tsx
@@ -1,11 +1,10 @@
import Image from "next/image";
import Link from "next/link";
+import { Button, buttonVariants } from "@/components/ui/button";
import { cn } from "@/lib/utils";
-import screenshot from "@/public/landing/screenshot.png";
+import screenshot from "@/public/screenshot.png";
import { ExternalLink, Github, PackageOpen } from "lucide-react";
-import { Button, buttonVariants } from "../ui/button";
-
const GITHUB_LINK = "https://github.com/MohamedBassem/hoarder-app";
function NavBar() {