function BeAPartyDisplayComponent({ headline, description }) { return /*#__PURE__*/ React.createElement("div", { className: "h-[200px] flex flex-col justify-center items-center bg-[#d9e4dd] text-center px-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#334257] text-[40px]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, headline), /*#__PURE__*/ React.createElement("p", { className: "text-[#476072]", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, description)); } function BeAPartyDisplayComponentStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(BeAPartyDisplayComponent, { headline: "BE A PARTY", description: "For Making a Good Workspace", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this })); } function WorkspaceDesignBlog({ posts }) { return /*#__PURE__*/ React.createElement("div", { className: "px-4 mt-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#334257] font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Latest from our Blog"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4 mt-2", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, posts.map((post, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "flex justify-between items-center bg-[#f0f0f5] p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#476072] font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, post.title, " - ", post.date))))); } function WorkspaceDesignBlogStory() { const posts = [ { title: "Designing Workspaces that Work", date: "April 10, 2023" }, { title: "The Future of Office Spaces", date: "April 5, 2023" }, { title: "Innovations in Workspace Technology", date: "March 29, 2023" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(WorkspaceDesignBlog, { posts: posts, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this })); } function SiteNavigationBar({ links, userIconLink }) { return /*#__PURE__*/ React.createElement("nav", { className: "w-full h-[50px] flex justify-between items-center px-4 bg-[#f0f0f5]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, links.map((link)=>/*#__PURE__*/ React.createElement("a", { href: link.href, className: "text-black font-roboto", key: link.name, __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, link.name))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: userIconLink, className: "text-black font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-user-circle", "aria-hidden": "true", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this })))); } function SiteNavigationBarStory() { const links = [ { name: 'Home', href: '#' }, { name: 'About Us', href: '#' }, { name: 'Case Study', href: '#' } ]; const userIconLink = '#'; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SiteNavigationBar, { links: links, userIconLink: userIconLink, __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this })); } function CompanyBeliefsDisplay({ beliefs }) { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-around items-center bg-[#d9e4dd] h-[150px] mt-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, beliefs.map((belief, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "text-center px-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[30px]", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, belief.icon), /*#__PURE__*/ React.createElement("p", { className: "text-[#476072] mt-2", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, belief.text)))); } function CompanyBeliefsDisplayStory() { const beliefs = [ { icon: "🌱", text: "Sustainability" }, { icon: "💡", text: "Innovation" }, { icon: "🤝", text: "Collaboration" } ]; return /*#__PURE__*/ React.createElement(CompanyBeliefsDisplay, { beliefs: beliefs, __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }); } function MainComponent() { const links = [ { name: 'Home', href: '#' }, { name: 'About Us', href: '#' }, { name: 'Case Study', href: '#' } ]; const userIconLink = '#'; const beliefs = [ { icon: "🌱", text: "Sustainability" }, { icon: "💡", text: "Innovation" }, { icon: "🤝", text: "Collaboration" } ]; const posts = [ { title: "Designing Workspaces that Work", date: "April 10, 2023" }, { title: "The Future of Office Spaces", date: "April 5, 2023" }, { title: "Innovations in Workspace Technology", date: "March 29, 2023" } ]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SiteNavigationBar, { links: links, userIconLink: userIconLink, __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(BeAPartyDisplayComponent, { headline: "BE A PARTY", description: "For Making a Good Workspace", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(WorkspaceDesignBlog, { posts: posts, __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(CompanyBeliefsDisplay, { beliefs: beliefs, __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center my-8", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-white bg-[#334257] px-6 py-2 rounded", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "VIEW OUR SERVICE")), /*#__PURE__*/ React.createElement("div", { className: "py-8", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-[80px] bg-[#f0f0f5] mt-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "As your partner, we can take care of all your needs."), /*#__PURE__*/ React.createElement("button", { className: "text-white bg-[#334257] px-6 py-2 rounded mt-2", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "CONTACT US"))); }