From 6b0c83cbfbb2eb4c22d995477fe47da4677f805c Mon Sep 17 00:00:00 2001 From: ethanfu868-creator Date: Sun, 14 Jun 2026 18:53:18 -0400 Subject: [PATCH 1/3] feat: added hero section to homepage --- app/page.tsx | 5 +++-- components/HeroSection.tsx | 42 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 45 insertions(+), 2 deletions(-) create mode 100644 components/HeroSection.tsx diff --git a/app/page.tsx b/app/page.tsx index 37313f6..e0e212e 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,5 +1,6 @@ import AboutSection from "@/components/AboutSection"; import Footer from "@/components/Footer"; +import HeroSection from "@/components/HeroSection"; import TeamSection from "@/components/TeamSection"; export default function Home() { @@ -8,10 +9,10 @@ export default function Home() {
{/* START OF THE HOME SECTION */}
- {/* Home code goes here */} -

Home

+
+ {/* START OF THE ABOUT SECTION */}

diff --git a/components/HeroSection.tsx b/components/HeroSection.tsx new file mode 100644 index 0000000..a4d0588 --- /dev/null +++ b/components/HeroSection.tsx @@ -0,0 +1,42 @@ +export default function HeroSection() { + return ( + <> +
+ + {/* Left Column: Heading, Subheading, Button, and Icons */} +
+

Graphic Design Knights

+

University of Central Florida's Computer Graphics RSO

+ + {/* Button and Icons Row */} + +
+
+ {/* Right Column: Image */} +
+ {/* ASCII render goes here -- see T6 */} +
+ + + ); +} From a6d2d0bb34f5b418a1f50b4a4b0001fab8450e22 Mon Sep 17 00:00:00 2001 From: ethanfu868-creator Date: Wed, 17 Jun 2026 17:46:13 -0400 Subject: [PATCH 2/3] feat: add fixed hero section to homepage --- app/page.tsx | 1 - components/HeroSection.tsx | 88 ++++++++++++++++++++++---------------- 2 files changed, 52 insertions(+), 37 deletions(-) diff --git a/app/page.tsx b/app/page.tsx index e0e212e..da36ffd 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -12,7 +12,6 @@ export default function Home() {

- {/* START OF THE ABOUT SECTION */}

diff --git a/components/HeroSection.tsx b/components/HeroSection.tsx index a4d0588..e9e7a10 100644 --- a/components/HeroSection.tsx +++ b/components/HeroSection.tsx @@ -1,42 +1,58 @@ +import { FaInstagram, FaLinkedin, FaDiscord } from "react-icons/fa"; + export default function HeroSection() { return ( - <> -
- - {/* Left Column: Heading, Subheading, Button, and Icons */} -
-

Graphic Design Knights

-

University of Central Florida's Computer Graphics RSO

+
+ + {/* Left Column: Heading, Subheading, Button, and Icons */} +
+

+ Graphics Programming Knights +

+

+ University of Central Florida's Computer Graphics RSO +

- {/* Button and Icons Row */} - -
- {/* Right Column: Image */} -
- {/* ASCII render goes here -- see T6 */} -
- + {/* Icons Row */} + +
+
+ {/* Right Column: Placeholder for ASCII render */} +
+ {/* ASCII render goes here -- see T6 */} + [ASCII Render Placeholder] +
+ +
); -} +} \ No newline at end of file From b7d6d47b8026e0d14d1a2bd148115de61fc69630 Mon Sep 17 00:00:00 2001 From: Sebastian Noel Date: Wed, 22 Jul 2026 20:55:16 -0400 Subject: [PATCH 3/3] feat: build out hero section with full-height layout and design tokens --- components/HeroSection.tsx | 52 ++++++++++++++++++-------------------- package-lock.json | 10 ++++++++ package.json | 1 + 3 files changed, 36 insertions(+), 27 deletions(-) diff --git a/components/HeroSection.tsx b/components/HeroSection.tsx index e9e7a10..47cfff1 100644 --- a/components/HeroSection.tsx +++ b/components/HeroSection.tsx @@ -2,57 +2,55 @@ import { FaInstagram, FaLinkedin, FaDiscord } from "react-icons/fa"; export default function HeroSection() { return ( -
- +
{/* Left Column: Heading, Subheading, Button, and Icons */} -
-

+
+

Graphics Programming Knights

-

+

University of Central Florida's Computer Graphics RSO

{/* Button and Icons Row */} -
- + Join Us - + {/* Icons Row */} -
{/* Right Column: Placeholder for ASCII render */} -
+
{/* ASCII render goes here -- see T6 */} - [ASCII Render Placeholder] + [ASCII Render Placeholder]
- -
+

); -} \ No newline at end of file +} diff --git a/package-lock.json b/package-lock.json index 15b8b73..e5e884e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,6 +14,7 @@ "next": "^16.1.6", "react": "19.2.3", "react-dom": "19.2.3", + "react-icons": "^5.7.0", "three": "^0.184.0" }, "devDependencies": { @@ -5856,6 +5857,15 @@ "react": "^19.2.3" } }, + "node_modules/react-icons": { + "version": "5.7.0", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.7.0.tgz", + "integrity": "sha512-LBLy340Rzqy6+/yVhZKT3B/QpP1BZaesGqasf09HPOBzRarcDIFH0WwXlXQfE7q7ipxK4MSiC5DIBWURCny6fw==", + "license": "MIT", + "peerDependencies": { + "react": "*" + } + }, "node_modules/react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", diff --git a/package.json b/package.json index c803790..61b4e0a 100644 --- a/package.json +++ b/package.json @@ -15,6 +15,7 @@ "next": "^16.1.6", "react": "19.2.3", "react-dom": "19.2.3", + "react-icons": "^5.7.0", "three": "^0.184.0" }, "devDependencies": {