+
+
+
+ {children}
+
+
+
+ {/* Header Section */}
+
+ );
+};
+
+export default Match;
diff --git a/web/app/matching/layout.tsx b/web/app/matching/layout.tsx
new file mode 100644
index 00000000..0373c309
--- /dev/null
+++ b/web/app/matching/layout.tsx
@@ -0,0 +1,64 @@
+import { Button } from "@/components/ui/button";
+import Image from "next/image";
+import Link from "next/link";
+import { ReactNode } from "react";
+
+export default function SplashPageLayout({
+ children,
+}: {
+ children: ReactNode;
+}) {
+ return (
+
+
+
+ {/* Middle Section - Brown Bar and White Box */}
+ Let’s find your match!
+
+ 
+
+
+
+ Python - 71.7%
+JavaScript - 22.9%
+Other - 2.7%
+
+
+
+
+ {/* Profiles Section - 3 on top, 2 on bottom */}
+
+
+ + Here are the 5 people attending Hack The North that we think you should meet. Take the next step and reach out! +
+
+ {matches.slice(0, 3).map((match, index) => (
+
+ ))}
+
+
+
+ {matches.slice(3).map((match, index) => (
+
+ ))}
+
+
+
+
+
+ {children}
+
+
+ );
+}
+
+function FooterLink({ href, children }: { href: string; children: ReactNode }) {
+ return (
+
+ {children}
+
+ );
+}
+
+function SplashPageNav() {
+ return (
+ <>
+
+
+
+
+
+ );
+}
diff --git a/web/app/matching/page.tsx b/web/app/matching/page.tsx
new file mode 100644
index 00000000..1a068260
--- /dev/null
+++ b/web/app/matching/page.tsx
@@ -0,0 +1,5 @@
+import SurveyForm from "./MatchingPage/Matching";
+
+export default function HomePage() {
+ return
+
+
+
+ );
+}
diff --git a/web/app/product/Chat/ChatIntro.tsx b/web/app/product/Chat/ChatIntro.tsx
new file mode 100644
index 00000000..fd095f65
--- /dev/null
+++ b/web/app/product/Chat/ChatIntro.tsx
@@ -0,0 +1,11 @@
+export function ChatIntro() {
+ return (
+
+
+ );
+}
diff --git a/web/app/product/Chat/Message.tsx b/web/app/product/Chat/Message.tsx
new file mode 100644
index 00000000..da90f7c9
--- /dev/null
+++ b/web/app/product/Chat/Message.tsx
@@ -0,0 +1,34 @@
+import { Id } from "@/convex/_generated/dataModel";
+import { cn } from "@/lib/utils";
+import { ReactNode } from "react";
+
+export function Message({
+ authorName,
+ authorId,
+ viewerId,
+ children,
+}: {
+ authorName: string;
+ authorId: Id<"users">;
+ viewerId: Id<"users">;
+ children: ReactNode;
+}) {
+ return (
+ Chat
++ Open this app in multiple browser windows to see the real-time database + in action +
+{authorName}
+ + {children} +
+-
+ {children}
+
+
+
+ {viewer.name}
+
+
+
+ );
+}
+
+function SignInWithGitHub() {
+ const { signIn } = useAuthActions();
+ return (
+
+ );
+}
+
+function SignInWithMagicLink({
+ handleLinkSent,
+}: {
+ handleLinkSent: () => void;
+}) {
+ const { signIn } = useAuthActions();
+ const { toast } = useToast();
+ return (
+
+ );
+}
diff --git a/web/components.json b/web/components.json
new file mode 100644
index 00000000..de2b7399
--- /dev/null
+++ b/web/components.json
@@ -0,0 +1,17 @@
+{
+ "$schema": "https://ui.shadcn.com/schema.json",
+ "style": "new-york",
+ "rsc": true,
+ "tsx": true,
+ "tailwind": {
+ "config": "tailwind.config.ts",
+ "css": "app/globals.css",
+ "baseColor": "stone",
+ "cssVariables": true,
+ "prefix": ""
+ },
+ "aliases": {
+ "components": "@/components",
+ "utils": "@/lib/utils"
+ }
+}
diff --git a/web/components/Code.tsx b/web/components/Code.tsx
new file mode 100644
index 00000000..d3a5f5a0
--- /dev/null
+++ b/web/components/Code.tsx
@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+
+export const Code = ({ children }: { children: ReactNode }) => {
+ return (
+
+ {step === "signIn" ? (
+ <>
+ setStep("linkSent")} />
+
+ ) : (
+ <>
+
+ + Sign in or create an account +
++ Check your email +
+A sign-in link has been sent to your email address.
+ + + )} +
+ {children}
+
+ );
+};
diff --git a/web/components/ConvexClientProvider.tsx b/web/components/ConvexClientProvider.tsx
new file mode 100644
index 00000000..134eb4c6
--- /dev/null
+++ b/web/components/ConvexClientProvider.tsx
@@ -0,0 +1,21 @@
+"use client";
+
+import { ConvexAuthNextjsProvider } from "@convex-dev/auth/nextjs";
+import { ConvexReactClient } from "convex/react";
+import { ReactNode } from "react";
+
+const convex = new ConvexReactClient(process.env.NEXT_PUBLIC_CONVEX_URL!, {
+ verbose: true,
+});
+
+export default function ConvexClientProvider({
+ children,
+}: {
+ children: ReactNode;
+}) {
+ return (
+
+
+ );
+}
diff --git a/web/components/ThemeToggle.tsx b/web/components/ThemeToggle.tsx
new file mode 100644
index 00000000..87468ef3
--- /dev/null
+++ b/web/components/ThemeToggle.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
+import { DesktopIcon, MoonIcon, SunIcon } from "@radix-ui/react-icons";
+import { useTheme } from "next-themes";
+
+export function ThemeToggle() {
+ const { theme, setTheme } = useTheme();
+ return (
+
+
+
+
+
+ Or continue with
+
+
+
+ {children}
+
+
+
+
+
+ {children}
+
+ Theme
+
+
+
+
+ );
+}
+
+function SignOutButton() {
+ const { signOut } = useAuthActions();
+ return (
+ + {body} +
+ ) +}) +FormMessage.displayName = "FormMessage" + +export { + useFormField, + Form, + FormItem, + FormLabel, + FormControl, + FormDescription, + FormMessage, + FormField, +} diff --git a/web/components/ui/input.tsx b/web/components/ui/input.tsx new file mode 100644 index 00000000..14fcc540 --- /dev/null +++ b/web/components/ui/input.tsx @@ -0,0 +1,25 @@ +import * as React from "react"; + +import { cn } from "@/lib/utils"; + +export interface InputProps + extends React.InputHTMLAttributes
+ {title && {title} }
+ {description && (
+ {description}
+ )}
+
+ {action}
+