diff --git a/components/timeline.jsx b/components/timeline.jsx
index 21c9951..794c481 100644
--- a/components/timeline.jsx
+++ b/components/timeline.jsx
@@ -22,6 +22,7 @@ export default function Timeline({ events }) {
         <Link
           className="font-bold underline"
           href="https://calendar.google.com/calendar/embed?src=c_22ca0c151585760442cad5796fb91bd18b7db11d813e9143e38549aadce65afe%40group.calendar.google.com&ctz=America%2FNew_York"
+          style={{ color: "#C8BAF3" }}
         >
           Subscribe to our events calendar
         </Link>
diff --git a/pages/index.jsx b/pages/index.jsx
index 755b6f9..f03d737 100644
--- a/pages/index.jsx
+++ b/pages/index.jsx
@@ -6,8 +6,6 @@ import Layout from "@/components/layout";
 import SponsorSection from "@/components/sponsorSection";
 import CompanySection from "@/components/companySection";
 import Timeline from "@/components/timeline";
-import Wave from "@/components/wave";
-import Wave180 from "@/components/wave180";
 import CommunityImages from "@/components/communityImages";
 import loadStaticData from "@/shared/static";
 import Image from "next/image";
@@ -72,7 +70,9 @@ export default function Home({
       >
         {timeline.show_on_homepage && (
           <div className="bg-grey p-4 sm:p-8 rounded-lg">
-            <h2 className="text-3xl font-bold mb-4">{timeline.title}</h2>
+            <h2 className="text-3xl font-bold mb-4 gradient-text">
+              {timeline.title}
+            </h2>
             <Timeline events={timeline.events} />
           </div>
         )}