Docker config

app/components/TeamDetail/TeamMemberDetail.jsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import TeamMemberHero from './TeamMemberHero';
+import TeamMemberSidebar from './TeamMemberSidebar';
+import TeamMemberContent from './TeamMemberContent';
+
+const TeamMemberDetail = ({ memberData }) => {
+  return (
+    <div>
+      <TeamMemberHero memberName={memberData.name} />
+      
+      <section className="pt-12 pb-6">
+        <div className="container mx-auto max-w-none px-6">
+          <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
+            {/* Sidebar - Member Info */}
+            <div className="lg:col-span-1">
+              <TeamMemberSidebar memberData={memberData} />
+            </div>
+            
+            {/* Main Content */}
+            <div className="lg:col-span-3">
+              <TeamMemberContent content={memberData.content} />
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+};
+
+export default TeamMemberDetail;