src/app/page.tsx

@@ -21,9 +21,9 @@ export default function LandingPage() {
       contentWidth="smallMedium"
       sizing="largeSmallSizeMediumTitles"
       background="aurora"
-      cardStyle="inset"
+      cardStyle="glass-elevated"
       primaryButtonStyle="diagonal-gradient"
-      secondaryButtonStyle="solid"
+      secondaryButtonStyle="glass"
       headingFontWeight="light"
     >
       <div id="nav" data-section="nav">
@@ -35,7 +35,7 @@ export default function LandingPage() {
             { name: "Gallery", id: "gallery" },
             { name: "Contact", id: "contact" }
           ]}
-          button={{ text: "Get Directions", href: "#directions" }}
+          button={{ text: "Get Directions", href: "https://maps.google.com/?q=24.24235,55.700408" }}
           animateOnLoad={true}
         />
       </div>