diff --git a/pages/iyref/ceotalks/About.tsx b/pages/iyref/ceotalks/About.tsx new file mode 100644 index 0000000..af14d9c --- /dev/null +++ b/pages/iyref/ceotalks/About.tsx @@ -0,0 +1,16 @@ +import Image from 'next/image' +import Birds from '@src/assets/Images/IYREF/CEOTalks/About/Birds.png' + +const About = (): JSX.Element => { + return ( +
+
+ birds +
+

CEOTalk is the final event of the Integrated Youth Renewable Energy Festival (IYREF) 2024 following the announcement of the competitions’ winners. Here, you’re welcome to listen to experts in renewable energy, enrich your knowledge, and understand the current developments in the world of renewable energy. As young people, we have the responsibility to preserve and expand our resources towards a better future, and that’s with the help of renewable energy.

+
+
+ ) +} + +export default About diff --git a/pages/iyref/ceotalks/Footer.tsx b/pages/iyref/ceotalks/Footer.tsx new file mode 100644 index 0000000..6bfa673 --- /dev/null +++ b/pages/iyref/ceotalks/Footer.tsx @@ -0,0 +1,19 @@ +import Image from 'next/image' +import FooterImage from '@src/assets/Images/Navigation/Footer/FooterIllustration.svg' + +const Footer = (): JSX.Element => { + return ( + + ) +} + +export default Footer diff --git a/pages/iyref/ceotalks/Hero.tsx b/pages/iyref/ceotalks/Hero.tsx new file mode 100644 index 0000000..bfa3282 --- /dev/null +++ b/pages/iyref/ceotalks/Hero.tsx @@ -0,0 +1,29 @@ +import React from 'react' +import Image from 'next/image' +import Header from '@src/assets/Images/IYREF/CEOTalks/Hero/Header.png' + +const Hero = (): JSX.Element => { + return ( +
+
+ Background +
+
+
+

+ CEOTalks +

+
+
+
+
+ ) +} + +export default Hero diff --git a/pages/iyref/ceotalks/Session.tsx b/pages/iyref/ceotalks/Session.tsx new file mode 100644 index 0000000..5aeb92a --- /dev/null +++ b/pages/iyref/ceotalks/Session.tsx @@ -0,0 +1,106 @@ +import Image from 'next/image' +import Earth1 from '@src/assets/Images/IYREF/CEOTalks/Session/Earth1.png' +import Earth2 from '@src/assets/Images/IYREF/CEOTalks/Session/Earth2.png' +import Birds from '@src/assets/Images/IYREF/CEOTalks/About/Birds.png' +import Tanaman1 from '@src/assets/Images/IYREF/CEOTalks/Session/Tanaman1.png' +import Tanaman2 from '@src/assets/Images/IYREF/CEOTalks/Session/Tanaman2.png' +import Speaker1 from '@src/assets/Images/IYREF/CEOTalks/Session/Speaker1.png' +import Speaker2 from '@src/assets/Images/IYREF/CEOTalks/Session/Speaker2.png' +import FooterImage from '@src/assets/Images/Navigation/Footer/FooterIllustration.svg' +import PottedPlant from '@src/assets/Images/IYREF/CEOTalks/Session/Potted_plant.png' +import SpeakerCard from '@src/components/Card/SpeakerCard' + +interface SpeakerCardProps { + session: string + picture: any + name: string +} + +const Session = (): JSX.Element => { + const speakers: SpeakerCardProps[] = [ + { + session: 'Session 1', + picture: Speaker1, + name: 'Arsjad Rasjid (President Director PT Indika Energy)' + }, + { + session: 'Session 1', + picture: Speaker2, + name: 'Verania Andria (Senior Advisor for Sustainable Energy Strategic Programme & Policies United Nations)' + } + ] + + return ( + <> +
+
+
+
+ Earth 1 +
+
+
+

SESSION 1

+

Entering The New Meta in Economy: Renewable Energy and Its Future Potentials.

+

Forget fossil fuels, the new economic gold rush is green! Join us as we explore the electrifying rise of renewable energy, its game-changing potential to power the future, and how it's reshaping the financial landscape from sun-kissed farms to bustling city grids. Dive into a dynamic discussion with one of the champions of the green revolution. It's time to unplug from the old and recharge with the future!

+
+
+
+
+ birds +
+
+
+
+
+ Earth 2 +
+
+
+

SESSION 2

+

The Real Problem with Renewable Energy in Indonesia

+

+ Indonesia boasts vast renewable energy potential, thanks to its strategic location and abundant natural resources. Consider the equatorial position, showering the nation in sunlight year-round — a golden opportunity for harnessing solar power. The coastal regions, kissed by consistent sea breezes, offer an ideal landscape for wind energy projects. Additionally, the rich tapestry of agricultural residues, palm oil byproducts, and other organic materials can fuel biomass energy production. +
+
+ Surprisingly, despite these promising prospects, renewables contribute less than 20% to the country's electricity generation. This begs a crucial question: Why aren't we fully tapping into our abundant renewable resources to meet energy demands and simultaneously cut down on carbon emissions? +
+
+ Join us as we delve into the heart of this renewable energy dilemma, exploring innovative solutions that can propel Indonesia into a sustainable energy future. Be part of the conversation shaping the path for the next generation. Let's unlock the true potential of renewable energy in Indonesia. +

+
+
+
+
+ {speakers.map((speaker, index) => ( + + ))} +
+
+ Tanaman 1 +
+
+ Tanaman 2 +
+
+ Potted Plant +
+
+ Footer Illustration +
+
+ + ) +} + +export default Session diff --git a/pages/iyref/ceotalks/index.tsx b/pages/iyref/ceotalks/index.tsx new file mode 100644 index 0000000..bf605ef --- /dev/null +++ b/pages/iyref/ceotalks/index.tsx @@ -0,0 +1,18 @@ +import SEO from '@src/components/SEO/SEO' +import Navbar from '@src/components/Navigation/Navbar' +import Hero from '@src/contexts/IYREF/CEOTalks/Hero' +import About from '@src/contexts/IYREF/CEOTalks/About' +import Session from '@src/contexts/IYREF/CEOTalks/Session' + +const CEOTalksPage = (): JSX.Element => { + return ( + + + + + + + ) +} + +export default CEOTalksPage diff --git a/src/assets/Images/IYREF/CEOTalks/About/Birds.png b/src/assets/Images/IYREF/CEOTalks/About/Birds.png new file mode 100644 index 0000000..9042c91 Binary files /dev/null and b/src/assets/Images/IYREF/CEOTalks/About/Birds.png differ diff --git a/src/assets/Images/IYREF/CEOTalks/Hero/Header.png b/src/assets/Images/IYREF/CEOTalks/Hero/Header.png new file mode 100644 index 0000000..175d9fd Binary files /dev/null and b/src/assets/Images/IYREF/CEOTalks/Hero/Header.png differ diff --git a/src/assets/Images/IYREF/CEOTalks/Session/Earth1.png b/src/assets/Images/IYREF/CEOTalks/Session/Earth1.png new file mode 100644 index 0000000..cd91100 Binary files /dev/null and b/src/assets/Images/IYREF/CEOTalks/Session/Earth1.png differ diff --git a/src/assets/Images/IYREF/CEOTalks/Session/Earth2.png b/src/assets/Images/IYREF/CEOTalks/Session/Earth2.png new file mode 100644 index 0000000..406e8f7 Binary files /dev/null and b/src/assets/Images/IYREF/CEOTalks/Session/Earth2.png differ diff --git a/src/assets/Images/IYREF/CEOTalks/Session/Potted_plant.png b/src/assets/Images/IYREF/CEOTalks/Session/Potted_plant.png new file mode 100644 index 0000000..98516fd Binary files /dev/null and b/src/assets/Images/IYREF/CEOTalks/Session/Potted_plant.png differ diff --git a/src/assets/Images/IYREF/CEOTalks/Session/Speaker1.png b/src/assets/Images/IYREF/CEOTalks/Session/Speaker1.png new file mode 100644 index 0000000..90d64f8 Binary files /dev/null and b/src/assets/Images/IYREF/CEOTalks/Session/Speaker1.png differ diff --git a/src/assets/Images/IYREF/CEOTalks/Session/Speaker2.png b/src/assets/Images/IYREF/CEOTalks/Session/Speaker2.png new file mode 100644 index 0000000..96ef9e5 Binary files /dev/null and b/src/assets/Images/IYREF/CEOTalks/Session/Speaker2.png differ diff --git a/src/assets/Images/IYREF/CEOTalks/Session/Tanaman1.png b/src/assets/Images/IYREF/CEOTalks/Session/Tanaman1.png new file mode 100644 index 0000000..04c04bc Binary files /dev/null and b/src/assets/Images/IYREF/CEOTalks/Session/Tanaman1.png differ diff --git a/src/assets/Images/IYREF/CEOTalks/Session/Tanaman2.png b/src/assets/Images/IYREF/CEOTalks/Session/Tanaman2.png new file mode 100644 index 0000000..942ccd7 Binary files /dev/null and b/src/assets/Images/IYREF/CEOTalks/Session/Tanaman2.png differ diff --git a/src/components/Card/SpeakerCard.tsx b/src/components/Card/SpeakerCard.tsx new file mode 100644 index 0000000..250a69a --- /dev/null +++ b/src/components/Card/SpeakerCard.tsx @@ -0,0 +1,25 @@ +import Image from 'next/image' +import React from 'react' + +interface SpeakerCardProps { + session: string + picture: any + name: string +} + +const SpeakerCard = ({ session, picture, name }: SpeakerCardProps): JSX.Element => { + return ( +
+
+

{session}

+

SPEAKER

+
+
+ {name} +
+

{name}

+
+ ) +} + +export default SpeakerCard diff --git a/src/contexts/IYREF/CEOTalks/About.tsx b/src/contexts/IYREF/CEOTalks/About.tsx new file mode 100644 index 0000000..af14d9c --- /dev/null +++ b/src/contexts/IYREF/CEOTalks/About.tsx @@ -0,0 +1,16 @@ +import Image from 'next/image' +import Birds from '@src/assets/Images/IYREF/CEOTalks/About/Birds.png' + +const About = (): JSX.Element => { + return ( +
+
+ birds +
+

CEOTalk is the final event of the Integrated Youth Renewable Energy Festival (IYREF) 2024 following the announcement of the competitions’ winners. Here, you’re welcome to listen to experts in renewable energy, enrich your knowledge, and understand the current developments in the world of renewable energy. As young people, we have the responsibility to preserve and expand our resources towards a better future, and that’s with the help of renewable energy.

+
+
+ ) +} + +export default About diff --git a/src/contexts/IYREF/CEOTalks/Footer.tsx b/src/contexts/IYREF/CEOTalks/Footer.tsx new file mode 100644 index 0000000..6bfa673 --- /dev/null +++ b/src/contexts/IYREF/CEOTalks/Footer.tsx @@ -0,0 +1,19 @@ +import Image from 'next/image' +import FooterImage from '@src/assets/Images/Navigation/Footer/FooterIllustration.svg' + +const Footer = (): JSX.Element => { + return ( + + ) +} + +export default Footer diff --git a/src/contexts/IYREF/CEOTalks/Hero.tsx b/src/contexts/IYREF/CEOTalks/Hero.tsx new file mode 100644 index 0000000..bfa3282 --- /dev/null +++ b/src/contexts/IYREF/CEOTalks/Hero.tsx @@ -0,0 +1,29 @@ +import React from 'react' +import Image from 'next/image' +import Header from '@src/assets/Images/IYREF/CEOTalks/Hero/Header.png' + +const Hero = (): JSX.Element => { + return ( +
+
+ Background +
+
+
+

+ CEOTalks +

+
+
+
+
+ ) +} + +export default Hero diff --git a/src/contexts/IYREF/CEOTalks/Session.tsx b/src/contexts/IYREF/CEOTalks/Session.tsx new file mode 100644 index 0000000..5aeb92a --- /dev/null +++ b/src/contexts/IYREF/CEOTalks/Session.tsx @@ -0,0 +1,106 @@ +import Image from 'next/image' +import Earth1 from '@src/assets/Images/IYREF/CEOTalks/Session/Earth1.png' +import Earth2 from '@src/assets/Images/IYREF/CEOTalks/Session/Earth2.png' +import Birds from '@src/assets/Images/IYREF/CEOTalks/About/Birds.png' +import Tanaman1 from '@src/assets/Images/IYREF/CEOTalks/Session/Tanaman1.png' +import Tanaman2 from '@src/assets/Images/IYREF/CEOTalks/Session/Tanaman2.png' +import Speaker1 from '@src/assets/Images/IYREF/CEOTalks/Session/Speaker1.png' +import Speaker2 from '@src/assets/Images/IYREF/CEOTalks/Session/Speaker2.png' +import FooterImage from '@src/assets/Images/Navigation/Footer/FooterIllustration.svg' +import PottedPlant from '@src/assets/Images/IYREF/CEOTalks/Session/Potted_plant.png' +import SpeakerCard from '@src/components/Card/SpeakerCard' + +interface SpeakerCardProps { + session: string + picture: any + name: string +} + +const Session = (): JSX.Element => { + const speakers: SpeakerCardProps[] = [ + { + session: 'Session 1', + picture: Speaker1, + name: 'Arsjad Rasjid (President Director PT Indika Energy)' + }, + { + session: 'Session 1', + picture: Speaker2, + name: 'Verania Andria (Senior Advisor for Sustainable Energy Strategic Programme & Policies United Nations)' + } + ] + + return ( + <> +
+
+
+
+ Earth 1 +
+
+
+

SESSION 1

+

Entering The New Meta in Economy: Renewable Energy and Its Future Potentials.

+

Forget fossil fuels, the new economic gold rush is green! Join us as we explore the electrifying rise of renewable energy, its game-changing potential to power the future, and how it's reshaping the financial landscape from sun-kissed farms to bustling city grids. Dive into a dynamic discussion with one of the champions of the green revolution. It's time to unplug from the old and recharge with the future!

+
+
+
+
+ birds +
+
+
+
+
+ Earth 2 +
+
+
+

SESSION 2

+

The Real Problem with Renewable Energy in Indonesia

+

+ Indonesia boasts vast renewable energy potential, thanks to its strategic location and abundant natural resources. Consider the equatorial position, showering the nation in sunlight year-round — a golden opportunity for harnessing solar power. The coastal regions, kissed by consistent sea breezes, offer an ideal landscape for wind energy projects. Additionally, the rich tapestry of agricultural residues, palm oil byproducts, and other organic materials can fuel biomass energy production. +
+
+ Surprisingly, despite these promising prospects, renewables contribute less than 20% to the country's electricity generation. This begs a crucial question: Why aren't we fully tapping into our abundant renewable resources to meet energy demands and simultaneously cut down on carbon emissions? +
+
+ Join us as we delve into the heart of this renewable energy dilemma, exploring innovative solutions that can propel Indonesia into a sustainable energy future. Be part of the conversation shaping the path for the next generation. Let's unlock the true potential of renewable energy in Indonesia. +

+
+
+
+
+ {speakers.map((speaker, index) => ( + + ))} +
+
+ Tanaman 1 +
+
+ Tanaman 2 +
+
+ Potted Plant +
+
+ Footer Illustration +
+
+ + ) +} + +export default Session diff --git a/tailwind.config.js b/tailwind.config.js index 284ba09..03adc2e 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -22,7 +22,8 @@ module.exports = { green8: '#89C190', green9: '#70B69B', green10: '#43A3A2', - green11: '#346E3C' + green11: '#346E3C', + green12: '#2D9B80' }, fontFamily: { montserrat: ['Montserrat', 'sans-serif'], diff --git a/yarn.lock b/yarn.lock index db06249..95bface 100644 --- a/yarn.lock +++ b/yarn.lock @@ -184,28 +184,26 @@ resolved "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz" integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ== -"@types/node@20.11.27": - version "20.11.27" - resolved "https://registry.yarnpkg.com/@types/node/-/node-20.11.27.tgz#debe5cfc8a507dd60fe2a3b4875b1604f215c2ac" - integrity sha512-qyUZfMnCg1KEz57r7pzFtSGt49f6RPkPBis3Vo4PbS7roQEDn22hiHzl/Lo1q4i4hDEgBJmBF/NTNg2XR0HbFg== - dependencies: - undici-types "~5.26.4" +"@types/node@^14.17.4": + version "14.18.63" + resolved "https://registry.yarnpkg.com/@types/node/-/node-14.18.63.tgz#1788fa8da838dbb5f9ea994b834278205db6ca2b" + integrity sha512-fAtCfv4jJg+ExtXhvCkCqUKZ+4ok/JQk01qDKhL5BDDoS3AxKXhV5/MAVUZyQnSEd2GT92fkgZl0pz0Q0AzcIQ== "@types/prop-types@*": version "15.7.3" resolved "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.3.tgz" integrity sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw== -"@types/react@18.2.65": - version "18.2.65" - resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.65.tgz#54eb311fa9aba173c9e163d42ec188d5a42878b8" - integrity sha512-98TsY0aW4jqx/3RqsUXwMDZSWR1Z4CUlJNue8ueS2/wcxZOsz4xmW1X8ieaWVRHcmmQM3R8xVA4XWB3dJnWwDQ== +"@types/react@^17.0.2": + version "17.0.80" + resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.80.tgz#a5dfc351d6a41257eb592d73d3a85d3b7dbcbb41" + integrity sha512-LrgHIu2lEtIo8M7d1FcI3BdwXWoRQwMoXOZ7+dPTW0lYREjmlHl3P0U1VD0i/9tppOuv8/sam7sOjx34TxSFbA== dependencies: "@types/prop-types" "*" - "@types/scheduler" "*" + "@types/scheduler" "^0.16" csstype "^3.0.2" -"@types/scheduler@*": +"@types/scheduler@^0.16": version "0.16.8" resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.8.tgz#ce5ace04cfeabe7ef87c0091e50752e36707deff" integrity sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A== @@ -2427,10 +2425,10 @@ type-fest@^0.21.3: resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz" integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w== -typescript@5.4.2: - version "5.4.2" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.4.2.tgz#0ae9cebcfae970718474fe0da2c090cad6577372" - integrity sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ== +typescript@*: + version "5.4.4" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.4.4.tgz#eb2471e7b0a5f1377523700a21669dce30c2d952" + integrity sha512-dGE2Vv8cpVvw28v8HCPqyb08EzbBURxDpuhJvTrusShUfGnhHBafDsLdS1EhhxyL6BJQE+2cT3dDPAv+MQ6oLw== unbox-primitive@^1.0.2: version "1.0.2" @@ -2442,11 +2440,6 @@ unbox-primitive@^1.0.2: has-symbols "^1.0.3" which-boxed-primitive "^1.0.2" -undici-types@~5.26.4: - version "5.26.5" - resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617" - integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA== - uri-js@^4.2.2: version "4.4.1" resolved "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz"