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 */}
+
+
+
+
+ );
+}
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 */}