Use better font and fix schedule

package.json

@@ -17,7 +17,7 @@
   "license": "0BSD",
   "dependencies": {
     "@emotion/react": "^11.11.4",
-    "@fontsource/style-script": "^5.0.20",
+    "@fontsource-variable/dancing-script": "^5.0.18",
     "babel-plugin-styled-components": "^2.0.7",
     "gatsby": "^5.13.4",
     "gatsby-plugin-emotion": "^8.13.1",

src/pages/wedding.js

@@ -1,4 +1,4 @@
-import "@fontsource/style-script";
+import "@fontsource-variable/dancing-script";
 import { StaticImage } from "gatsby-plugin-image";
 import React from "react";
 import Gallery from "../components/gallery";
@@ -47,20 +47,20 @@ const WeddingHome = () => {
             <h1
               style={{
                 fontWeight: "bolder",
-                fontFamily: "'Style Script', cursive",
+                fontFamily: "'Dancing Script Variable', cursive",
               }}
             >
               We're Getting Hitched!
             </h1>
             <h3
               style={{
                 fontWeight: "bolder",
-                fontFamily: "'Style Script', cursive",
+                fontFamily: "'Dancing Script Variable', cursive",
               }}
             >
               2024-10-18
             </h3>
-            <h3 style={{ fontFamily: "'Style Script', cursive" }}>
+            <h3 style={{ fontFamily: "'Dancing Script Variable', cursive" }}>
               Mountain-Aire Resort & Campground
             </h3>
           </div>

src/pages/weddinginfo.js

@@ -45,7 +45,8 @@ const WeddingInfo = () => {
             <InfoBoxTitle>Info</InfoBoxTitle>
             <h3>Schedule</h3>
             <p>
-              3PM - Ceremony
+              <h5>October 18, 2024</h5>
+              5PM - Ceremony
               <br />
               6PM - Dinner
             </p>