function MainComponent() { const services = [ { name: 'Precision Cut', description: 'Expertly styled cuts tailored to your preference.' }, { name: 'Deluxe Shave', description: 'A luxurious shave experience with soothing balms.' }, { name: 'Beard Sculpting', description: 'Detailed beard shaping for a sharp look.' } ]; const serviceList = services.map((service, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-10 p-6 shadow-lg rounded-lg bg-[#fff4e3]", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-2xl text-[#463f3a] mb-3", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, service.name), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text text-lg text-[#7f8c8d]", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, service.description))); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#fdfaf6] p-4", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-20", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-serif text-6xl text-[#33302e] mb-6", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "706 Barber Co."), /*#__PURE__*/ React.createElement("p", { className: "font-serif text-2xl text-[#867667]", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "Your premium grooming destination.")), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-10 w-full max-w-7xl", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, serviceList), /*#__PURE__*/ React.createElement("div", { className: "mt-20 w-full max-w-7xl bg-[#755c4e] rounded-lg shadow-md p-10 mb-10", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-serif text-4xl text-[#fff4e3] mb-8", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "Stay Connected"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-around", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://facebook.com", target: "_blank", rel: "noopener noreferrer", className: "text-[#fff4e3] hover:text-[#ccb7ae] transition-colors duration-300", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f fa-3x", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com", target: "_blank", rel: "noopener noreferrer", className: "text-[#fff4e3] hover:text-[#ccb7ae] transition-colors duration-300", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram fa-3x", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com", target: "_blank", rel: "noopener noreferrer", className: "text-[#fff4e3] hover:text-[#ccb7ae] transition-colors duration-300", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter fa-3x", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("footer", { className: "text-center w-full py-8 font-serif text-lg text-[#4a3f37]", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, "© 2023 706 Barber Co. All Rights Reserved.")); }