diff --git a/src/app/page.tsx b/src/app/page.tsx
index 243fccf..e5493fa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
 
 export default function LandingPage() {
   return (
@@ -32,6 +33,7 @@ export default function LandingPage() {
       navItems={[
         { name: "Services", id: "services" },
         { name: "Solutions", id: "solutions" },
+        { name: "Team", id: "team" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="Off Post Library & Office"
@@ -86,6 +88,23 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="team" data-section="team">
+    <TeamCardOne
+      title="Meet Our Team"
+      description="Dedicated professionals committed to your office's success."
+      textboxLayout="default"
+      gridVariant="four-items-2x2-equal-grid"
+      animationType="slide-up"
+      useInvertedBackground={false}
+      members={[
+        { id: "m1", name: "Veronica Maldonado", role: "Secretary" },
+        { id: "m2", name: "Lee", role: "Registration Agent" },
+        { id: "m3", name: "Eduardo Borcan", role: "Project Agent" },
+        { id: "m4", name: "Jaruga Kartarzyna", role: "Project Agent" }
+      ]}
+    />
+  </div>
+
   <div id="metrics" data-section="metrics">
       <MetricCardFourteen
       title="Quality Standards"