diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7ee9ef6..0a1e896 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 ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
@@ -12,7 +13,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Award } from "lucide-react";
+import { Award, Zap, Dumbbell, Target, Clock, ShieldCheck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,18 +33,13 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Programs",          id: "features"},
-        {
-          name: "Pricing",          id: "pricing"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Programs", id: "features" },
+        { name: "Features", id: "feature-bento" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Skyline Fitness"
     />
@@ -51,14 +47,10 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "sparkles-gradient" }}
       title="Elevate Your Potential"
       description="Experience the ultimate fitness transformation at Skyline Fitness. State-of-the-art equipment, elite coaching, and a community dedicated to your success."
-      buttons={[
-        {
-          text: "Join Today",          href: "#pricing"},
-      ]}
+      buttons={[{ text: "Join Today", href: "#pricing" }]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114232.jpg"
     />
   </div>
@@ -81,37 +73,38 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "Limited Hours",          "Outdated Gear",          "Overcrowded Spaces",          "Hidden Fees",          "Lack of Support"],
-      }}
-      positiveCard={{
-        items: [
-          "24/7 Access",          "Premium Equipment",          "Spacious Training Zones",          "Expert Coaching",          "Recovery & Wellness"],
-      }}
+      negativeCard={{ items: ["Limited Hours", "Outdated Gear", "Overcrowded Spaces", "Hidden Fees", "Lack of Support"] }}
+      positiveCard={{ items: ["24/7 Access", "Premium Equipment", "Spacious Training Zones", "Expert Coaching", "Recovery & Wellness"] }}
       title="Why Choose Skyline"
       description="Experience the difference of a premium fitness club designed for results."
     />
   </div>
 
+  <div id="feature-bento" data-section="feature-bento">
+      <FeatureBento
+      title="Engineered for Results"
+      description="Discover the core pillars that define the Skyline Fitness experience."
+      useInvertedBackground={true}
+      animationType="slide-up"
+      textboxLayout="default"
+      features={[
+        { title: "Elite Training", description: "High-intensity performance areas.", bentoComponent: "reveal-icon", icon: Zap },
+        { title: "Recovery Suites", description: "Advanced massage and therapy.", bentoComponent: "reveal-icon", icon: ShieldCheck },
+        { title: "24/7 Access", description: "Workout whenever you need to.", bentoComponent: "reveal-icon", icon: Clock },
+        { title: "Pro Coaching", description: "Guided paths to your goals.", bentoComponent: "reveal-icon", icon: Dumbbell }
+      ]}
+    />
+  </div>
+
   <div id="pricing" data-section="pricing">
       <PricingCardOne
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",          badge: "Essential",          price: "$39",          subtitle: "Access all areas",          features: [
-            "Gym Access",            "Locker Room",            "Cardio Zone"],
-        },
-        {
-          id: "pro",          badge: "Best Value",          price: "$69",          subtitle: "Elite training package",          features: [
-            "All Access",            "Classes Included",            "Personal Training",            "Recovery Hub"],
-        },
-        {
-          id: "premium",          badge: "Elite",          price: "$99",          subtitle: "Unlimited transformation",          features: [
-            "All Elite Benefits",            "Unlimited Guest Passes",            "Nutritional Planning",            "Recovery Suite Access"],
-        },
+        { id: "basic", badge: "Essential", price: "$39", subtitle: "Access all areas", features: ["Gym Access", "Locker Room", "Cardio Zone"] },
+        { id: "pro", badge: "Best Value", price: "$69", subtitle: "Elite training package", features: ["All Access", "Classes Included", "Personal Training", "Recovery Hub"] },
+        { id: "premium", badge: "Elite", price: "$99", subtitle: "Unlimited transformation", features: ["All Elite Benefits", "Unlimited Guest Passes", "Nutritional Planning", "Recovery Suite Access"] }
       ]}
       title="Membership Plans"
       description="Choose the plan that fits your lifestyle and fitness goals."
