fix

app/home_layout.js

@@ -157,18 +157,6 @@ function Footer() {
 						))}
 					</div>
 				</div>
-				<div className="mb-8">
-					<h2 className="text-2xl font-bold mb-4 text-center">
-						References
-					</h2>
-					<div className="flex flex-wrap justify-center gap-4">
-						{references.map((ref, index) => (
-							<div key={index} className="text-center p-2">
-								<p className="text-blue-100">{ref}</p>
-							</div>
-						))}
-					</div>
-				</div>
 				<div className="text-center border-t border-green2-400 pt-4">
 					<p>© 2024 robodatapioneers2024. All rights reserved.</p>
 				</div>

app/page.js

@@ -168,7 +168,7 @@ export default function Home() {
                     As sports content on YouTube continues to grow, it becomes a vital indicator of global sports trends and fan interests. Below, our initial plots show the delta views, subs, and videos of various sports channels over the years, illustrating the evolving patterns of viewer engagement."
 				></SubTitleText>
 				<VariableChooserComponent
-					title=""
+					Title="Number of videos per sport"
 					variables={[
 						{
 							datapath:
@@ -197,7 +197,7 @@ export default function Home() {
 				</VariableChooserComponent>
 				<Paragraph text="Next, let’s delve into the distribution of different sports within the YouTube community. "></Paragraph>
 				<VariableChooserComponent
-					title="Line plot of delta view"
+					Title="Number of videos per sport"
 					variables={[
 						{
 							datapath:
@@ -422,7 +422,7 @@ export default function Home() {
 					{(variable) => (
 						<BarPlotChart
 							datapath={variable}
-							colors={["#97bd88", "#e8e791",]}
+							colors={["#97bd88", "#e8e791"]}
 							loading={<LoadingSpinner />}
 						/>
 					)}