diff --git a/src/app/page.tsx b/src/app/page.tsx
index 86644a8..444ca5a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -22,10 +22,10 @@ export default function LandingPage() {
         borderRadius="rounded"
         contentWidth="mediumSmall"
         sizing="mediumSizeLargeTitles"
-        background="circleGradient"
-        cardStyle="layered-gradient"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="radial-glow"
+        background="aurora"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
@@ -58,7 +58,7 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "plain"}}
+        variant: "sparkles-gradient"}}
       title="Unleash Your Beauty at KENYUN SALON"
       description="Experience premium hair care, styling, and beauty treatments designed to make you look and feel your absolute best. Your journey to radiant confidence starts here."
       leftCarouselItems={[
@@ -150,7 +150,7 @@ export default function LandingPage() {
 
   <div id="services" data-section="services">
       <FeatureCardTwentyFive
-      animationType="slide-up"
+      animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
@@ -189,7 +189,7 @@ export default function LandingPage() {
 
   <div id="products" data-section="products">
       <ProductCardTwo
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
@@ -220,7 +220,7 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardFive
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
@@ -279,7 +279,7 @@ export default function LandingPage() {
           text: "Read All Reviews",          href: "#testimonials"},
       ]}
       buttonAnimation="none"
-      cardAnimation="slide-up"
+      cardAnimation="scale-rotate"
     />
   </div>
 
@@ -309,7 +309,7 @@ export default function LandingPage() {
           text: "Contact Us Directly",          href: "#contact"},
       ]}
       buttonAnimation="none"
-      faqsAnimation="slide-up"
+      faqsAnimation="scale-rotate"
     />
   </div>
 
@@ -317,7 +317,7 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "plain"}}
+        variant: "canvas-reveal"}}
       text="Ready for a transformation? Visit KENYUN SALON today or book your appointment easily through our contact details below. We look forward to seeing you!"
       buttons={[
         {
@@ -329,7 +329,7 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBase
       logoText="KENYUN SALON"
       columns={[
         {