function MainComponent() { const [menuOpen, setMenuOpen] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#1a365d] p-4", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white font-playfair text-2xl", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Dr. Sarah Mitchell, MD"), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex space-x-6", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", className: "text-white hover:text-[#e2e8f0] font-roboto", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#media", className: "text-white hover:text-[#e2e8f0] font-roboto", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "Media"), /*#__PURE__*/ React.createElement("a", { href: "#expertise", className: "text-white hover:text-[#e2e8f0] font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Expertise"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "text-white hover:text-[#e2e8f0] font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setMenuOpen(!menuOpen), className: "md:hidden text-white", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars text-2xl", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }))), menuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden mt-4 space-y-2", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", className: "block text-white hover:text-[#e2e8f0] font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#media", className: "block text-white hover:text-[#e2e8f0] font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Media"), /*#__PURE__*/ React.createElement("a", { href: "#expertise", className: "block text-white hover:text-[#e2e8f0] font-roboto", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Expertise"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "block text-white hover:text-[#e2e8f0] font-roboto", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Contact"))), /*#__PURE__*/ React.createElement("main", { __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "py-20 bg-[#f8fafc]", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 flex flex-col md:flex-row items-center", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2 mb-8 md:mb-0", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/doctor-profile.jpg", alt: "Dr. Sarah Mitchell speaking at a medical conference", className: "rounded-lg shadow-xl w-[400px] h-[500px] object-cover", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2 md:pl-12", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-playfair text-4xl mb-6 text-[#1a365d]", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, "Leading Expert in Cardiology"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg mb-6 text-[#4a5568]", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, "With over 20 years of experience in cardiovascular medicine, Dr. Mitchell has been at the forefront of revolutionary cardiac treatments and research.")))), /*#__PURE__*/ React.createElement("section", { id: "media", className: "py-16 bg-white", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-playfair text-3xl mb-12 text-center text-[#1a365d]", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, "Featured In"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 items-center", __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/media-logo-1.png", alt: "CNN News Logo", className: "h-[60px] object-contain", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/media-logo-2.png", alt: "The New York Times Logo", className: "h-[60px] object-contain", __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/media-logo-3.png", alt: "Medical Journal Logo", className: "h-[60px] object-contain", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/media-logo-4.png", alt: "Healthcare Magazine Logo", className: "h-[60px] object-contain", __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { id: "expertise", className: "py-16 bg-[#f8fafc]", __source: { fileName: "", lineNumber: 127, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 128, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-playfair text-3xl mb-12 text-center text-[#1a365d]", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, "Areas of Expertise"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heartbeat text-[#1a365d] text-3xl mb-4", __source: { fileName: "", lineNumber: 134, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-playfair text-xl mb-4", __source: { fileName: "", lineNumber: 135, columnNumber: 17 }, __self: this }, "Cardiovascular Health"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#4a5568]", __source: { fileName: "", lineNumber: 138, columnNumber: 17 }, __self: this }, "Specialized in advanced cardiac procedures and preventive care")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 142, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-microscope text-[#1a365d] text-3xl mb-4", __source: { fileName: "", lineNumber: 143, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-playfair text-xl mb-4", __source: { fileName: "", lineNumber: 144, columnNumber: 17 }, __self: this }, "Clinical Research"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#4a5568]", __source: { fileName: "", lineNumber: 147, columnNumber: 17 }, __self: this }, "Leading groundbreaking studies in cardiovascular medicine")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chalkboard-teacher text-[#1a365d] text-3xl mb-4", __source: { fileName: "", lineNumber: 152, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-playfair text-xl mb-4", __source: { fileName: "", lineNumber: 153, columnNumber: 17 }, __self: this }, "Medical Education"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#4a5568]", __source: { fileName: "", lineNumber: 156, columnNumber: 17 }, __self: this }, "Dedicated to training the next generation of medical professionals"))))), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "py-16 bg-white", __source: { fileName: "", lineNumber: 165, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 166, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-playfair text-3xl mb-12 text-center text-[#1a365d]", __source: { fileName: "", lineNumber: 167, columnNumber: 13 }, __self: this }, "Contact for Speaking Engagements"), /*#__PURE__*/ React.createElement("div", { className: "max-w-xl mx-auto", __source: { fileName: "", lineNumber: 170, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-6", __source: { fileName: "", lineNumber: 171, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", className: "w-full p-3 border rounded-lg font-roboto", __source: { fileName: "", lineNumber: 173, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 180, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Your Email", className: "w-full p-3 border rounded-lg font-roboto", __source: { fileName: "", lineNumber: 181, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 188, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Your Message", rows: "4", className: "w-full p-3 border rounded-lg font-roboto", __source: { fileName: "", lineNumber: 189, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-[#1a365d] text-white py-3 px-8 rounded-lg font-roboto hover:bg-[#2d4a7c] transition duration-300", __source: { fileName: "", lineNumber: 196, columnNumber: 17 }, __self: this }, "Send Message")))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1a365d] text-white py-8", __source: { fileName: "", lineNumber: 205, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 text-center", __source: { fileName: "", lineNumber: 206, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 space-x-6", __source: { fileName: "", lineNumber: 207, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-2xl hover:text-[#e2e8f0]", __source: { fileName: "", lineNumber: 208, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 209, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-2xl hover:text-[#e2e8f0]", __source: { fileName: "", lineNumber: 211, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin", __source: { fileName: "", lineNumber: 212, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-2xl hover:text-[#e2e8f0]", __source: { fileName: "", lineNumber: 214, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube", __source: { fileName: "", lineNumber: 215, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm", __source: { fileName: "", lineNumber: 218, columnNumber: 11 }, __self: this }, "© 2024 Dr. Sarah Mitchell. All rights reserved.")))); }