tiles menu changes and floting navbar

pages/index.js

@@ -1,6 +1,16 @@
 import Header from "../components/Header.js";
 import Banner from "../components/Banner.js";
-import { PaperPlane } from "../icons/PaperPlane.js";
+import {
+	PaperPlane,
+	DiscordIcon,
+	YtIcon,
+	GithubIcon,
+	TwitterIcon,
+	MemberIcon,
+	CalendarIcon,
+} from "../assets/Icons.js";
+import { Line } from "react-chartjs-2";
+import { Chart as ChartJS } from "chart.js/auto";
 export default function Home() {
 	return (
 		<>
@@ -17,26 +27,26 @@ export default function Home() {
 						<p>Status botów</p>
 					</div>
 					<div className="discord">
-						<PaperPlane className="icons" />
+						<DiscordIcon className="icons" />
 					</div>
 					<div className="twitter">
-						<PaperPlane className="icons" />
+						<TwitterIcon className="icons" />
 					</div>
 					<div className="members">
-						<h1>99,9k</h1>
-						<p>Wysłane wiadomości</p>
-						<PaperPlane className="icons" />
+						<h1>196</h1>
+						<p>Członków</p>
+						<MemberIcon className="icons" />
 					</div>
 					<div className="days">
-						<h1>99,9k</h1>
-						<p>Wysłane wiadomości</p>
-						<PaperPlane className="icons" />
+						<h1>697 dni</h1>
+						<p>Istnienia Gractwa</p>
+						<CalendarIcon className="icons" />
 					</div>
 					<div className="yt">
-						<PaperPlane className="icons" />
+						<YtIcon className="icons" />
 					</div>
 					<div className="github">
-						<PaperPlane className="icons" />
+						<GithubIcon className="icons" />
 					</div>
 					<div className="minecraft">
 						<PaperPlane className="icons" />