acm-ucr · ysh0305 · Sep 21, 2024 · Sep 21, 2024 · Sep 21, 2024 · Sep 21, 2024
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# ACM UCR Website Template
+# UCR HEARTS Website Template
 
 ![Next.js](https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white)
 ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
@@ -11,7 +11,7 @@
 
 ## Figma
 
-[ACM UCR Website Template Figma Design File](https://www.figma.com/)
+[UCR Hearts Figma Design File](<https://www.figma.com/design/1cHysMjmD4gsDNpxdckci2/UCR-HEARTS-JASMINE-TRINH-(own)?node-id=0-1&t=xpygIvPHLzmLtlXD-1>)
 
 ## Node.js
 

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
@@ -0,0 +1,19 @@
+import AboutTitle from "@/components/about/AboutTitle";
+import Experience from "@/components/about/Experience";
+import ToDos from "@/components/about/ToDos";
+import Description from "@/components/about/Description";
+import Mentorship from "@/components/about/Mentorship";
+
+const About = () => {
+ return (
+ <div className="flex w-screen flex-col items-center">
+ <AboutTitle />
+ <Experience />
+ <ToDos />
+ <Description />
+ <Mentorship />
+ </div>
+ );
+};
+
+export default About;
diff --git a/src/app/boards/page.tsx b/src/app/boards/page.tsx
@@ -0,0 +1,12 @@
+import Title from "@/components/Title";
+import BoardMembers from "@/components/boards/BoardMembers";
+const Boards = () => {
+ return (
+ <div className="flex w-screen flex-col items-center">
+ <Title />
+ <BoardMembers />
+ </div>
+ );
+};
+
+export default Boards;
diff --git a/src/app/committee/page.tsx b/src/app/committee/page.tsx
@@ -0,0 +1,9 @@
+const Committee = () => {
+ return (
+ <div className="flex w-screen flex-col items-center">
+ <p>Committee</p>
+ </div>
+ );
+};
+
+export default Committee;
diff --git a/src/app/events/page.tsx b/src/app/events/page.tsx
@@ -0,0 +1,9 @@
+const Events = () => {
+ return (
+ <div className="flex w-screen flex-col items-center">
+ <p>Events</p>
+ </div>
+ );
+};
+
+export default Events;
diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
@@ -0,0 +1,9 @@
+const Gallery = () => {
+ return (
+ <div className="flex w-screen flex-col items-center">
+ <p>Gallery</p>
+ </div>
+ );
+};
+
+export default Gallery;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,12 +1,16 @@
 import "./globals.css";
 import { Inter } from "next/font/google";
 import { ReactQueryClientProvider } from "@/utils/react-query";
+import Navigation from "@/components/Navigation";
+import Footer from "@/components/Footer";
 
-const inter = Inter({ subsets: ["latin"] });
+const inter = Inter({
+ subsets: ["latin"],
+});
 
 export const metadata = {
- title: "Create Next App",
- description: "Generated by create next app",
+ title: "UCR HEARTS Website",
+ description: "The official health club at UCR.",
 };
 
 type LayoutProps = {
@@ -16,8 +20,10 @@ type LayoutProps = {
 export default function RootLayout({ children }: LayoutProps) {
  return (
  <html lang="en">
- <body className={inter.className}>
+ <body className={`min-h-screen ${inter.className} `}>
+ <Navigation />
  <ReactQueryClientProvider>{children}</ReactQueryClientProvider>
+ <Footer />
  </body>
  </html>
  );

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,7 +1,13 @@
+import Landing from "@/components/Title";
+import Join from "@/components/home/Join";
+import Reviews from "@/components/home/Reviews";
+
 const Home = () => {
  return (
- <div className="flex h-screen w-screen items-center justify-center">
- Hello World
+ <div className="flex w-screen flex-col items-center">
+ <Landing />
+ <Join />
+ <Reviews />
  </div>
  );
 };

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -0,0 +1,5 @@
+const Footer = () => {
+ return <div className="absolute bottom-0 w-screen">Footer</div>;
+};
+
+export default Footer;
diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
@@ -0,0 +1,5 @@
+const Navigation = () => {
+ return <div className="fixed w-screen">Navigation</div>;
+};
+
+export default Navigation;
diff --git a/src/components/Title.tsx b/src/components/Title.tsx
@@ -0,0 +1,5 @@
+const Title = () => {
+ return <div className="">Title</div>;
+};
+
+export default Title;
diff --git a/src/components/about/AboutTitle.tsx b/src/components/about/AboutTitle.tsx
@@ -0,0 +1,5 @@
+const AboutTitle = () => {
+ return <div className="">AboutTitle</div>;
+};
+
+export default AboutTitle;
diff --git a/src/components/about/Description.tsx b/src/components/about/Description.tsx
@@ -0,0 +1,5 @@
+const Description = () => {
+ return <div className="">Description</div>;
+};
+
+export default Description;
diff --git a/src/components/about/Experience.tsx b/src/components/about/Experience.tsx
@@ -0,0 +1,5 @@
+const Experience = () => {
+ return <div className="">Experience</div>;
+};
+
+export default Experience;
diff --git a/src/components/about/Mentorship.tsx b/src/components/about/Mentorship.tsx
@@ -0,0 +1,5 @@
+const Mentorship = () => {
+ return <div className="">Mentorship</div>;
+};
+
+export default Mentorship;
diff --git a/src/components/about/ToDo.tsx b/src/components/about/ToDo.tsx
@@ -0,0 +1,5 @@
+const ToDo = () => {
+ return <div className="">ToDo</div>;
+};
+
+export default ToDo;
diff --git a/src/components/about/ToDos.tsx b/src/components/about/ToDos.tsx
@@ -0,0 +1,11 @@
+import ToDo from "./ToDo";
+
+const ToDos = () => {
+ return (
+ <div className="">
+ <ToDo />
+ </div>
+ );
+};
+
+export default ToDos;
diff --git a/src/components/boards/Board.tsx b/src/components/boards/Board.tsx
@@ -0,0 +1,5 @@
+const Board = () => {
+ return <div className="">Board</div>;
+};
+
+export default Board;
diff --git a/src/components/boards/BoardMembers.tsx b/src/components/boards/BoardMembers.tsx
@@ -0,0 +1,11 @@
+import Board from "./Board";
+
+const BoardMembers = () => {
+ return (
+ <div className="">
+ <Board />
+ </div>
+ );
+};
+
+export default BoardMembers;
diff --git a/src/components/home/Join.tsx b/src/components/home/Join.tsx
@@ -0,0 +1,5 @@
+const Join = () => {
+ return <div className="">Join</div>;
+};
+
+export default Join;
diff --git a/src/components/home/Landing.tsx b/src/components/home/Landing.tsx
@@ -0,0 +1,5 @@
+const Landing = () => {
+ return <div className="">Landing</div>;
+};
+
+export default Landing;
diff --git a/src/components/home/Review.tsx b/src/components/home/Review.tsx
@@ -0,0 +1,5 @@
+const Review = () => {
+ return <div className="">Review</div>;
+};
+
+export default Review;
diff --git a/src/components/home/Reviews.tsx b/src/components/home/Reviews.tsx
@@ -0,0 +1,11 @@
+import Review from "./Review";
+
+const Reviews = () => {
+ return (
+ <div className="">
+ <Review />
+ </div>
+ );
+};
+
+export default Reviews;