UNPKG

@rsc-labs/medusa-store-analytics-v2

Version:
52 lines (51 loc) 5.77 kB
import { jsxs, jsx } from "react/jsx-runtime"; import { Heading, Container, Text } from "@medusajs/ui"; import { Grid, Link } from "@mui/material"; const HEIGHT = 330; const ProTab = () => { return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, justifyContent: "center", children: [ /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "center", marginTop: 6, children: /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Heading, { level: "h1", style: { color: "purple" }, children: "Take your store analytics to the next level" }) }) }), /* @__PURE__ */ jsxs(Grid, { container: true, justifyContent: "center", marginTop: 1, spacing: 5, children: [ /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, md: 3, xl: 3, children: /* @__PURE__ */ jsx(Container, { style: { borderColor: "purple", borderWidth: 1, height: HEIGHT }, children: /* @__PURE__ */ jsxs(Grid, { container: true, rowSpacing: 3, children: [ /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Customized dashboard" }) }), /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs("ul", { style: { listStyleType: "circle" }, children: [ /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Text, { children: "Create your own dashboard with available statistics" }) }), /* @__PURE__ */ jsx("li", { style: { marginTop: 3 }, children: /* @__PURE__ */ jsx(Text, { children: "Add, delete or move any statistic" }) }), /* @__PURE__ */ jsx("li", { style: { marginTop: 3 }, children: /* @__PURE__ */ jsx(Text, { children: "Resize widgets for your needs" }) }) ] }) }) ] }) }) }), /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, md: 3, xl: 3, children: /* @__PURE__ */ jsx(Container, { style: { borderColor: "purple", borderWidth: 1, height: HEIGHT }, children: /* @__PURE__ */ jsxs(Grid, { container: true, rowSpacing: 3, children: [ /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Date range picker" }) }), /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs("ul", { style: { listStyleType: "circle" }, children: [ /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Text, { children: "Forget about last week, last month, last year" }) }), /* @__PURE__ */ jsx("li", { style: { marginTop: 3 }, children: /* @__PURE__ */ jsx(Text, { children: "Choose whatever date range to see statistics exactly for this range" }) }), /* @__PURE__ */ jsx("li", { style: { marginTop: 3 }, children: /* @__PURE__ */ jsx(Text, { children: "Compare to any of date range, e.g. compare Decembers or Black Fridays" }) }) ] }) }) ] }) }) }), /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, md: 3, xl: 3, children: /* @__PURE__ */ jsx(Container, { style: { borderColor: "purple", borderWidth: 1, height: HEIGHT }, children: /* @__PURE__ */ jsxs(Grid, { container: true, rowSpacing: 3, children: [ /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Advanced statistics" }) }), /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs("ul", { style: { listStyleType: "circle" }, children: [ /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Text, { children: "Over 15 professional statistics" }) }), /* @__PURE__ */ jsx("li", { style: { marginTop: 3 }, children: /* @__PURE__ */ jsx(Text, { children: "Check funnels related to carts and checkouts, how they change into purchases" }) }), /* @__PURE__ */ jsx("li", { style: { marginTop: 3 }, children: /* @__PURE__ */ jsx(Text, { children: "See your analytics per sales channel" }) }), /* @__PURE__ */ jsx("li", { style: { marginTop: 3 }, children: /* @__PURE__ */ jsx(Text, { children: "Deep insights about discounts, gift cards and how they influence orders" }) }) ] }) }) ] }) }) }), /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, md: 3, xl: 3, children: /* @__PURE__ */ jsx(Container, { style: { borderColor: "purple", borderWidth: 1, height: HEIGHT }, children: /* @__PURE__ */ jsxs(Grid, { container: true, rowSpacing: 3, children: [ /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Professional support" }) }), /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs("ul", { style: { listStyleType: "circle" }, children: [ /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Text, { children: "Priority for bugs" }) }), /* @__PURE__ */ jsx("li", { style: { marginTop: 3 }, children: /* @__PURE__ */ jsx(Text, { children: "Dedicated channel for your feature requests for evaluation" }) }), /* @__PURE__ */ jsx("li", { style: { marginTop: 3 }, children: /* @__PURE__ */ jsx(Text, { children: "Establish long-term cooperation also for other plugins" }) }) ] }) }) ] }) }) }) ] }), /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, direction: "column", alignContent: "center", marginTop: 6, children: /* @__PURE__ */ jsxs(Grid, { container: true, direction: "row", justifyContent: "center", columnSpacing: 1, children: [ /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Heading, { level: "h1", color: "purple", children: "Contact:" }) }), /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Link, { href: "mailto:labs@rsoftcon.com", children: /* @__PURE__ */ jsx(Heading, { level: "h1", color: "purple", children: "labs@rsoftcon.com" }) }) }) ] }) }) ] }); }; export { ProTab as default };