Skip to content

Commit 0dbd15d

Browse files
thermosentothermosento
committed
final round page + fixes
1 parent 5103d23 commit 0dbd15d

9 files changed

Lines changed: 102 additions & 13 deletions

File tree

‎public/4air.png‎

46.4 KB
Loading

‎public/chenel_capital.png‎

-1.17 MB
Loading

‎public/penn-campus3.png‎

5.74 MB
Loading

‎src/App.js‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,15 @@ import LandingPage from './pages/LandingPage';
44
import AboutPage from './pages/AboutPage';
55
import Application from './pages/Application';
66
import GetInvolved from './pages/GetInvolved';
7+
import FinalRound from './pages/FinalRound';
8+
79

810
function App() {
911
return (
1012
<Routes>
1113
<Route path="/" element={<LandingPage />} />
1214
<Route path="/about" element={<AboutPage />} />
15+
<Route path="/final-round" element={<FinalRound />} />
1316
<Route path="/apply" element={<Application />} />
1417
<Route path="/get-involved" element={<GetInvolved />} />
1518
</Routes>

‎src/components/Footer.js‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,11 @@ const Footer = () => {
3838
alt="CC Logo"
3939
style={{ ...styles.images, width: '270px', height: '270px' }} // Override dimensions for square logo
4040
/>
41+
<img
42+
src={`${process.env.PUBLIC_URL}/4air.png`}
43+
alt="4Air Logo"
44+
style={{ ...styles.images, width: '270px', height: '270px' }} // Override dimensions for square logo
45+
/>
4146
</div>
4247
<p style={styles.footerText}>
4348
© 2025 PCV PRIZE. All rights reserved.
@@ -70,7 +75,7 @@ const styles = {
7075
display: 'flex',
7176
justifyContent: 'center',
7277
alignItems: 'center',
73-
gap: '40px',
78+
gap: '80px',
7479
flexWrap: 'wrap',
7580
margin: '20px 0',
7681
},

‎src/components/NavBar.js‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,9 @@ const NavBar = () => {
3030
<Link to="/about" onClick={closeMenu}>
3131
ABOUT US
3232
</Link>
33+
<Link to="/final-round" onClick={closeMenu}>
34+
FINAL ROUND
35+
</Link>
3336
<Link to="/apply" onClick={closeMenu}>
3437
APPLICATION
3538
</Link>

‎src/components/countdown/countdown.js‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
import React, { useState, useEffect } from "react";
22
import "./styles.css";
33

4-
const COUNTDOWN_TARGET = new Date("2025-04-04T23:59:59");
4+
const COUNTDOWN_TARGET = new Date("2025-04-25T23:59:59");
55

66
const getTimeLeft = () => {
77
const totalTimeLeft = COUNTDOWN_TARGET - new Date();
8-
// const days = Math.floor(totalTimeLeft / (1000 * 60 * 60 * 24));
9-
// const hours = Math.floor((totalTimeLeft / (1000 * 60 * 60)) % 24);
10-
// const minutes = Math.floor((totalTimeLeft / (1000 * 60)) % 60);
11-
// const seconds = Math.floor((totalTimeLeft / 1000) % 60);
12-
const days = Math.floor(0);
13-
const hours = Math.floor(0);
14-
const minutes = Math.floor(0);
15-
const seconds = Math.floor(0);
8+
const days = Math.floor(totalTimeLeft / (1000 * 60 * 60 * 24));
9+
const hours = Math.floor((totalTimeLeft / (1000 * 60 * 60)) % 24);
10+
const minutes = Math.floor((totalTimeLeft / (1000 * 60)) % 60);
11+
const seconds = Math.floor((totalTimeLeft / 1000) % 60);
12+
// const days = Math.floor(0);
13+
// const hours = Math.floor(0);
14+
// const minutes = Math.floor(0);
15+
// const seconds = Math.floor(0);
1616
return { days, hours, minutes, seconds };
1717

1818
};

‎src/pages/FinalRound.js‎

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
import React from 'react';
2+
import Navbar from '../components/NavBar';
3+
import Footer from '../components/Footer';
4+
import './AboutPage.css';
5+
import { Link } from 'react-router-dom';
6+
7+
const FinalRound = () => {
8+
return (
9+
<div>
10+
<Navbar />
11+
<header className="hero-section about-hero">
12+
<img
13+
src={`${process.env.PUBLIC_URL}/penn-campus3.png`}
14+
alt="PRIZE Committee"
15+
/>
16+
<div className="hero-overlay"></div>
17+
<div className="hero-content">
18+
<h1 className="title">Final Round</h1>
19+
</div>
20+
</header>
21+
22+
<main className="main-content">
23+
<section className="section">
24+
<div className="content">
25+
<h2 className="heading">Final Round Details</h2>
26+
<p>
27+
4 teams from each track will compete in a live zoom pitch to industry leaders and professors.
28+
Results will be announced live on the Zoom call after judges debrief.
29+
</p>
30+
31+
<h3>Schedule</h3>
32+
<ul>
33+
<li><strong>High School Track:</strong> April 26 Saturday 3PM - 5:30PM EST</li>
34+
<li><strong>University Track:</strong> April 27 Sunday 3PM - 5:30PM EST</li>
35+
</ul>
36+
37+
<p>
38+
Finalists must submit their slide deck that they will use during their pitch through the forms below by April 25 11:59 EST.
39+
</p>
40+
41+
<div style={{ display: 'flex', flexDirection: 'column', gap: '20px', margin: '30px 0' }}>
42+
<a
43+
href="https://airtable.com/appsSPuO4G3jMYsxD/pagxmMhoUo0zbFb4s/form"
44+
className="cta-button"
45+
target="_blank"
46+
rel="noopener noreferrer"
47+
>
48+
High School Form
49+
</a>
50+
51+
<a
52+
href="https://airtable.com/appsSPuO4G3jMYsxD/pagInmaTNZbvxg9T7/form"
53+
className="cta-button"
54+
target="_blank"
55+
rel="noopener noreferrer"
56+
>
57+
University Form
58+
</a>
59+
</div>
60+
61+
<h3>Final Presentation Format</h3>
62+
<p>
63+
The final deliverable will be a strictly capped 15 minute presentation supplemented by your
64+
submitted slide deck followed by an 8 minute Q&A session from the judges. More information
65+
on expectations/rubric can be found in the application portal via Airtable.
66+
</p>
67+
</div>
68+
</section>
69+
70+
</main>
71+
72+
<Footer />
73+
</div>
74+
);
75+
};
76+
77+
export default FinalRound;

‎src/pages/LandingPage.js‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -26,14 +26,15 @@ const LandingPage = () => {
2626
borderRadius: '5px',
2727
margin: '10px 0',
2828
}}>
29-
<h2 style={{ color: '#fff', margin: '0 0 5px 0', fontSize: '1.5rem' }}>OPENING CEREMONY</h2>
29+
<h2 style={{ color: '#fff', margin: '0 0 5px 0', fontSize: '1.5rem' }}>FINAL ROUND</h2>
3030
<p style={{ color: '#fff', margin: '0' }}>
31-
<b>APRIL 5th @ 7 PM EST - <a href="https://upenn.zoom.us/j/98989743464" target="_blank" rel="noopener noreferrer" style={{textDecoration: 'underline', color: '#fff', fontWeight: 'bold'}}>JOIN WITH THIS LINK</a></b>
31+
<b>High School - APRIL 26th @ 3 PM EST - <a href="https://upenn.zoom.us/j/94016054726" target="_blank" rel="noopener noreferrer" style={{textDecoration: 'underline', color: '#fff', fontWeight: 'bold'}}>JOIN WITH THIS LINK</a></b><br/>
32+
<b>University - APRIL 27th @ 3 PM EST - <a href="https://upenn.zoom.us/j/91530052511" target="_blank" rel="noopener noreferrer" style={{textDecoration: 'underline', color: '#fff', fontWeight: 'bold'}}>JOIN WITH THIS LINK</a></b>
3233
</p>
3334
</div>
3435
<p className="subheading">Preparing tomorrow's leaders to tackle today's climate crisis!</p>
3536
<Countdown />
36-
<p className="subcountdown">UNTIL FIRST ROUND CLOSES</p>
37+
<p className="subcountdown">UNTIL FINAL ROUND</p>
3738
<img
3839
src={`${process.env.PUBLIC_URL}/double-arrow-down.png`}
3940
alt="Scroll down"

0 commit comments

Comments
 (0)