feat: add landing page screenshots (#106)

Co-authored-by: 于涵菲要好好学习天天开心🌻 <[email protected]>

Author: chenxin-yan

apps/web/public/commingsoon.png

@@ -71,7 +71,7 @@ export default async function Home() {
                 </CardDescription>
                 <div className="mt-6 flex justify-center bg-none relative w-full aspect-video">
                   <Image
-                    src="/feature.png"
+                    src="/feature1.png"
                     alt="Course Catalog"
                     fill
                     style={{ objectFit: "contain" }}
@@ -94,7 +94,7 @@ export default async function Home() {
                 </CardDescription>
                 <div className="mt-6 flex justify-center bg-none relative w-full aspect-video">
                   <Image
-                    src="/feature.png"
+                    src="/feature2.png"
                     alt="Course Catalog"
                     fill
                     style={{ objectFit: "contain" }}
@@ -108,16 +108,16 @@ export default async function Home() {
           <div className="h-screen flex items-center justify-center scroll-snap-align-start border-none">
             <Card className="w-full max-w-6xl h-full flex flex-col border-none shadow-none bg-transparent dark:bg-transparent">
               <CardHeader className="flex-1 flex flex-col justify-center items-center text-center">
-                <CardTitle className="text-3xl">
-                  Find courses faster. Search smarter.{" "}
+                <CardTitle className="text-3xl dark:text-white">
+                  Plan your semesters. Stay organized. See the big picture.{" "}
                 </CardTitle>
-                <CardDescription className="text-lg mt-4">
-                  An improved Course Search experience — clearer results, easier
-                  navigation, and instant add options.
+                <CardDescription className="text-lg mt-4 dark:text-gray-400">
+                  A visual Degree Progress Report that shows completed and
+                  missing requirements at a glance.
                 </CardDescription>
                 <div className="mt-6 flex justify-center bg-none relative w-full aspect-video">
                   <Image
-                    src="/feature.png"
+                    src="/commingsoon.png"
                     alt="Course Catalog"
                     fill
                     style={{ objectFit: "contain" }}
@@ -132,38 +132,15 @@ export default async function Home() {
             <Card className="w-full max-w-6xl h-full flex flex-col border-none shadow-none bg-transparent dark:bg-transparent">
               <CardHeader className="flex-1 flex flex-col justify-center items-center text-center">
                 <CardTitle className="text-3xl">
-                  Plan directly from Albert+
+                  Find courses faster. Search smarter.{" "}
                 </CardTitle>
                 <CardDescription className="text-lg mt-4">
-                  Use the Sidebar to add courses and build your next semester
-                  plan seamlessly.
-                </CardDescription>
-                <div className="mt-6 flex justify-center bg-none relative w-full aspect-video">
-                  <Image
-                    src="/feature.png"
-                    alt="Course Catalog"
-                    fill
-                    style={{ objectFit: "contain" }}
-                    sizes="100vw"
-                  />
-                </div>
-              </CardHeader>
-            </Card>
-          </div>
-
-          <div className="h-screen flex items-center justify-center scroll-snap-align-start border-none">
-            <Card className="w-full max-w-6xl h-full flex flex-col border-none shadow-none bg-transparent dark:bg-transparent">
-              <CardHeader className="flex-1 flex flex-col justify-center items-center text-center">
-                <CardTitle className="text-3xl dark:text-white">
-                  Plan your semesters. Stay organized. See the big picture.{" "}
-                </CardTitle>
-                <CardDescription className="text-lg mt-4 dark:text-gray-400">
-                  A visual Degree Progress Report that shows completed and
-                  missing requirements at a glance.
+                  An improved Course Search experience — clearer results, easier
+                  navigation, and instant add options.
                 </CardDescription>
                 <div className="mt-6 flex justify-center bg-none relative w-full aspect-video">
                   <Image
-                    src="/feature.png"
+                    src="/feature3.png"
                     alt="Course Catalog"
                     fill
                     style={{ objectFit: "contain" }}
@@ -196,7 +173,7 @@ export default async function Home() {
                 </div>
                 <div className="mt-6 flex justify-center bg-none relative w-full aspect-video">
                   <Image
-                    src="/features2.png"
+                    src="/commingsoon2.png"
                     alt="Course Catalog"
                     fill
                     style={{ objectFit: "contain" }}
@@ -221,7 +198,7 @@ export default async function Home() {
                 </div>
                 <div className="mt-6 flex justify-center bg-none relative w-full aspect-video">
                   <Image
-                    src="/features2.png"
+                    src="/commingsoon2.png"
                     alt="Course Catalog"
                     fill
                     style={{ objectFit: "contain" }}
@@ -246,7 +223,7 @@ export default async function Home() {
                 </div>
                 <div className="mt-6 flex justify-center bg-none relative w-full aspect-video">
                   <Image
-                    src="/features2.png"
+                    src="/commingsoon2.png"
                     alt="Course Catalog"
                     fill
                     style={{ objectFit: "contain" }}

apps/web/public/commingsoon2.png

@@ -12,6 +12,7 @@ import type * as appConfigs from "../appConfigs.js";
 import type * as courseOfferings from "../courseOfferings.js";
 import type * as courses from "../courses.js";
 import type * as helpers_auth from "../helpers/auth.js";
+import type * as helpers_timeConflicts from "../helpers/timeConflicts.js";
 import type * as http from "../http.js";
 import type * as prerequisites from "../prerequisites.js";
 import type * as programs from "../programs.js";
@@ -42,6 +43,7 @@ declare const fullApi: ApiFromModules<{
   courseOfferings: typeof courseOfferings;
   courses: typeof courses;
   "helpers/auth": typeof helpers_auth;
+  "helpers/timeConflicts": typeof helpers_timeConflicts;
   http: typeof http;
   prerequisites: typeof prerequisites;
   programs: typeof programs;

apps/web/public/feature1.png

@@ -38,7 +38,7 @@ export type Doc<TableName extends TableNames> = DocumentByName<
  * Convex documents are uniquely identified by their `Id`, which is accessible
  * on the `_id` field. To learn more, see [Document IDs](https://docs.convex.dev/using/document-ids).
  *
- * Documents can be loaded using `db.get(id)` in query and mutation functions.
+ * Documents can be loaded using `db.get(tableName, id)` in query and mutation functions.
  *
  * IDs are just strings at runtime, but this type can be used to distinguish them from other
  * strings when type checking.