diff --git a/src/app/page.tsx b/src/app/page.tsx
index eb1810f..fdb185f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,6 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
@@ -31,18 +32,15 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Menu",          id: "menu"},
-        {
-          name: "Experiences",          id: "features"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "About", id: "about" },
+        { name: "Menu", id: "menu" },
+        { name: "Experiences", id: "features" },
+        { name: "Innovation", id: "feature-nine" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="SAVOUR"
       button={{
-        text: "Reserve",        href: "#contact"}}
+        text: "Reserve", href: "#contact" }}
     />
   </div>
 
@@ -52,10 +50,8 @@ export default function LandingPage() {
       description="Culinary Excellence Redefined. Experience the future of fine dining in Jakarta with award-winning fusion cuisine and AI-powered recommendations."
       background={{ variant: "sparkles-gradient" }}
       buttons={[
-        {
-          text: "Reserve Now",          href: "#contact"},
-        {
-          text: "Explore Menu",          href: "#menu"},
+        { text: "Reserve Now", href: "#contact" },
+        { text: "Explore Menu", href: "#menu" },
       ]}
       carouselItems={[
         { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-dish-with-white-wine_84443-82012.jpg", imageAlt: "Culinary Art" },
@@ -73,7 +69,8 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Our Philosophy"
       description={[
-        "SAVOUR is an award-winning fine dining destination that harmonizes traditional French techniques with the vibrant, bold flavors of Indonesia.",        "Our mission is to create a symphony of taste on every plate, engaging all senses in a refined atmosphere crafted for true culinary enthusiasts."]}
+        "SAVOUR is an award-winning fine dining destination that harmonizes traditional French techniques with the vibrant, bold flavors of Indonesia.",        "Our mission is to create a symphony of taste on every plate, engaging all senses in a refined atmosphere crafted for true culinary enthusiasts."
+      ]}
     />
   </div>
 
@@ -83,21 +80,29 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Flame,
-          title: "AI Menu Intelligence",          description: "Personalized menu recommendations tailored to your unique palate profile."},
-        {
-          icon: Calendar,
-          title: "Real-time Reservations",          description: "Seamless, instant booking experience at your fingertips, anytime."},
-        {
-          icon: Layers,
-          title: "Immersive Experience",          description: "Atmospheric 3D dining environments with dynamic ambiance adjustments."},
+        { icon: Flame, title: "AI Menu Intelligence", description: "Personalized menu recommendations tailored to your unique palate profile." },
+        { icon: Calendar, title: "Real-time Reservations", description: "Seamless, instant booking experience at your fingertips, anytime." },
+        { icon: Layers, title: "Immersive Experience", description: "Atmospheric 3D dining environments with dynamic ambiance adjustments." },
       ]}
       title="The Future of Dining"
       description="Innovative technology meets traditional culinary craft to elevate your dining experience to new heights."
     />
   </div>
 
+  <div id="feature-nine" data-section="feature-nine">
+      <FeatureCardNine
+        showStepNumbers={true}
+        animationType="slide-up"
+        textboxLayout="default"
+        title="Our Process"
+        description="Discover the meticulous steps we take to craft your perfect dining experience."
+        features={[
+          { title: "Reserve", description: "Select your preferred date and time online.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-dish-with-white-wine_84443-82012.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-dish-with-white-wine_84443-82012.jpg" } },
+          { title: "Customize", description: "Personalize your menu with AI-driven suggestions.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-dish-with-white-wine_84443-82012.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-dish-with-white-wine_84443-82012.jpg" } },
+        ]}
+      />
+  </div>
+
   <div id="menu" data-section="menu">
       <ProductCardOne
       animationType="slide-up"
