diff --git a/src/app/page.tsx b/src/app/page.tsx
index 669e11b..e721e88 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,13 +13,13 @@ export default function HomePage() {
       defaultButtonVariant="hover-bubble"
       defaultTextAnimation="reveal-blur"
       borderRadius="rounded"
-      contentWidth="compact"
-      sizing="largeSmallSizeMediumTitles"
+      contentWidth="medium"
+      sizing="medium"
       background="aurora"
-      cardStyle="solid"
-      primaryButtonStyle="double-inset"
-      secondaryButtonStyle="solid"
-      headingFontWeight="medium"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      showBlurBottom={false}
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
@@ -78,24 +78,21 @@ export default function HomePage() {
       <FooterBaseReveal
         columns={[
           {
-            title: "Shop",
-            items: [
+            title: "Shop",            items: [
               { label: "Coffee", href: "/products" },
               { label: "Tea", href: "/products" },
               { label: "Brewing Guides", href: "/about" }
             ]
           },
           {
-            title: "Company",
-            items: [
+            title: "Company",            items: [
               { label: "About Us", href: "/about" },
               { label: "Sustainability", href: "/about" },
               { label: "Contact", href: "/contact" }
             ]
           },
           {
-            title: "Connect",
-            items: [
+            title: "Connect",            items: [
               { label: "Instagram", href: "https://instagram.com" },
               { label: "Facebook", href: "https://facebook.com" },
               { label: "Newsletter", href: "/contact" }