function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto flex flex-col items-center p-4 bg-[#FAF9F6] min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-10", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl text-[#121212] font-semibold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "The Lowdown"), /*#__PURE__*/ React.createElement("p", { className: "text-[#656565] mt-2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Your go-to platform for real beauty service reviews")), /*#__PURE__*/ React.createElement("main", { className: "w-full max-w-4xl", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-10", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-[#121212] mb-5", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Discover Real Reviews"), /*#__PURE__*/ React.createElement("p", { className: "text-[#656565]", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Explore honest, unfiltered reviews from the community to make informed decisions for your next beauty service.")), /*#__PURE__*/ React.createElement("section", { className: "mb-10", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-[#121212] mb-5", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Before and After Gallery"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-full h-[300px] object-cover", src: "/path/to/image1.jpg", alt: "User before and after image 1", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { className: "w-full h-[300px] object-cover", src: "/path/to/image2.jpg", alt: "User before and after image 2", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { className: "w-full h-[300px] object-cover", src: "/path/to/image3.jpg", alt: "User before and after image 3", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { className: "mb-10", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-[#121212] mb-5", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Ask and Learn"), /*#__PURE__*/ React.createElement("p", { className: "text-[#656565]", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Got questions? Get them answered by our passionate and knowledgeable community.")), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-[#121212] mb-5", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Locate Your Next Service"), /*#__PURE__*/ React.createElement("p", { className: "text-[#656565]", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Use our location-based search to find highly-rated beauty service providers near you."))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } body { animation: fadeIn 1s ease-out; } `)); }