function MainComponent() { const metals = [ 'Silver', 'Brass' ]; const metalOptions = metals.map((metal, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: metal.toLowerCase(), __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, metal)); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f5f5f5] text-[#121212] font-[Callheart]", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center p-8", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl lg:text-6xl", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "George Tsalikis 3Design"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Create custom engraved jewelry with Laser and CNC technology on silver and brass")), /*#__PURE__*/ React.createElement("section", { className: "flex flex-wrap justify-center items-stretch", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "engraved-jewelry-1.jpg", alt: "Personalized silver jewelry piece with detailed CNC engraving", className: "w-full md:w-1/3 p-2 object-cover h-[300px] md:h-full", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "engraved-jewelry-2.jpg", alt: "Laser-engraved brass jewelry showcasing custom design work", className: "w-full md:w-1/3 p-2 object-cover h-[300px] md:h-full", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "engraved-jewelry-3.jpg", alt: "Unique silver bracelet with custom engraving from CNC techniques", className: "w-full md:w-1/3 p-2 object-cover h-[300px] md:h-full", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("section", { className: "my-8 text-center", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "metal", className: "block text-lg md:text-xl mb-2", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Pick your Metal:"), /*#__PURE__*/ React.createElement("select", { id: "metal", name: "metal", className: "border border-gray-300 rounded-lg p-2", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, metalOptions)))); }