function MainComponent() { const [coaches, setCoaches] = React.useState([ { id: 1, name: 'Jane Doe', expertise: 'Leadership', availability: [ 'Mon', 'Wed', 'Fri' ], img: '/images/coach-leadership.jpg', bio: 'With a decade of experience in leadership roles, Jane empowers you to hone your executive presence.' }, { id: 2, name: 'Emily Smith', expertise: 'Career Development', availability: [ 'Tue', 'Thu', 'Sat' ], img: '/images/coach-emily.jpg', bio: 'Emily helps professionals navigate their career paths and make impactful decisions.' }, { id: 3, name: 'Anna Johnson', expertise: 'Work-Life Balance', availability: [ 'Mon', 'Thu', 'Sun' ], img: '/images/coach-anna.jpg', bio: 'Anna is your go-to coach for achieving a fulfilled life while excelling in your career.' } ]); const coachProfiles = coaches.map((coach)=>/*#__PURE__*/ React.createElement("div", { key: coach.id, className: "p-4 md:w-1/3", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "lg:h-48 md:h-36 w-full object-cover object-center", src: coach.img, alt: `Profile of coach ${coach.name}`, __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-base font-medium text-indigo-500", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, coach.expertise), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold mb-3", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, coach.name), /*#__PURE__*/ React.createElement("p", { className: "mb-3", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, coach.bio), /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement("button", { className: "mt-3 text-white bg-indigo-500 border-0 py-2 px-6 focus:outline-none hover:bg-indigo-600 rounded text-lg", onClick: ()=>setCoaches([ ...coaches ]), __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Schedule Session"))))); return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col text-center w-full mb-12", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, "Elevate: Tailored 1:1 Coaching"), /*#__PURE__*/ React.createElement("p", { className: "lg:w-2/3 mx-auto leading-relaxed text-base", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "Dedicated to empowering driven women in their early to mid-careers through personalized coaching sessions.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -m-4", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, coachProfiles)); }