Update src/app/page.tsx

src/app/globals.css

@@ -7,10 +7,10 @@
   --background: #ffffff;;
   --card: #fafafa;;
   --foreground: #000000;;
-  --primary-cta: #ff6600;;
+  --primary-cta: #409fff;;
   --secondary-cta: #ffffff;;
-  --accent: #e5e5e5;;
-  --background-accent: #f5f5f5;;
+  --accent: #c7e2fc;;
+  --background-accent: #9bcfff;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -4,9 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
+import TeamCardThree from '@/components/sections/team/TeamCardThree';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSplit from '@/components/sections/footer/FooterSplit';
-import { Phone, Mail, MapPin } from "lucide-react";
+import { Phone, Mail, MapPin, Users } from "lucide-react";
 
 export default function Page() {
   return (
@@ -28,6 +29,7 @@ export default function Page() {
           navItems={[
             { name: "Home", id: "hero" },
             { name: "Our Cases", id: "cases" },
+            { name: "Team", id: "team" },
             { name: "Contact", id: "contact" }
           ]}
           button={{
@@ -95,6 +97,62 @@ export default function Page() {
         />
       </div>
       
+      <div id="team" data-section="team">
+        <TeamCardThree
+          members={[
+            {
+              id: "1",
+              name: "Dr. Sarah Johnson",
+              role: "Medical Director",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929318409-kyt0epdo.jpg",
+              imageAlt: "Dr. Sarah Johnson"
+            },
+            {
+              id: "2",
+              name: "Michael Chen",
+              role: "Clinical Therapist",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929156367-4vs8nuk8.jpg",
+              imageAlt: "Michael Chen"
+            },
+            {
+              id: "3",
+              name: "Emma Davis",
+              role: "Counselor",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929157319-yldoyv48.jpg",
+              imageAlt: "Emma Davis"
+            },
+            {
+              id: "4",
+              name: "James Wilson",
+              role: "Addiction Specialist",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929158175-8ey96anb.jpg",
+              imageAlt: "James Wilson"
+            },
+            {
+              id: "5",
+              name: "Lisa Martinez",
+              role: "Nutritionist",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929318409-kyt0epdo.jpg",
+              imageAlt: "Lisa Martinez"
+            },
+            {
+              id: "6",
+              name: "David Thompson",
+              role: "Fitness Coordinator",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929156367-4vs8nuk8.jpg",
+              imageAlt: "David Thompson"
+            }
+          ]}
+          animationType="slide-up"
+          title="Meet Our Specialists"
+          description="Our dedicated team of experienced professionals is committed to your recovery journey. Each specialist brings unique expertise and compassion to support your healing."
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          tag="Our Team"
+          tagIcon={Users}
+        />
+      </div>
+      
       <div id="contact" data-section="contact">
         <ContactText
           text="Ready to take the first step toward recovery?"
@@ -117,6 +175,7 @@ export default function Page() {
               items: [
                 { label: "Home", href: "#hero" },
                 { label: "Our Cases", href: "#cases" },
+                { label: "Team", href: "#team" },
                 { label: "Contact", href: "#contact" }
               ]
             },