function MainComponent() { const solutions = [ { title: "Sales Management", description: "Efficient and seamless sales process", icon: "fa-solid fa-chart-line" }, { title: "Project Management", description: "Organized workflow and task tracking", icon: "fa-solid fa-project-diagram" }, { title: "Customer Support", description: "Responsive and efficient customer service", icon: "fa-solid fa-headset" } ]; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto bg-[#f7f9fc] p-6", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-10", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#121212]", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "Our Solutions"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#4a4a4a]", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "Discover how our solutions can streamline your business processes.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-8", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, solutions.map((solution, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white shadow-lg rounded-lg p-6 w-[300px]", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl text-[#007bff] mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: solution.icon, __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#333]", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, solution.title), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-[#666]", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, solution.description))))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this })); }