30 lines
915 B
JavaScript
30 lines
915 B
JavaScript
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; |