@@ -105,86 +110,25 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          name: "Wagyu A5 Tartare",          price: "IDR 350,000",          imageSrc: "http://img.b2bpic.net/free-photo/soft-cake-decorated-with-orangeand-chocolate-dark-table_140725-86366.jpg"},
-        {
-          id: "p2",          name: "Lobster Thermidor",          price: "IDR 550,000",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279481.jpg"},
-        {
-          id: "p3",          name: "Duck Confit",          price: "IDR 320,000",          imageSrc: "http://img.b2bpic.net/free-photo/shrimp-plate-garnished-with-sauce-bread-stuffing-spinach-shredded-carrot_141793-2275.jpg"},
-        {
-          id: "p4",          name: "Truffle Arancini",          price: "IDR 120,000",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fork-with-wedding-rings_23-2148242381.jpg"},
-        {
-          id: "p5",          name: "Chocolate Sphere",          price: "IDR 180,000",          imageSrc: "http://img.b2bpic.net/free-photo/cocktail-served-crystal-glass_140725-7809.jpg"},
-        {
-          id: "p6",          name: "Beef Wellington",          price: "IDR 480,000",          imageSrc: "http://img.b2bpic.net/free-photo/boiled-coffee-cups-sweets_140725-3711.jpg"},
+        { id: "p1", name: "Wagyu A5 Tartare", price: "IDR 350,000", imageSrc: "http://img.b2bpic.net/free-photo/soft-cake-decorated-with-orangeand-chocolate-dark-table_140725-86366.jpg" },
+        { id: "p2", name: "Lobster Thermidor", price: "IDR 550,000", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279481.jpg" },
+        { id: "p3", name: "Duck Confit", price: "IDR 320,000", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-plate-garnished-with-sauce-bread-stuffing-spinach-shredded-carrot_141793-2275.jpg" },
       ]}
       title="Seasonal Curated Menu"
       description="Experience hand-selected dishes crafted by our award-winning culinary team."
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",          name: "Michael Chen",          role: "Food Critic",          testimonial: "Absolutely incredible experience! The wagyu tartare was absolute perfection.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-funny-pin-up-woman-holding-cake-hands_176420-3320.jpg"},
-        {
-          id: "2",          name: "Sarah Johnson",          role: "Culinary Blogger",          testimonial: "The best fine dining in Jakarta. The service and atmosphere were unmatched.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunettte-woman-chef-cooking-carrot-cake-making-fish-face-with-mouth-squinting-eyes-crazy-comical_839833-19935.jpg"},
-        {
-          id: "3",          name: "James Wilson",          role: "Business Executive",          testimonial: "A symphony of taste and elegance. Highly recommend the fusion menu.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-luxury-restaurant_23-2150598346.jpg"},
-        {
-          id: "4",          name: "Elena Rodriguez",          role: "Art Collector",          testimonial: "Art on a plate. Truly an unforgettable night of high-end gastronomy.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598345.jpg"},
-        {
-          id: "5",          name: "David Kim",          role: "Gourmet Traveler",          testimonial: "SAVOUR sets a new global standard for modern, intelligent fine dining.",          imageSrc: "http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9390.jpg"},
-      ]}
-      title="Guest Testimonials"
-      description="What our esteemed guests are saying about their journey at SAVOUR."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",          value: "15+",          title: "Years of Excellence",          items: [
-            "Established 2009",            "Global standard"],
-        },
-        {
-          id: "m2",          value: "25+",          title: "Culinary Awards",          items: [
-            "Best Fine Dining 2024",            "Excellence in Service"],
-        },
-        {
-          id: "m3",          value: "100%",          title: "Customer Satisfaction",          items: [
-            "Curated experience",            "Personalized service"],
-        },
-      ]}
-      title="Culinary Achievements"
-      description="Recognized for consistent innovation and service excellence globally."
-    />
-  </div>
-
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}
       title="Reservations"
       description="Secure your table for an extraordinary culinary journey at SAVOUR."
       inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Full Name",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
       ]}
-      textarea={{
-        name: "message",        placeholder: "Special requests or reservation notes...",        rows: 4,
-      }}
+      textarea={{ name: "message", placeholder: "Special requests or reservation notes...", rows: 4 }}
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-castle-architecture_23-2150754910.jpg"
     />
   </div>
@@ -192,26 +136,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Menu",              href: "#menu"},
-            {
-              label: "Reservations",              href: "#contact"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-            {
-              label: "Careers",              href: "#"},
-          ],
-        },
+        { items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Reservations", href: "#contact" }] },
+        { items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "Careers", href: "#" }] },
       ]}
       logoText="SAVOUR"
     />
@@ -219,4 +145,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}