function MainComponent({ logo, links, socials, address, email, termsOfService, privacyPolicy }) { return /*#__PURE__*/ React.createElement("footer", { className: "p-6 bg-gradient-to-r from-[#434343] to-[#000000] text-white", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto flex flex-col md:flex-row md:justify-between", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: logo.src, alt: logo.alt, className: "w-24 h-auto mb-3 md:mb-0", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "md:ml-12", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-2", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "Get Wonder Studio Now"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 rounded-full text-white font-semibold bg-gradient-to-r from-[#ff7e5f] to-[#feb47b]", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Get Started"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 md:mt-0 grid grid-cols-2 md:grid-cols-3 gap-x-8 gap-y-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, links.map((category)=>/*#__PURE__*/ React.createElement("div", { key: category.title, __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, category.title), category.items.map((item)=>/*#__PURE__*/ React.createElement("p", { key: item, className: "text-gray-400 mb-1", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, item))))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 md:mt-0", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Visit"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, address))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 border-t border-gray-700 pt-3 flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Social Media"), socials.map((icon)=>/*#__PURE__*/ React.createElement("i", { key: icon, className: `${icon} fa-lg text-gray-400 mr-3`, __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 mb-3 md:mb-0", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, `© ${new Date().getFullYear()} Wonder Dynamics. All rights reserved.`), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: termsOfService, className: "text-gray-400 hover:underline mr-3", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Terms of Services"), /*#__PURE__*/ React.createElement("a", { href: privacyPolicy, className: "text-gray-400 hover:underline", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Privacy Policy")))); } function StoryComponent() { const logo = { src: './logo-small.png', alt: 'Wonder Dynamics Small Logo' }; const links = [ { title: 'General', items: [ 'info@wonderdynamics.com' ] }, { title: 'Public Relations', items: [ 'press@wonderdynamics.com' ] }, { title: 'Careers', items: [ 'careers@wonderdynamics.com' ] }, { title: 'Business', items: [ 'bizdev@wonderdynamics.com' ] } ]; const socials = [ 'fa-brands fa-linkedin-in', 'fa-brands fa-twitter', 'fa-brands fa-facebook-f', 'fa-brands fa-instagram', 'fa-brands fa-apple' ]; const address = '9200 Sunset Blvd. #600 Los Angeles, CA 90069 Zeleznicka 7 Novi Sad, Serbia'; const termsOfService = '#'; const privacyPolicy = '#'; return /*#__PURE__*/ React.createElement(MainComponent, { logo: logo, links: links, socials: socials, address: address, email: "", termsOfService: termsOfService, privacyPolicy: privacyPolicy, __source: { fileName: "", lineNumber: 69, columnNumber: 10 }, __self: this }); }