diff --git a/public/images/energy-section-5.png b/public/images/energy-section-5.png new file mode 100644 index 0000000..63919b8 Binary files /dev/null and b/public/images/energy-section-5.png differ diff --git a/src/app/case-study-energy/page.tsx b/src/app/case-study-energy/page.tsx index d369dea..61faa43 100644 --- a/src/app/case-study-energy/page.tsx +++ b/src/app/case-study-energy/page.tsx @@ -1,13 +1,15 @@ import Intro from '@/components/energy/intro'; import Section1 from '@/components/energy/section-1'; -import Section2 from '@/components/energy/section-2'; +import Section3 from '@/components/energy/section-3'; +import Section5 from '@/components/energy/section-5'; export default function Energy() { return (
- + +
); } \ No newline at end of file diff --git a/src/components/energy/section-2/index.tsx b/src/components/energy/section-3/index.tsx similarity index 99% rename from src/components/energy/section-2/index.tsx rename to src/components/energy/section-3/index.tsx index 242894e..03d533f 100644 --- a/src/components/energy/section-2/index.tsx +++ b/src/components/energy/section-3/index.tsx @@ -8,7 +8,7 @@ import { cn } from "@/lib/utils"; import FadeIn from "@/components/animations/fade-in"; import { useIsMobile } from "@/lib/hooks"; -export default function Section1() { +export default function Section3() { const [hoveredIndex, setHoveredIndex] = useState(null); const isMobile = useIsMobile(); const gridColumns = isMobile ? 'flex flex-col' : { @@ -19,7 +19,7 @@ export default function Section1() { 'grid-cols-[1fr_1fr_1fr]': hoveredIndex === null, }; return ( -
+
{/* Decorative div to continue previous section */}
diff --git a/src/components/energy/section-5/index.tsx b/src/components/energy/section-5/index.tsx new file mode 100644 index 0000000..60b6423 --- /dev/null +++ b/src/components/energy/section-5/index.tsx @@ -0,0 +1,76 @@ +'use client'; +import { useState } from "react"; +import dynamic from 'next/dynamic'; +import Image from "next/image"; +const Lines = dynamic(() => import('@/components/lines'), { ssr: false }); +import KnowMoreButton from "@/components/know-more-button"; +import { AnimatePresence, motion } from "framer-motion"; + +export default function Section5() { + const [openedKnowMore, setOpenedKnowMore] = useState(false); + const [openedKnowMore2, setOpenedKnowMore2] = useState(false); + return ( +
+ +
+
+
+

Why storylines for energy futures?

+

Storylines in climate science make climate information more relevant and understandable, aiding decision-making, especially when used with digital twin simulations.

+ setOpenedKnowMore(!openedKnowMore)} opened={openedKnowMore} /> + + {openedKnowMore && +

+ Climate and impact sector modelling is done in the same modelling chain, meaning that impact sector models access all the climate-related information they need (rather than just a subset of model outputs) while the digital twin is running. This allows for a detailed analysis of how climate variability and change affect different impact sectors, such as energy, agriculture or health, helping these sectors understand and anticipate risks and implement proactive measures to enhance societal resilience. +

+

+ For instance, understanding how wind energy fluctuates at a certain location under particular storm conditions or looking at water availability in a river basin in the next 30 years, can be extremely valuable for planning renewable energy deployment or investments in irrigation systems or water resource management. +

+

+ The integration of climate models with impact models constitutes a step towards the operationalisation of climate services, since it offers the possibility to transform climate-related information into information that is fit-for-purpose, including sectoral indicators or risk indices considering local vulnerability or adaptation tipping points. +

+ } + +
+
+ +
+
+
+

Using storylines to simulate the 2018 heatwave under current and future conditions to understand their potential impacts.

+ setOpenedKnowMore2(!openedKnowMore2)} opened={openedKnowMore2} /> + + {openedKnowMore2 && +

+ Climate and impact sector modelling is done in the same modelling chain, meaning that impact sector models access all the climate-related information they need (rather than just a subset of model outputs) while the digital twin is running. This allows for a detailed analysis of how climate variability and change affect different impact sectors, such as energy, agriculture or health, helping these sectors understand and anticipate risks and implement proactive measures to enhance societal resilience. +

+

+ For instance, understanding how wind energy fluctuates at a certain location under particular storm conditions or looking at water availability in a river basin in the next 30 years, can be extremely valuable for planning renewable energy deployment or investments in irrigation systems or water resource management. +

+

+ The integration of climate models with impact models constitutes a step towards the operationalisation of climate services, since it offers the possibility to transform climate-related information into information that is fit-for-purpose, including sectoral indicators or risk indices considering local vulnerability or adaptation tipping points. +

+ } + +
+
+
); +}; \ No newline at end of file diff --git a/src/components/home/section-5/index.tsx b/src/components/home/section-5/index.tsx index 51b4c9b..2a6649b 100644 --- a/src/components/home/section-5/index.tsx +++ b/src/components/home/section-5/index.tsx @@ -9,7 +9,7 @@ export default function Section3() { return (
-
+

Towards data streaming for efficient uptake by users.