diff --git a/frontend/src/app/_homeComponents/HistorySolarData.tsx b/frontend/src/app/_homeComponents/HistorySolarData.tsx new file mode 100644 index 0000000..4d3222f --- /dev/null +++ b/frontend/src/app/_homeComponents/HistorySolarData.tsx @@ -0,0 +1,33 @@ +"use client"; +import React from "react"; +import Image from "next/image"; + +const solarDataUrl = + "https://services.swpc.noaa.gov/images/swx-overview-large.gif"; + +export default function HistorySolarData() { + return ( +
+
+
+

{"Historical Solar Data"}

+

+ { + "Here is shown multiple charts informing the current state of the solar weather" + } +

+
+
+ {/* Images side by side */} +
+ Historical Solar Data +
+
+ ); +} diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx index 5b07694..414a9a5 100644 --- a/frontend/src/app/page.tsx +++ b/frontend/src/app/page.tsx @@ -4,15 +4,19 @@ import MissionStatement from "./_homeComponents/MissionStatement"; import FeaturedImage from "./_homeComponents/FeaturedImage"; import GlobeWithStats from "./_homeComponents/GlobeWithStats"; import ScrollIndicator from "./_homeComponents/ScrollIndicator"; +import HistorySolarData from "./_homeComponents/HistorySolarData"; export default async function Home() { return ( <> - {/* Globe */} + {/* Globe */} + {/* History Solar Data Section */} + + {/* Mission Statement Section */}