From 83e3f4b303e040943f707fcd945c2a21363056bf Mon Sep 17 00:00:00 2001 From: jessy-david-dev Date: Wed, 18 Feb 2026 16:17:34 +0100 Subject: [PATCH] Initial commit --- app/globals.css | 23 +++- app/layout.tsx | 5 +- app/page.tsx | 296 ++++++++++++++++++++++++++++++++++-------- public/file.svg | 1 - public/globe.svg | 1 - public/libreboard.svg | 15 +++ public/next.svg | 1 - public/vercel.svg | 1 - public/window.svg | 1 - 9 files changed, 277 insertions(+), 67 deletions(-) delete mode 100644 public/file.svg delete mode 100644 public/globe.svg create mode 100644 public/libreboard.svg delete mode 100644 public/next.svg delete mode 100644 public/vercel.svg delete mode 100644 public/window.svg diff --git a/app/globals.css b/app/globals.css index a2dc41e..3efd8cc 100644 --- a/app/globals.css +++ b/app/globals.css @@ -1,26 +1,35 @@ @import "tailwindcss"; :root { - --background: #ffffff; - --foreground: #171717; + --background: #09090b; + --foreground: #ffffff; + --muted: #a1a1aa; + --border: #27272a; + --surface: #18181b; } @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); + --color-muted: var(--muted); + --color-border: var(--border); + --color-surface: var(--surface); --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); } -@media (prefers-color-scheme: dark) { - :root { - --background: #0a0a0a; - --foreground: #ededed; +@keyframes shimmer { + 0%, + 100% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; } } body { background: var(--background); color: var(--foreground); - font-family: Arial, Helvetica, sans-serif; + font-family: var(--font-geist-sans), system-ui, sans-serif; } diff --git a/app/layout.tsx b/app/layout.tsx index f7fa87e..19cbda3 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -13,8 +13,9 @@ const geistMono = Geist_Mono({ }); export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "LibreBoard — Coming Soon", + description: + "LibreBoard is an open-source project management tool. Stay tuned for the launch.", }; export default function RootLayout({ diff --git a/app/page.tsx b/app/page.tsx index 295f8fd..65acd44 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,65 +1,255 @@ +"use client"; + import Image from "next/image"; export default function Home() { return ( -
-
- Next.js logo -
-

- To get started, edit the page.tsx file. -

-

- Looking for a starting point or more instructions? Head over to{" "} - + {/* Grid background */} +

+
+ +
+ {/* Logo */} +
+ Libreboard logo + + Libreboard + +
+ + {/* Badge */} +
+ + + + + + Open source & free + +
+ + {/* Headline */} +

+ Project management,{" "} + + simple and powerful + +

+ +

+ Libreboard is the open source alternative for teams who want a fast, + intuitive, and free project management tool. No limits, no hidden + fees. +

+ + {/* Coming soon notice */} +
+
+ + Coming soon — Stay tuned for the launch + +
+
+ + {/* CTA buttons */} +
+ + {" "} - or the{" "} - - Learning - {" "} - center. + + + View on GitHub + +
+ + {/* Kanban Mockup */} +
+
+
+
+ {/* Window controls */} +
+
+
+
+ + Libreboard · My Project + +
+ + {/* Kanban columns — stack on mobile, 2 cols on sm, 3 cols on md+ */} +
+ {/* To Do */} +
+
+
+ + + To Do + +
+ + 3 + +
+ + +
+ +
+
+ + {/* In Progress */} +
+
+
+ + + In Progress + +
+ + 2 + +
+ + +
+ + {/* Done — hidden on mobile, visible from sm (spans full on sm, normal on md+) */} +
+
+
+ + + Done + +
+ + 2 + +
+
+ + +
+
+
+
+
+
+
+ + {/* Footer */} +
+ © {new Date().getFullYear()} Libreboard. All rights reserved. + · + Open source project under MIT license +
+
+ ); +} + +function MockCard({ + id, + title, + priority, + priorityColor, + avatar, + done, +}: { + id: string; + title: string; + priority?: string; + priorityColor?: string; + avatar?: string; + done?: boolean; +}) { + return ( +
+
+
+

{id}

+

+ {title}

-
- + )} +
+ {priority && priorityColor && ( +
+ - Vercel logomark - Deploy Now - - - Documentation - + {priority} +
- + )}
); } diff --git a/public/file.svg b/public/file.svg deleted file mode 100644 index 004145c..0000000 --- a/public/file.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/globe.svg b/public/globe.svg deleted file mode 100644 index 567f17b..0000000 --- a/public/globe.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/libreboard.svg b/public/libreboard.svg new file mode 100644 index 0000000..99d6a67 --- /dev/null +++ b/public/libreboard.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/next.svg b/public/next.svg deleted file mode 100644 index 5174b28..0000000 --- a/public/next.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/vercel.svg b/public/vercel.svg deleted file mode 100644 index 7705396..0000000 --- a/public/vercel.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/window.svg b/public/window.svg deleted file mode 100644 index b2b2a44..0000000 --- a/public/window.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file