function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-crimson-text", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center py-6 px-12 border-b", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl font-bold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Dior"), /*#__PURE__*/ React.createElement("nav", { className: "flex space-x-6", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "LA COLLECTION PRIVÉE CHRISTIAN DIOR")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-6", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "WOMEN'S FRAGRANCE"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "MEN'S FRAGRANCE"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "MAKEUP"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "SKINCARE"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "DIOR SPA"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "fa fa-heart", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "#", className: "fa fa-shopping-cart", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("main", { className: "flex justify-center items-center h-screen px-12 bg-white", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-8 w-full max-w-6xl", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-6xl font-bold", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "GRIS DIOR"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mt-4", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Fragrance"), /*#__PURE__*/ React.createElement("p", { className: "text-base mt-2", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "With Gris Dior you dare to reveal your most surprising, mysterious and unexpected facets."), /*#__PURE__*/ React.createElement("button", { className: "mt-6 py-2 px-6 border-2 text-base font-bold border-purple-500 hover:bg-purple-500 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "DISCOVER")), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/fragrance-bottle.jpg", alt: "Gris Dior fragrance bottle", className: "w-[200px] h-auto", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "path/to/model-image.jpg", alt: "Model holding Gris Dior fragrance", className: "absolute right-0 bottom-0 w-[400px] h-auto", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }))))); }