function CrimsonBoldTitle({ title }) { return /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold font-crimson-text text-[#262323]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, title); } function CrimsonBoldTitleStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(CrimsonBoldTitle, { title: "Join Our Deluxe Online Cooking Classes", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#fff6ea] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full text-center p-4 bg-[#F08080]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(CrimsonBoldTitle, { title: "Join Our Deluxe Online Cooking Classes", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-2xl mt-2 text-[#494949]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Master the culinary arts with world-renowned chefs")), /*#__PURE__*/ React.createElement("main", { className: "flex flex-wrap justify-center items-start mt-10", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 lg:w-1/3 p-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-sm rounded overflow-hidden shadow-xl transition duration-500 ease-in-out transform hover:-translate-y-1 hover:scale-105", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/cooking-class-1.jpg", alt: "Chef preparing traditional Italian pasta", className: "w-full h-[350px] object-cover", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4 bg-white", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-2xl mb-2 font-crimson-text text-[#880808]", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, "Italian Cuisine"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 text-base font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, "Dive into the world of Italian pasta and classic sauces with Chef Mario.")))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 lg:w-1/3 p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-sm rounded overflow-hidden shadow-xl transition duration-500 ease-in-out transform hover:-translate-y-1 hover:scale-105", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/cooking-class-2.jpg", alt: "Intricate French pastries on display", className: "w-full h-[350px] object-cover", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4 bg-white", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-2xl mb-2 font-crimson-text text-[#880808]", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "French Pastry"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 text-base font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, "Master the art of French pastries with expert patissier Chef Anne.")))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 lg:w-1/3 p-4", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-sm rounded overflow-hidden shadow-xl transition duration-500 ease-in-out transform hover:-translate-y-1 hover:scale-105", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/cooking-class-3.jpg", alt: "Colorful array of Indian spices", className: "w-full h-[350px] object-cover", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4 bg-white", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-2xl mb-2 font-crimson-text text-[#880808]", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, "Spices of India"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 text-base font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, "Explore the vibrant spices and unique techniques of Indian cooking with Chef Priya."))))), /*#__PURE__*/ React.createElement("footer", { className: "w-full text-center p-4 mt-auto bg-[#F08080]", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-l text-[#262323]", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "© 2023 Cooking Mastery Online. All rights reserved.")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, ` img { transition: transform 0.5s ease; } img:hover { transform: scale(1.05); } `)); }