function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-sans", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-4 bg-[#f8f1e7]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl text-[#4e3d42]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Grandoll"), /*#__PURE__*/ React.createElement("nav", { className: "space-x-6 text-[#4e3d42]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#news", className: "hover:underline", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "News"), /*#__PURE__*/ React.createElement("a", { href: "#concept", className: "hover:underline", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Concept"), /*#__PURE__*/ React.createElement("a", { href: "#style", className: "hover:underline", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Style"), /*#__PURE__*/ React.createElement("a", { href: "#salonlist", className: "hover:underline", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Salon List"), /*#__PURE__*/ React.createElement("a", { href: "#menu", className: "hover:underline", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Menu"), /*#__PURE__*/ React.createElement("a", { href: "#blog", className: "hover:underline", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Blog"), /*#__PURE__*/ React.createElement("a", { href: "#recruit", className: "hover:underline", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Recruit"))), /*#__PURE__*/ React.createElement("main", { className: "bg-[#fdf6f0]", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "news", className: "py-16 px-4", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-5xl mb-4 text-[#4e3d42]", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "News"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/news1.jpg", alt: "Latest hairstyle trends", className: "w-full h-auto", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/news2.jpg", alt: "Haircare tips", className: "w-full h-auto", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/news3.jpg", alt: "Grandoll new product line", className: "w-full h-auto", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { id: "concept", className: "py-16 px-4", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-5xl mb-4 text-[#4e3d42]", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Concept"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "Lorem ipsum dolor sit amet..."), /*#__PURE__*/ React.createElement("button", { className: "px-6 py-2 bg-white border border-[#4e3d42]", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "More")), /*#__PURE__*/ React.createElement("img", { src: "./images/concept.jpg", alt: "Salon concept space", className: "w-full h-auto", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { id: "style", className: "py-16 px-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-5xl mb-4 text-[#4e3d42]", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Style"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/style1.jpg", alt: "Woman with modern hairstyle", className: "w-full h-auto", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/style2.jpg", alt: "Woman with classic hairstyle", className: "w-full h-auto", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/style3.jpg", alt: "Woman with casual hairstyle", className: "w-full h-auto", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { id: "salonlist", className: "py-16 px-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-5xl mb-4 text-[#4e3d42]", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "Salon List"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/salon1.jpg", alt: "Grandoll premiere salon interior", className: "w-full h-auto", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/salon2.jpg", alt: "Grandoll luxe salon interior", className: "w-full h-auto", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/salon3.jpg", alt: "Grandoll classic salon interior", className: "w-full h-auto", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { id: "menu", className: "py-16 px-4 text-center", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-5xl mb-4 text-[#4e3d42]", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Menu"), /*#__PURE__*/ React.createElement("img", { src: "./images/menu.jpg", alt: "List of services offered at Grandoll", className: "mx-auto w-auto h-[200px]", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("section", { id: "blog", className: "py-16 px-4", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-5xl mb-4 text-[#4e3d42]", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "Blog"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/blog1.jpg", alt: "Blog post about hairstyles", className: "w-full h-auto", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/blog2.jpg", alt: "Blog post about haircare", className: "w-full h-auto", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/blog3.jpg", alt: "Blog post about hair accessories", className: "w-full h-auto", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/blog4.jpg", alt: "Blog post about salon experiences", className: "w-full h-auto", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { id: "recruit", className: "py-16 px-4 bg-white", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-5xl mb-4 text-[#4e3d42]", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "Recruit"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/recruit.jpg", alt: "Team photo of Grandoll's staff", className: "w-full h-auto", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "Join our team & be part of our story."), /*#__PURE__*/ React.createElement("button", { className: "px-6 py-2 bg-white border border-[#4e3d42]", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, "Apply Now"))))), /*#__PURE__*/ React.createElement("footer", { className: "p-4 bg-[#f8f1e7]", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#4e3d42]", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, "© Grandoll. All rights reserved."), /*#__PURE__*/ React.createElement("div", { className: "space-x-6", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com", className: "text-[#4e3d42] hover:text-[#0084b4]", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-brands fa-twitter", __source: { fileName: "", lineNumber: 87, columnNumber: 91 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://facebook.com", className: "text-[#4e3d42] hover:text-[#3b5998]", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-brands fa-facebook-f", __source: { fileName: "", lineNumber: 88, columnNumber: 92 }, __self: this })))))); }