|
1 | 1 | import Head from "next/head"; |
2 | 2 | import Image from "next/image"; |
3 | | -import logo from '../assets/whitelogo.png' |
| 3 | +import logo from "../assets/whitelogo.png"; |
4 | 4 | import Link from "next/link"; |
5 | 5 | import { Inter } from "next/font/google"; |
6 | 6 | import styles from "@/styles/Home.module.css"; |
7 | | -import ElectricBoltIcon from '@mui/icons-material/ElectricBolt'; |
8 | | -import SettingsIcon from '@mui/icons-material/Settings'; |
9 | | -import AccountBalanceIcon from '@mui/icons-material/AccountBalance'; |
10 | | -import AirIcon from '@mui/icons-material/Air'; |
11 | | -import ComputerIcon from '@mui/icons-material/Computer'; |
| 7 | +import ElectricBoltIcon from "@mui/icons-material/ElectricBolt"; |
| 8 | +import SettingsIcon from "@mui/icons-material/Settings"; |
| 9 | +import AccountBalanceIcon from "@mui/icons-material/AccountBalance"; |
| 10 | +import AirIcon from "@mui/icons-material/Air"; |
| 11 | +import ComputerIcon from "@mui/icons-material/Computer"; |
12 | 12 |
|
13 | 13 | const inter = Inter({ subsets: ["latin"] }); |
14 | 14 |
|
15 | 15 | export default function Home() { |
16 | 16 | return ( |
17 | | - <> |
18 | | - <Head> |
| 17 | + <> |
| 18 | + <Head> |
19 | 19 | <title>WATURBINE</title> |
20 | | - <meta name="description" content="University of Waterloo small wind turbine design team. " /> |
| 20 | + <meta |
| 21 | + name="description" |
| 22 | + content="University of Waterloo small wind turbine design team. " |
| 23 | + /> |
21 | 24 | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
22 | 25 | <link rel="icon" href="/favicon.ico" /> |
23 | | - </Head> |
24 | | - <main className = {styles.main}> |
25 | | - <Image className = {styles.heroLogo} src = {logo}/> |
| 26 | + </Head> |
| 27 | + <main className={styles.main}> |
| 28 | + <Image className={styles.heroLogo} src={logo} /> |
26 | 29 | </main> |
27 | | - <div className = {styles.mainAbout}> |
28 | | - <div className = {styles.aboutText}> |
29 | | - <h1>WHO WE ARE</h1> |
30 | | - <h3><span>WATurbine</span> is a a team of ambitious engineering students from the University of Waterloo, dedicated to driving innovation in the fields of renewable energy and sustainable technology. Our goal is to design and build the most efficient and sustainable small wind turbine possible for the International Small Wind Turbine Competition.</h3> |
31 | | - <h3>As a subsidiary of the University of Waterloo's Engineers Without Borders Chapter, WATurbine aims to embody the Engineers Without Borders vision through wind power advancement. |
32 | | - </h3> |
33 | | - <h3></h3> |
| 30 | + <div className={styles.mainAbout}> |
| 31 | + <div className={styles.aboutText}> |
| 32 | + <h1>WHO WE ARE</h1> |
| 33 | + <h3> |
| 34 | + <span>WATurbine</span> is a a team of ambitious engineering students |
| 35 | + from the University of Waterloo, dedicated to driving innovation in |
| 36 | + the fields of renewable energy and sustainable technology. Our goal |
| 37 | + is to design and build the most efficient and sustainable small wind |
| 38 | + turbine possible for the International Small Wind Turbine |
| 39 | + Competition. |
| 40 | + </h3> |
| 41 | + <h3> |
| 42 | + As a subsidiary of the University of Waterloo's Engineers |
| 43 | + Without Borders Chapter, WATurbine aims to embody the Engineers |
| 44 | + Without Borders vision through wind power advancement. |
| 45 | + </h3> |
| 46 | + <h3></h3> |
34 | 47 | </div> |
35 | 48 | </div> |
36 | | - <div className = {styles.work}> |
37 | | - <div className = {styles.rightContainer} id = {styles.estateLeft}> |
| 49 | + <div className={styles.work}> |
| 50 | + <div className={styles.rightContainer} id={styles.estateLeft}> |
38 | 51 | <h1>OUR MISSION</h1> |
39 | | - <p>We are passionate about our mission to create a more sustainable future for everyone. Check out the global impact that we can make together.</p> |
40 | | - <Link href = "/mission"> |
| 52 | + <p> |
| 53 | + We are passionate about our mission to create a more sustainable |
| 54 | + future for everyone. Check out the global impact that we can make |
| 55 | + together. |
| 56 | + </p> |
| 57 | + <Link href="/mission"> |
41 | 58 | <button>Learn more</button> |
42 | 59 | </Link> |
43 | 60 | </div> |
44 | | - <div className = {styles.leftContainer} id = {styles.estateRight}> |
| 61 | + <div className={styles.leftContainer} id={styles.estateRight}> |
45 | 62 | <h1>The Competition</h1> |
46 | | - <Link href = 'https://www.hanze.nl/en/research/centres/entrance-centre-of-expertise-energy/projects/international-small-wind-turbine-contest-iswtc' target = '_blank'> <button>IWSTC</button></Link> |
| 63 | + <Link |
| 64 | + href="https://www.hanze.nl/en/research/centres/entrance-centre-of-expertise-energy/projects/international-small-wind-turbine-contest-iswtc" |
| 65 | + target="_blank" |
| 66 | + > |
| 67 | + {" "} |
| 68 | + <button>IWSTC</button> |
| 69 | + </Link> |
47 | 70 | </div> |
48 | 71 | </div> |
49 | | - <div className = {styles.work}> |
50 | | - <div className = {styles.leftContainer}> |
51 | | - <div className = {styles.borderWrap}> |
52 | | - <h1>SUBTEAMS</h1> |
53 | | - <h3>6 total subteams within WATurbine!</h3> |
54 | | - <p>Get to know more about each subteam, and how your skills might be aligned with the team's needs!</p> |
55 | | - <Link href = '/subteams'> |
56 | | - <button>Learn More</button> |
57 | | - </Link> |
| 72 | + <div className={styles.work}> |
| 73 | + <div className={styles.leftContainer}> |
| 74 | + <div className={styles.borderWrap}> |
| 75 | + <h1>SUBTEAMS</h1> |
| 76 | + <h3>6 total subteams within WATurbine!</h3> |
| 77 | + <p> |
| 78 | + Get to know more about each subteam, and how your skills might be |
| 79 | + aligned with the team's needs! |
| 80 | + </p> |
| 81 | + <Link href="/subteams"> |
| 82 | + <button>Learn More</button> |
| 83 | + </Link> |
58 | 84 | </div> |
59 | 85 | </div> |
60 | | - <div className = {styles.rightContainer}> |
61 | | - <div className = {styles.borderWrap} id = {styles.subteamSection}> |
62 | | - <div className = {styles.wrapDiv}> |
63 | | - <div className = {styles.third}> |
64 | | - <AirIcon/> |
65 | | - <div className = {styles.textBox}> |
66 | | - <h3>Aerodynamics</h3> |
| 86 | + <div className={styles.rightContainer}> |
| 87 | + <div className={styles.borderWrap} id={styles.subteamSection}> |
| 88 | + <div className={styles.wrapDiv}> |
| 89 | + <div className={styles.third}> |
| 90 | + <AirIcon /> |
| 91 | + <div className={styles.textBox}> |
| 92 | + <h3>Aerodynamics</h3> |
| 93 | + </div> |
67 | 94 | </div> |
68 | | - </div> |
69 | | - <div className = {styles.third}> |
70 | | - <SettingsIcon/> |
71 | | - <div className = {styles.textBox}> |
72 | | - <h3>Mechanical</h3> |
73 | | - </div> |
74 | | - </div> |
75 | | - <div className = {styles.third}> |
76 | | - <AccountBalanceIcon/> |
77 | | - <div className = {styles.textBox}> |
78 | | - <h3>Structural</h3> |
| 95 | + <div className={styles.third}> |
| 96 | + <SettingsIcon /> |
| 97 | + <div className={styles.textBox}> |
| 98 | + <h3>Mechanical</h3> |
| 99 | + </div> |
79 | 100 | </div> |
80 | | - </div> |
81 | | - </div> |
82 | | - <div className = {styles.wrapDiv}> |
83 | | - <div className = {styles.third}> |
84 | | - <ElectricBoltIcon/> |
85 | | - <div className = {styles.textBox}> |
86 | | - <h3>Power</h3> |
| 101 | + <div className={styles.third}> |
| 102 | + <AccountBalanceIcon /> |
| 103 | + <div className={styles.textBox}> |
| 104 | + <h3>Structural</h3> |
| 105 | + </div> |
87 | 106 | </div> |
88 | 107 | </div> |
89 | | - <div className = {styles.third}> |
90 | | - <ComputerIcon/> |
91 | | - <div className = {styles.textBox}> |
92 | | - <h3>Controls</h3> |
| 108 | + <div className={styles.wrapDiv}> |
| 109 | + <div className={styles.third}> |
| 110 | + <ElectricBoltIcon /> |
| 111 | + <div className={styles.textBox}> |
| 112 | + <h3>Power</h3> |
| 113 | + </div> |
| 114 | + </div> |
| 115 | + <div className={styles.third}> |
| 116 | + <ComputerIcon /> |
| 117 | + <div className={styles.textBox}> |
| 118 | + <h3>Controls</h3> |
| 119 | + </div> |
93 | 120 | </div> |
94 | 121 | </div> |
95 | 122 | </div> |
96 | | - |
97 | | - </div> |
98 | 123 | </div> |
99 | 124 | </div> |
100 | | - <div className = {styles.work}> |
101 | | - <div className = {styles.rightContainer}> |
102 | | - <div className = {styles.sponsorWrap}> |
| 125 | + <div className={styles.work}> |
| 126 | + <div className={styles.rightContainer}> |
| 127 | + <div className={styles.sponsorWrap}> |
103 | 128 | <h1>SPONSOR US!</h1> |
104 | | - <p>Contribute to creating a more sustainable future, in a meaningful way.</p> |
105 | | - <Link href = '/Waturbine_Sponsorship.pdf' target = "_blank"> |
| 129 | + <p> |
| 130 | + Contribute to creating a more sustainable future, in a meaningful |
| 131 | + way. |
| 132 | + </p> |
| 133 | + <Link href="/Waturbine_Sponsorship.pdf" target="_blank"> |
106 | 134 | <button>SPONSORSHIP</button> |
107 | 135 | </Link> |
108 | 136 | </div> |
109 | 137 | </div> |
110 | | - <div className = {styles.leftContainer}> |
| 138 | + <div className={styles.leftContainer}> |
111 | 139 | <h1>JOIN OUR TEAM!</h1> |
112 | | - <Link href = 'https://discord.gg/JdXtvNtA' target = "_blank"><button>I'm Interested!</button></Link> |
| 140 | + <Link href="https://discord.gg/QJhDqWywaP" target="_blank"> |
| 141 | + <button>I'm Interested!</button> |
| 142 | + </Link> |
113 | 143 | </div> |
114 | 144 | </div> |
115 | | - |
116 | | - |
117 | 145 | </> |
118 | 146 | ); |
119 | 147 | } |
0 commit comments