function MainComponent() { const headerText = "Welcome to Our Bakery"; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "bg-[#fff8f0] min-h-screen", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#fffbf5] p-4 md:p-6", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex items-center justify-between", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-crimson-text text-[#d2691e]", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "Bakery House"), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-8", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#a0522d] font-semibold hover:text-[#d2691e]", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#a0522d] font-semibold hover:text-[#d2691e]", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "Menu"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#a0522d] font-semibold hover:text-[#d2691e]", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#a0522d] font-semibold hover:text-[#d2691e]", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bars text-2xl text-[#a0522d]", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("header", { className: "text-center py-24", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-6xl font-bold font-crimson-text text-[#a0522d]", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, headerText), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-xl text-[#a0522d]", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Indulge in our delightful baked goods made from the finest ingredients every day.")), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-4 md:px-6", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "grid md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#fffbf5] shadow-lg", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/bakery-cake.jpg", alt: "Delicious chocolate cake", className: "w-full h-[300px] object-cover", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold mt-4 font-crimson-text text-[#a0522d]", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "Cakes"), /*#__PURE__*/ React.createElement("p", { className: "text-[#a0522d]", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, "Our wide variety of cakes will suit any taste, from classic chocolate to exotic fruit flavors.")), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#fffbf5] shadow-lg", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/bakery-croissant.jpg", alt: "Freshly baked croissants", className: "w-full h-[300px] object-cover", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold mt-4 font-crimson-text text-[#a0522d]", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, "Croissants"), /*#__PURE__*/ React.createElement("p", { className: "text-[#a0522d]", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "Flaky and buttery, our croissants are a testament to our bakers' French pastry skills.")), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#fffbf5] shadow-lg", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/bakery-bread.jpg", alt: "Assorted artisan bread loaves", className: "w-full h-[300px] object-cover", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold mt-4 font-crimson-text text-[#a0522d]", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "Breads"), /*#__PURE__*/ React.createElement("p", { className: "text-[#a0522d]", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "Discover the rich flavors of our whole grain, sourdough, and specialty breads baked daily.")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#f4e1d2] mt-8 p-4 text-center", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#a0522d] font-crimson-text", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "© ", new Date().getFullYear(), " Bakery House. All rights reserved.")))); }