function MainComponent({ businessName = '706 Barber Co', booksyLink = 'https://sharkfadez.booksy.com', instagramLink = 'https://www.instagram.com/shark.706cuts/', facebookLink = 'https://www.facebook.com/anyes.gray.3/', logoSrc = '', servicesInfo = '', timeAvailability = '' }) { const discountText = 'Get 10% off when you book through our website!'; const booksyButtonLabel = 'Book Now on Booksy'; const socialMediaButtons = /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: instagramLink, target: "_blank", rel: "noopener noreferrer", className: "text-lg text-white hover:text-[#e1306c]", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: facebookLink, target: "_blank", rel: "noopener noreferrer", className: "text-lg text-white hover:text-[#3b5998]", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }))); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] text-white flex flex-col items-center min-h-screen", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-6 flex-1", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-8", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: logoSrc, alt: "Logo of 706 Barber Co", className: "w-[200px] h-[200px]", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-extrabold font-roboto mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, businessName), /*#__PURE__*/ React.createElement("p", { className: "text-center font-roboto mb-2", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, discountText), /*#__PURE__*/ React.createElement("a", { href: booksyLink, target: "_blank", rel: "noopener noreferrer", className: "bg-[#345995] hover:bg-[#233b59] text-white font-medium py-2 px-6 border border-transparent rounded-md shadow transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, booksyButtonLabel), socialMediaButtons), /*#__PURE__*/ React.createElement("div", { className: "text-center font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("p", { className: "mb-6", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, servicesInfo), /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Time Availability"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, timeAvailability))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, ` body, #__next { margin: 0; padding: 0; box-sizing: border-box; } `)); } function StoryComponent() { const servicesInfo = "We offer premium haircuts, beard trims, and shaves."; const timeAvailability = "Mon - Fri: 9am - 7pm, Sat: 10am - 6pm, Closed on Sundays"; return /*#__PURE__*/ React.createElement(MainComponent, { logoSrc: "/images/barber_logo.png", servicesInfo: servicesInfo, timeAvailability: timeAvailability, __source: { fileName: "", lineNumber: 65, columnNumber: 5 }, __self: this }); }