feat(web): update HomePage layout with new features and styling improvements

Author: bchapuis

apps/web/public/story/1.jpg

@@ -124,11 +124,6 @@ export function HomeFooter() {
 
         <div className="border-t border-border pt-8 flex flex-col sm:flex-row gap-2 justify-between items-center text-sm text-muted-foreground">
           <p>&copy; {currentYear} Dafthunk. All rights reserved.</p>
-          {/* Uptime Counter */}
-          <div className="rounded-md bg-neutral-100 dark:bg-neutral-800 px-4 py-1 text-xs font-mono text-neutral-700 dark:text-neutral-200 shadow border border-neutral-200 dark:border-neutral-700">
-            Site has been procrastinating for:{" "}
-            <span className="font-semibold">{uptime}</span>
-          </div>
         </div>
       </div>
     </footer>

apps/web/public/story/2.jpg

@@ -65,25 +65,41 @@ export default {
       },
       keyframes: {
         "accordion-down": {
-          from: {
-            height: "0",
-          },
-          to: {
-            height: "var(--radix-accordion-content-height)",
-          },
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" },
         },
         "accordion-up": {
-          from: {
-            height: "var(--radix-accordion-content-height)",
-          },
-          to: {
-            height: "0",
-          },
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" },
+        },
+        "blink-1": {
+          "0%": { opacity: "1" },
+          "47%": { opacity: "1" },
+          "48%": { opacity: "0" },
+          "52%": { opacity: "0" },
+          "53%": { opacity: "1" },
+          "97%": { opacity: "1" },
+          "98%": { opacity: "0" },
+          "99.5%": { opacity: "0" },
+          "100%": { opacity: "1" },
+        },
+        "blink-2": {
+          "0%": { opacity: "0" },
+          "47%": { opacity: "0" },
+          "48%": { opacity: "1" },
+          "52%": { opacity: "1" },
+          "53%": { opacity: "0" },
+          "97%": { opacity: "0" },
+          "98%": { opacity: "1" },
+          "99.5%": { opacity: "1" },
+          "100%": { opacity: "0" },
         },
       },
       animation: {
         "accordion-down": "accordion-down 0.2s ease-out",
         "accordion-up": "accordion-up 0.2s ease-out",
+        "blink-1": "blink-1 2.7s ease-out infinite",
+        "blink-2": "blink-2 2.7s ease-out infinite",
       },
     },
   },