diff --git a/frontend/public/activity.png b/frontend/public/activity.png new file mode 100644 index 000000000..0d99e7c2b Binary files /dev/null and b/frontend/public/activity.png differ diff --git a/frontend/public/contributors.png b/frontend/public/contributors.png new file mode 100644 index 000000000..678692f71 Binary files /dev/null and b/frontend/public/contributors.png differ diff --git a/frontend/public/dashboard.png b/frontend/public/dashboard.png new file mode 100644 index 000000000..5b7465032 Binary files /dev/null and b/frontend/public/dashboard.png differ diff --git a/frontend/public/front.png b/frontend/public/front.png new file mode 100644 index 000000000..ee6b70a34 Binary files /dev/null and b/frontend/public/front.png differ diff --git a/frontend/public/funds.png b/frontend/public/funds.png new file mode 100644 index 000000000..8f9a8872b Binary files /dev/null and b/frontend/public/funds.png differ diff --git a/frontend/src/app/landing/page.tsx b/frontend/src/app/landing/page.tsx index 2398e92d8..f075f9f2a 100644 --- a/frontend/src/app/landing/page.tsx +++ b/frontend/src/app/landing/page.tsx @@ -4,7 +4,6 @@ import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { ChevronDown, - User, ArrowUpRight, Code, HelpCircle, @@ -19,10 +18,22 @@ import { import Link from "next/link" import { useState } from "react" +const BRAND = "#1B6FA8" + + export default function OdysseyFundLanding() { const [mobileMenuOpen, setMobileMenuOpen] = useState(false) const [activeTab, setActiveTab] = useState("dashboard") + const tabs = [ + { id: "dashboard", label: "Product dashboard", src: "/dashboard.png" }, + { id: "activity", label: "Product activity", src: "/activity.png" }, + { id: "contributors", label: "Product contributors", src: "/contributors.png" }, + { id: "funds", label: "Product funds", src: "/funds.png" }, + ] + + const activeTabData = tabs.find((t) => t.id === activeTab) ?? tabs[0] + return (
- - CHEM is the #1 free endowment manager your team will love +
+ Odyssey Fund is the #1 free endowment manager your team will love
-
- gfvdfhghhhjjkkllloiuuopopppp +
+ Track contributions, monitor activity, and manage funds all in one unified workspace.
--"managing my endowments have never been more fun"
- ++ "Managing my endowments has never been more fun." +
+
- tvfggghhjhjjkkkkkkjbnnkkk
+ {/* Grow Your Endowments */}
+
+ Add transactions and visualize growth with real-time insights into your fund performance.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
+ {/* A Team Effort */}
+
+ Built for collaboration so every member of your team can contribute with confidence.
Designed to give the most valuable insights into your endowment's growth
- No more using multiple platforms. One platform for your analysts and finance teams to track your
- endowments.
- {card.body}
- Team of undergraduate designers and developers looking to help nonprofits do what they do best.
-
- This product was made with{" "}
- {"<3 by Cornell Hack4Impact"}.
-
+ Team of undergraduate designers and developers looking to help nonprofits do what they do best.
+
+ This product was made with{" "}
+ {"<3 by Cornell Hack4Impact"}.
+
+ Grow Your Endowments
+
+
- [Insert Product One Liner]
-
+ A Team Effort
+
+
-
Analytics
-
-
Collaboration
- {card.title}
+ We prioritize ...
+ We prioritize ...
- fast implementation
- Who are we...?
- Who are we...?
+