diff --git a/src/app/page.tsx b/src/app/page.tsx
index f406514..3e58870 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -21,10 +21,10 @@ export default function LandingPage() {
       contentWidth="mediumLarge"
       sizing="mediumLargeSizeMediumTitles"
       background="none"
-      cardStyle="subtle-shadow"
-      primaryButtonStyle="double-inset"
-      secondaryButtonStyle="layered"
-      headingFontWeight="extrabold"
+      cardStyle="glass-depth"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
@@ -64,11 +64,11 @@ export default function LandingPage() {
           description="Handpicked fragrances that embody sophistication and luxury. Each perfume is carefully selected for its unique character and exceptional quality."
           tag="Our Best Sellers"
           tagIcon={Award}
-          tagAnimation="slide-up"
+          tagAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
           gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
+          animationType="blur-reveal"
           products={[
             {
               id: "1",              name: "Rose Garden Essence",              price: "$89.99",              imageSrc: "http://img.b2bpic.net/free-vector/golden-floral-cards-collection_23-2147999843.jpg",              imageAlt: "Rose Garden Essence perfume bottle"
@@ -81,7 +81,7 @@ export default function LandingPage() {
             }
           ]}
           buttons={[{ text: "View All Products", href: "#products" }]}
-          buttonAnimation="slide-up"
+          buttonAnimation="blur-reveal"
         />
       </div>
 
@@ -89,6 +89,7 @@ export default function LandingPage() {
         <MetricSplitMediaAbout
           tag="Our Story"
           tagIcon={Sparkles}
+          tagAnimation="blur-reveal"
           title="Crafted with Passion for Perfection"
           description="For over two decades, Aroma Elite has been dedicated to creating fragrances that transcend mere scent. We blend the finest ingredients from around the world with artisanal expertise to produce perfumes that become part of your identity. Every bottle represents our commitment to quality, sustainability, and the art of fragrance creation."
           metrics={[
@@ -98,8 +99,8 @@ export default function LandingPage() {
           imageSrc="http://img.b2bpic.net/free-photo/caspia-filler-flowers_1339-6285.jpg"
           imageAlt="Perfume production and craftsmanship"
           useInvertedBackground={false}
-          mediaAnimation="slide-up"
-          metricsAnimation="slide-up"
+          mediaAnimation="blur-reveal"
+          metricsAnimation="blur-reveal"
         />
       </div>
 
@@ -114,8 +115,8 @@ export default function LandingPage() {
             { src: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-puts-hands-chest-looking-side-isolated-orange-background-with-copy-space_141793-65450.jpg", alt: "Happy customer" },
             { src: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg", alt: "Satisfied client" }
           ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
+          ratingAnimation="blur-reveal"
+          avatarsAnimation="blur-reveal"
           useInvertedBackground={false}
         />
       </div>
@@ -126,13 +127,13 @@ export default function LandingPage() {
           description="Our fragrances are recognized and recommended by industry leaders and influencers worldwide."
           tag="Industry Recognition"
           tagIcon={Award}
-          tagAnimation="slide-up"
+          tagAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
           names={["Vogue Beauty", "Luxury Magazine", "Fashion Week", "Beauty Awards", "Premium Retail", "Fragrance Guild", "Wellness Today"]}
           speed={40}
           showCard={true}
-          buttonAnimation="slide-up"
+          buttonAnimation="blur-reveal"
         />
       </div>
 
@@ -142,14 +143,14 @@ export default function LandingPage() {
           description="Find answers to common questions about our perfumes and services."
           tag="Help & Support"
           tagIcon={HelpCircle}
-          tagAnimation="slide-up"
+          tagAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
           imageSrc="http://img.b2bpic.net/free-vector/woman-working-computer-internet-replying-messages_74855-3940.jpg"
           imageAlt="Customer support and assistance"
-          mediaAnimation="slide-up"
+          mediaAnimation="blur-reveal"
           mediaPosition="left"
-          faqsAnimation="slide-up"
+          faqsAnimation="blur-reveal"
           animationType="smooth"
           faqs={[
             {
@@ -180,12 +181,12 @@ export default function LandingPage() {
           title="Stay Updated with Exclusive Offers"
           description="Subscribe to our newsletter and receive special promotions, fragrance tips, and first access to new collections."
           tagIcon={Mail}
-          tagAnimation="slide-up"
+          tagAnimation="blur-reveal"
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
           imageSrc="http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382885.jpg?_wi=2"
           imageAlt="Exclusive newsletter perfume offers"
-          mediaAnimation="slide-up"
+          mediaAnimation="blur-reveal"
           mediaPosition="right"
           inputPlaceholder="Enter your email address"
           buttonText="Subscribe"
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index b9e5214..34aea07 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-nunito), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-nunito), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 4fd73bf..8e61aca 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
+  --card: #f5f5f5;
+  --foreground: #1a1a1a;
+  --primary-cta: #000000;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #d0d0d0;
+  --background-accent: #e8e8e8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);