diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3795ec5..cdb59e0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,100 +3,60 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
-import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
-import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { PartyPopper, Cat } from "lucide-react";
+import { Cake, Heart, Sparkles } from "lucide-react";
 
-export default function BirthdayPage() {
+export default function BirthdaySurprisePage() {
   const navItems = [
     { name: "For Nishi", id: "hero" },
     { name: "Birthday Wishes", id: "wishes" },
-    { name: "Cat Corner", id: "cats" },
   ];
 
   return (
     <ThemeProvider
-      defaultButtonVariant="hover-bubble"
-      defaultTextAnimation="reveal-blur"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="background-highlight"
       borderRadius="pill"
       contentWidth="medium"
-      sizing="mediumLargeSizeLargeTitles"
+      sizing="largeSizeMediumTitles"
       background="floatingGradient"
-      cardStyle="glass-depth"
+      cardStyle="glass-elevated"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="solid"
-      headingFontWeight="bold"
+      headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
           navItems={navItems}
-          brandName="Happy Birthday Nishi!"
-          button={{ text: "Send Love", onClick: () => alert("Happy Birthday, Nishi! 🎂") }}
+          brandName="Happy Birthday!"
+          button={{ text: "Send Love", href: "#" }}
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroSplitKpi
-          title="Happy Birthday, Nishi! 🎂"
-          description="Wishing the most wonderful birthday to a truly amazing person. May your day be filled with as much happiness as you bring to everyone around you!"
+          title="Happy Birthday, Nishi!"
+          description="A day as special as you are! Wishing you a year full of purr-fect moments, endless joy, and all the love in the world. May your day be as sweet as you are!"
           tag="Celebration"
-          tagIcon={PartyPopper}
-          tagAnimation="slide-up"
+          tagIcon={Cake}
           kpis={[
-            { value: "Unlimited", label: "Joy" },
-            { value: "Infinite", label: "Love" },
-            { value: "Best", label: "Year Yet" },
+            { value: "Unlimited", label: "Joy & Smiles" },
+            { value: "100%", label: "Happiness" },
+            { value: "Always", label: "Loved" },
           ]}
-          background={{ variant: "gradient-bars" }}
-          enableKpiAnimation={true}
-          mediaAnimation="slide-up"
-          imageSrc="https://img.b2bpic.net/free-photo/young-happy-woman-holding-birthday-cake-with-candles_23-2148281351.jpg?_wi=1"
-          imageAlt="Birthday celebration"
-          imagePosition="right"
-        />
-      </div>
-
-      <div id="wishes" data-section="wishes">
-        <MetricCardTen
-          title="Personal Birthday Wishes"
-          description="Celebrating you today with love, joy, and cat stickers!"
-          metrics={[
-            { id: "wish-1", title: "Dream Big", subtitle: "May all your wishes come true", category: "Growth", value: "Sparkle" },
-            { id: "wish-2", title: "Stay Cute", subtitle: "Like a little kitty", category: "Personality", value: "Meow" },
-            { id: "wish-3", title: "Pure Joy", subtitle: "Happiness in every moment", category: "Vibes", value: "Smile" },
-          ]}
-          animationType="blur-reveal"
-          textboxLayout="centered"
-          useInvertedBackground={true}
-        />
-      </div>
-
-      <div id="cats" data-section="cats">
-        <ProductCardTwo
-          title="Cat Stickers for Nishi! 🐱"
-          description="A special collection of cuteness just for you."
-          tag="Cat Lover"
-          tagIcon={Cat}
-          products={[
-            { id: "cat1", brand: "Cuteness", name: "Sleepy Kitty", price: "Gifted", rating: 5, reviewCount: "1k", imageSrc: "https://img.b2bpic.net/free-photo/cute-cat-wearing-birthday-hat_23-2149416550.jpg?_wi=1" },
-            { id: "cat2", brand: "Cuteness", name: "Happy Kitty", price: "Gifted", rating: 5, reviewCount: "2k", imageSrc: "https://img.b2bpic.net/free-photo/cat-playing-with-gift-box_23-2149405621.jpg?_wi=1" },
-            { id: "cat3", brand: "Cuteness", name: "Tiny Purr", price: "Gifted", rating: 5, reviewCount: "800", imageSrc: "https://img.b2bpic.net/free-photo/funny-kitten-with-birthday-balloon_23-2149416545.jpg?_wi=1" },
-          ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="scale-rotate"
-          textboxLayout="inline-image"
-          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/cute-cat-wearing-birthday-hat-with-balloon_23-2148454228.jpg?_wi=1"
+          imageAlt="Cute birthday cat"
+          buttons={[{ text: "I Love You!" }]}
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterBase
           columns={[]}
-          logoText="With Love"
-          copyrightText="© 2025 Birthday Celebration for Nishi"
+          logoText="Birthday Wishes for Nishi"
+          copyrightText="Made with love and cat stickers"
         />
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file