diff --git a/src/app/approach/page.tsx b/src/app/approach/page.tsx
index 4d1dd9b..c477c4f 100644
--- a/src/app/approach/page.tsx
+++ b/src/app/approach/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
@@ -107,17 +107,10 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBaseReveal
       logoText="K&K Solution Inc."
       columns={consistentFooterColumns}
       copyrightText="© 2026 K&K Solution Inc."
-      className="bg-[#6B0F1A] border-t border-[#C9A961] py-8"
-      logoTextClassName="text-[#FAF4E6] text-xl font-bold"
-      columnTitleClassName="text-[#C9A961] font-semibold mb-4"
-      columnItemClassName="text-[#C9A961] hover:text-[#FAF4E6] text-base mb-2"
-      copyrightTextClassName="text-[#D8C896] text-sm mt-8"
-      containerClassName="max-w-screen-xl mx-auto px-4"
-      columnsClassName="grid grid-cols-2 md:grid-cols-2 gap-8 lg:gap-12"
     />
   </div>
       </ReactLenis>