-
-
+
+ );
+}
+
+export default function App() {
+ return (
+
-
-
-
-
- - Sign in to continue -
- {/* Maintenance Note */} - {showMaintenanceNote && ( -
-
- Maintenance Notice: We are currently performing maintenance to
- improve the performance and reliability of our service. Some
- features may be temporarily unavailable. We appreciate your
- patience and understanding as we work to enhance your
- experience.
-
-
- )}
-
+
+
+ {/* Landing or Home */}
+
+
- {/* First Login Modal (Per Session) */}
- {showModal && (
- } />
+
-
+ {/* Public pages */}
+
-
-
-
+ {/* Uncomment when ready */}
+ {/*
+
-
- )}
+ {/* Signed-in only routes */}
+
-
- - Disclaimer -
-- Bitmatch is in early development, so some features may not - work as expected. Thanks for your patience and support as we - continue to improve! -
-- If you experience any issues, please email us at{" "} - - lqla@cpp.edu - - . -
- -
-
-
- - BITMATCH -
- -
+
+ {features.map((feature, idx) => (
+
+ {React.cloneElement(feature.icon, {
+ className: "h-12 w-12 text-blue-600",
+ role: "img",
+ "aria-label": feature.title,
+ })}
+
+ ))}
+
+
+
+
+
+ + Why Students Love Bitmatch +
++ We connect students with real-world projects that help them build skills, expand their portfolio, and prepare for their career. +
+{feature.title}
+{feature.text}
+
+
+
+
+ 
+
+
+
+
+
+ + Build Experience and Community Bit by Bit +
++ Find relevant roles for job experience or choose a project that’s meaningful, impactful and right for you. +
+
+
+
+
+
+
+
+
+
+
+ {steps.map((step, idx) => (
+
+
+ ))}
+
+
+
+
+
+ How It Works
++ Finding and applying for projects is simple and straightforward. +
+
+ {idx + 1}
+
+ {step.title}
+{step.text}
+
+ {/* Logo */}
+
+ 
+
+ + BITMATCH +
+ + + {/* Desktop Nav */} + + + {/* Auth & Hamburger */} +
+
+
+
+
+
+
+
+
+
+ {/* Hamburger Icon */}
+
+
+
+ {navLinks.map((link) => (
+ setMenuOpen(false)}
+ className="block text-gray-700 hover:text-blue-600 font-medium text-lg"
+ >
+ {link.label}
+
+ ))}
+
+ )}
+
+ {/* Development Modal */}
+ {showModal && (
+
+
+ )}
+
+ );
+}
diff --git a/frontend/bitmatch/src/views/LandingPage.jsx b/frontend/bitmatch/src/views/LandingPage.jsx
new file mode 100644
index 0000000..7d97d1a
--- /dev/null
+++ b/frontend/bitmatch/src/views/LandingPage.jsx
@@ -0,0 +1,68 @@
+import React, { useEffect, useState } from "react";
+import { useUser } from "@clerk/clerk-react";
+import { motion } from "framer-motion";
+
+import { HeroSection } from "../components/Landing/HeroSection";
+import { HowItWorks } from "../components/Landing/HowItWorks";
+import { Features } from "../components/Landing/Features";
+import { Button } from "@/components/ui/button";
+
+export default function LandingPage() {
+ const { user } = useUser();
+ const [showModal, setShowModal] = useState(true);
+
+ // Scroll to top on mount
+ useEffect(() => {
+ window.scrollTo({ top: 0, behavior: "smooth" });
+ }, []);
+
+ // Show development modal once per session for signed-in users
+ useEffect(() => {
+ if (user && !sessionStorage.getItem("seenDevelopmentModal")) {
+ setShowModal(true);
+ sessionStorage.setItem("seenDevelopmentModal", "true");
+ }
+ }, [user]);
+
+ return (
+
+
+ Disclaimer
++ Bitmatch is in early development, so some features may not work as + expected. Thanks for your patience and support as we continue to + improve! +
+ +
+
+
+
+ );
+}
diff --git a/frontend/bitmatch/src/views/OnboardPage.jsx b/frontend/bitmatch/src/views/OnboardPage.jsx
new file mode 100644
index 0000000..c738e89
--- /dev/null
+++ b/frontend/bitmatch/src/views/OnboardPage.jsx
@@ -0,0 +1,81 @@
+import React, { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Textarea } from "@/components/ui/textarea";
+
+export default function OnboardPage() {
+ const navigate = useNavigate();
+ const [formData, setFormData] = useState({
+ role: "",
+ interests: "",
+ bio: "",
+ });
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+ setFormData((prev) => ({ ...prev, [name]: value }));
+ };
+
+ const handleSubmit = (e) => {
+ e.preventDefault();
+
+ // You can send this data to Supabase, Clerk user metadata, or your backend here
+ console.log("Onboarding data submitted:", formData);
+
+ // Redirect to dashboard or home
+ navigate("/dashboard");
+ };
+
+ return (
+ + 🚧 Heads up! +
++ BitMatch is currently undergoing maintenance, so some features may not + work as expected. +
+ +
+
+ );
+}
diff --git a/frontend/bitmatch/src/views/SignInPage.jsx b/frontend/bitmatch/src/views/SignInPage.jsx
new file mode 100644
index 0000000..7aec7bc
--- /dev/null
+++ b/frontend/bitmatch/src/views/SignInPage.jsx
@@ -0,0 +1,24 @@
+import React from "react";
+import { SignIn } from "@clerk/clerk-react";
+
+export default function SignInPage() {
+ return (
+
+
+ Work in Progress!
++ This is just a placeholder for the onboarding process. Nothing works right now. +
+ + +
+
+ );
+}
diff --git a/frontend/bitmatch/src/views/SignUpPage.jsx b/frontend/bitmatch/src/views/SignUpPage.jsx
new file mode 100644
index 0000000..94c7ae5
--- /dev/null
+++ b/frontend/bitmatch/src/views/SignUpPage.jsx
@@ -0,0 +1,24 @@
+import React from "react";
+import { SignUp } from "@clerk/clerk-react";
+
+export default function SignUpPage() {
+ return (
+
+
+
+
+ );
+}
+
+