/*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col bg-[#F0F4F7] p-4", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full px-6 py-4 bg-white shadow mb-8", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "font-roboto font-bold text-xl text-[#121212]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "BRM"), /*#__PURE__*/ React.createElement("nav", { className: "flex items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#features", className: "font-roboto text-[#121212] text-lg px-4 py-2 hover:bg-gray-200 rounded-md transition duration-150", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { href: "#pricing", className: "font-roboto text-[#121212] text-lg px-4 py-2 hover:bg-gray-200 rounded-md transition duration-150", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "Pricing"), /*#__PURE__*/ React.createElement("a", { href: "#testimonials", className: "font-roboto text-[#121212] text-lg px-4 py-2 hover:bg-gray-200 rounded-md transition duration-150", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Testimonials"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "font-roboto text-[#121212] text-lg px-4 py-2 hover:bg-gray-200 rounded-md transition duration-150", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "Contact")))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow w-full", __source: { fileName: "", lineNumber: 13, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "max-w-6xl mx-auto px-6", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto font-bold text-3xl text-[#121212] text-center mb-6", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, "Product Specification"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center mb-12", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "table-fixed bg-white shadow-md rounded-lg", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-[#1DA1F2] text-white font-roboto", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "py-3 px-6", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, "Spec"), /*#__PURE__*/ React.createElement("th", { className: "py-3 px-6", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Detail"))), /*#__PURE__*/ React.createElement("tbody", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border px-6 py-4", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, "Material"), /*#__PURE__*/ React.createElement("td", { className: "border px-6 py-4", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, "100% Cotton")), /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-100", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border px-6 py-4", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "Color"), /*#__PURE__*/ React.createElement("td", { className: "border px-6 py-4", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "Blue")), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border px-6 py-4", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "Size"), /*#__PURE__*/ React.createElement("td", { className: "border px-6 py-4", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, "MD, LG, XL")), /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-100", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border px-6 py-4", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "Return Policy"), /*#__PURE__*/ React.createElement("td", { className: "border px-6 py-4", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, "30 Days"))))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-center", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto font-bold text-[#121212] text-4xl mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "Empower Your Creativity!"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg text-[#121212] mb-8", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "Join the community that celebrates your passion for social media."), /*#__PURE__*/ React.createElement("img", { className: "w-[300px] h-[300px] object-cover mb-8", src: "/images/creative-intro-illustration.jpg", alt: "Illustration of a person creating content for social media", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "#get-started", className: "bg-[#1DA1F2] hover:bg-[#1B95E0] text-white font-roboto font-bold py-3 px-6 rounded-full transition duration-200", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Get Started")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 mt-16", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 shadow rounded-lg flex flex-col items-center", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-[200px] h-[200px] object-cover mb-4", src: "/images/feature-1.jpg", alt: "Showcase feature of the application", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto font-semibold text-[#121212] text-2xl mb-2", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Amazing Feature 1"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212] text-center mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Some quick example text to build on the feature and make up the bulk of the card's content.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 shadow rounded-lg flex flex-col items-center", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-[200px] h-[200px] object-cover mb-4", src: "/images/feature-2.jpg", alt: "Prominent characteristic of the application", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto font-semibold text-[#121212] text-2xl mb-2", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "Incredible Feature 2"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212] text-center mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "Some quick example text to build on the feature and make up the bulk of the card's content."))))), /*#__PURE__*/ React.createElement("footer", { className: "w-full py-6 bg-[#1D1D1D]", __source: { fileName: "", lineNumber: 64, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center text-white font-roboto text-lg", __source: { fileName: "", lineNumber: 65, columnNumber: 5 }, __self: this }, "© ", new Date().getFullYear(), " Cuddy. All rights reserved.")));

Spec	Detail
Material	100% Cotton
Color	Blue
Size	MD, LG, XL
Return Policy	30 Days