diff --git a/src/app/page.tsx b/src/app/page.tsx
index c1cb32a..30f868f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,6 +8,7 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
@@ -36,6 +37,8 @@ export default function LandingPage() {
           name: "Home",          id: "#home"},
         {
           name: "About Us",          id: "#about"},
+        {
+          name: "Our Skills",          id: "#skills"},
         {
           name: "Collection",          id: "#collection"},
         {
@@ -138,6 +141,20 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="skills" data-section="skills">
+    <MetricCardSeven
+      animationType="slide-up"
+      useInvertedBackground={false}
+      title="Our UI/UX Pro Max Skills"
+      description="Showcasing our advanced capabilities in user interface and user experience design."
+      metrics={[
+        { id: "ui-design", value: "Pro Max", title: "UI Design", items: ["Wireframing", "Prototyping", "Visual Design", "Atomic Design Systems"] },
+        { id: "ux-research", value: "Expert", title: "UX Research", items: ["User Interviews", "Usability Testing", "Journey Mapping", "Competitor Analysis"] },
+        { id: "interaction-design", value: "Advanced", title: "Interaction Design", items: ["Micro-interactions", "Animation Principles", "Accessibility", "Responsive Design"] }
+      ]}
+    />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureBorderGlow
       animationType="slide-up"