@@ -124,18 +117,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          value: "500+",          title: "Active Members",          items: [
-            "Community growing daily"],
-        },
-        {
-          id: "m2",          value: "15+",          title: "Certified Coaches",          items: [
-            "Experts in fitness"],
-        },
-        {
-          id: "m3",          value: "24/7",          title: "Always Open",          items: [
-            "Fitness on your schedule"],
-        },
+        { id: "m1", value: "500+", title: "Active Members", items: ["Community growing daily"] },
+        { id: "m2", value: "15+", title: "Certified Coaches", items: ["Experts in fitness"] },
+        { id: "m3", value: "24/7", title: "Always Open", items: ["Fitness on your schedule"] }
       ]}
       title="Our Impact"
       description="Empowering our community one rep at a time."
@@ -148,30 +132,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Alex R.",          role: "Pro Member",          company: "Local Athlete",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/timid-young-fitness-woman-sportswear-with-headband-with-smile-face-standing-orange-wall_141793-48522.jpg"},
-        {
-          id: "2",          name: "Sarah J.",          role: "Transformation",          company: "Client",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-funny-young-dark-skinned-african-male-with-curly-hair-grey-sporty-wear-touching-his-muscles-with-hand-looking-camera-with-silly-expression-sport-concept_176420-13060.jpg"},
-        {
-          id: "3",          name: "Mike D.",          role: "Enthusiast",          company: "Member",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-urban-lifestyle-body-language-concept-horizontal-im_343059-4141.jpg"},
-        {
-          id: "4",          name: "Emily K.",          role: "Athlete",          company: "Member",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-sporty-man-wearing-headband-wristbands-holding-mobile-phone-gesturing-strong-isolated-orange_141793-84252.jpg"},
-        {
-          id: "5",          name: "David W.",          role: "Regular",          company: "Member",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-posing-studio-with-dumbbels_613910-58.jpg"},
-      ]}
-      kpiItems={[
-        {
-          value: "98%",          label: "Retention"},
-        {
-          value: "5k+",          label: "Sessions"},
-        {
-          value: "100%",          label: "Satisfaction"},
+        { id: "1", name: "Alex R.", role: "Pro Member", company: "Local Athlete", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/timid-young-fitness-woman-sportswear-with-headband-with-smile-face-standing-orange-wall_141793-48522.jpg" },
+        { id: "2", name: "Sarah J.", role: "Transformation", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-funny-young-dark-skinned-african-male-with-curly-hair-grey-sporty-wear-touching-his-muscles-with-hand-looking-camera-with-silly-expression-sport-concept_176420-13060.jpg" }
       ]}
+      kpiItems={[{ value: "98%", label: "Retention" }, { value: "5k+", label: "Sessions" }, { value: "100%", label: "Satisfaction" }]}
       title="Member Stories"
       description="Hear what our members have to say about their transformation journey."
     />
@@ -182,16 +146,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",          title: "Do I need a tour?",          content: "You can walk in anytime, but booking a tour ensures a coach is ready."},
-        {
-          id: "f2",          title: "Are there contracts?",          content: "We offer flexible monthly plans without long-term commitments."},
-        {
-          id: "f3",          title: "Can I bring a friend?",          content: "Pro members get guest passes included in their plan."},
-        {
-          id: "f4",          title: "Is the gym secure?",          content: "Yes, we have 24/7 monitored security access for all members."},
-        {
-          id: "f5",          title: "Do you offer personal training?",          content: "Absolutely, we have a team of certified coaches ready to help."},
+        { id: "f1", title: "Do I need a tour?", content: "You can walk in anytime, but booking a tour ensures a coach is ready." },
+        { id: "f2", title: "Are there contracts?", content: "We offer flexible monthly plans without long-term commitments." },
+        { id: "f3", title: "Can I bring a friend?", content: "Pro members get guest passes included in their plan." }
       ]}
       title="Common Questions"
       faqsAnimation="slide-up"
@@ -202,8 +159,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       title="Start Your Journey"
       description="Sign up for our newsletter to get a free 3-day pass to our facilities."
       tag="Contact Us"
@@ -219,4 +175,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file