function NewArrivalsShowcase({ imageURL, heading, description }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg p-5 w-[300px] h-[300px] flex flex-col items-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: imageURL, alt: "New arrivals showcase", className: "w-full h-60 object-cover mb-3", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-[#333] font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, heading), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#666] font-roboto mt-2", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, description)); } function NewArrivalsShowcaseStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NewArrivalsShowcase, { imageURL: "/images/new-arrivals-section.jpg", heading: "New Arrivals", description: "Explore the latest in our collection.", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen bg-[#f0f0f5]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "w-full bg-[#ffffff] shadow-md py-4 px-5 md:px-10", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-lg font-bold text-[#333] font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "CraftBridge"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/home", className: "text-[#666] mx-2 font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/shop", className: "text-[#666] mx-2 font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Shop"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-[#666] mx-2 font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-[#666] mx-2 font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Contact")))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center pt-20", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#333] font-bold text-4xl mb-2 font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Welcome to CraftBridge"), /*#__PURE__*/ React.createElement("p", { className: "text-[#666] font-medium text-xl font-roboto", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "Discover crafts that bridge tradition and innovation.")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 px-5 py-5 bg-[#f0f0f5] gap-5", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(NewArrivalsShowcase, { imageURL: "/images/new-arrivals-section.jpg", heading: "New Arrivals", description: "Explore the latest in our collection.", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(NewArrivalsShowcase, { imageURL: "/images/bestsellers-section.jpg", heading: "Bestsellers", description: "Browse our most popular items.", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(NewArrivalsShowcase, { imageURL: "/images/special-offers-section.jpg", heading: "Special Offers", description: "Don't miss our exclusive deals.", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }))); }