feat(web): add landing page (#77)

Co-authored-by: Chenxin Yan <[email protected]>
Co-authored-by: Chenxin Yan <[email protected]>

Author: carolyu2006

apps/web/package.json

@@ -36,6 +36,7 @@
     "cmdk": "^1.1.1",
     "convex": "^1.29.0",
     "date-fns": "^4.1.0",
+    "framer-motion": "^12.23.24",
     "lucide-react": "^0.553.0",
     "next": "16.0.1",
     "next-themes": "^0.4.6",

apps/web/public/feature.png

@@ -0,0 +1,45 @@
+import { SignedIn, SignedOut, UserButton } from "@clerk/nextjs";
+import Image from "next/image";
+import Link from "next/link";
+import { Button } from "@/components/ui/button";
+
+export default function HomeLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <>
+      <header className="flex justify-between w-full items-center p-10 px-12 gap-4 h-16">
+        <div>
+          <Image
+            src="/logo.png"
+            alt="AlbertPlus"
+            width={120}
+            height={32}
+            className="h-8 w-auto block dark:hidden"
+          />
+          <Image
+            src="/logo-dark.png"
+            alt="AlbertPlus"
+            width={120}
+            height={32}
+            className="h-8 w-auto hidden dark:block"
+          />
+        </div>
+
+        <SignedOut>
+          <Button asChild variant="default">
+            <Link href="/sign-in">Sign In</Link>
+          </Button>
+        </SignedOut>
+
+        <SignedIn>
+          <UserButton />
+        </SignedIn>
+      </header>
+
+      {children}
+    </>
+  );
+}