From 2c03ee104d06e1be712356efa06a8b3cbe2d09dc Mon Sep 17 00:00:00 2001 From: MohamedBassem Date: Tue, 19 Mar 2024 19:24:29 +0000 Subject: refactor: Move landing page to its own app to deploy it separately --- apps/landing/app/favicon.ico | Bin 0 -> 15406 bytes apps/landing/app/globals.css | 76 ++++++++++++++++++++++++++++++++++++ apps/landing/app/layout.tsx | 25 ++++++++++++ apps/landing/app/page.tsx | 90 +++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 191 insertions(+) create mode 100644 apps/landing/app/favicon.ico create mode 100644 apps/landing/app/globals.css create mode 100644 apps/landing/app/layout.tsx create mode 100644 apps/landing/app/page.tsx (limited to 'apps/landing/app') diff --git a/apps/landing/app/favicon.ico b/apps/landing/app/favicon.ico new file mode 100644 index 00000000..750e3c04 Binary files /dev/null and b/apps/landing/app/favicon.ico 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 ( + + {children} + + ); +} diff --git a/apps/landing/app/page.tsx b/apps/landing/app/page.tsx new file mode 100644 index 00000000..d87962bb --- /dev/null +++ b/apps/landing/app/page.tsx @@ -0,0 +1,90 @@ +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/screenshot.png"; +import { ExternalLink, Github, PackageOpen } from "lucide-react"; + +const GITHUB_LINK = "https://github.com/MohamedBassem/hoarder-app"; + +function NavBar() { + return ( +
+
+ +

Hoarder

+
+
+ + Docs + + + Github + +
+
+ ); +} + +function Hero() { + return ( +
+
+

+ The{" "} + + Bookmark Everything + {" "} + App +

+
+

+ Quickly save links, notes, and images and hoarder will automatically + tag them for you using AI for faster retrieval. Built for the data + hoarders out there! +

+

+ Open source, and self hostable! +

+
+
+
+ + + Github + +
+
+ ); +} + +function Screenshots() { + return ( +
+ screenshot +
+ ); +} + +export default function LandingPage() { + return ( +
+
+ + +
+ +
+ ); +} -- cgit v1.2.3-70-g09d2