425 lines
18 KiB
JavaScript
425 lines
18 KiB
JavaScript
|
"use strict";
|
||
|
(() => {
|
||
|
var exports = {};
|
||
|
exports.id = 9939;
|
||
|
exports.ids = [9939];
|
||
|
exports.modules = {
|
||
|
|
||
|
/***/ 6497:
|
||
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
|
||
|
// ESM COMPAT FLAG
|
||
|
__webpack_require__.r(__webpack_exports__);
|
||
|
|
||
|
// EXPORTS
|
||
|
__webpack_require__.d(__webpack_exports__, {
|
||
|
"PricingContext": () => (/* binding */ PricingContext),
|
||
|
"default": () => (/* binding */ Pricing)
|
||
|
});
|
||
|
|
||
|
// EXTERNAL MODULE: external "react/jsx-runtime"
|
||
|
var jsx_runtime_ = __webpack_require__(997);
|
||
|
// EXTERNAL MODULE: external "react"
|
||
|
var external_react_ = __webpack_require__(6689);
|
||
|
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
||
|
// EXTERNAL MODULE: ./layouts/GeneralLayout.jsx + 1 modules
|
||
|
var GeneralLayout = __webpack_require__(6217);
|
||
|
// EXTERNAL MODULE: ./components/general/PageHeadTags.jsx
|
||
|
var PageHeadTags = __webpack_require__(4097);
|
||
|
// EXTERNAL MODULE: ./functions/frontend/clientAuthUser.js
|
||
|
var clientAuthUser = __webpack_require__(9922);
|
||
|
;// CONCATENATED MODULE: ./components/pages/pricing/PricingHero.jsx
|
||
|
// @ts-check
|
||
|
/**
|
||
|
* ==============================================================================
|
||
|
* Imports
|
||
|
* ==============================================================================
|
||
|
*/
|
||
|
|
||
|
////////////////////////////////////////
|
||
|
/** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /**
|
||
|
* ==============================================================================
|
||
|
* Main Component { Functional }
|
||
|
* ==============================================================================
|
||
|
* @param {Object} props - Server props
|
||
|
*/ function PricingHero(props) {
|
||
|
/**
|
||
|
* Get Contexts
|
||
|
*
|
||
|
* @abstract { React.useContext }
|
||
|
*/ ////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
/**
|
||
|
* Javascript Variables
|
||
|
*
|
||
|
* @abstract Non hook variables and functions
|
||
|
*/ ////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
/**
|
||
|
* React Hooks
|
||
|
*
|
||
|
* @abstract { useState, useEffect, useRef, etc ... }
|
||
|
*/ ////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
/**
|
||
|
* Function Return
|
||
|
*
|
||
|
* @abstract Main Function Return
|
||
|
*/ return /*#__PURE__*/ (0,jsx_runtime_.jsxs)("section", {
|
||
|
className: "pt-20 pb-0 overflow-visible",
|
||
|
children: [
|
||
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
||
|
className: "w-full max-w-6xl flex-col relative z-10",
|
||
|
children: [
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("h1", {
|
||
|
className: "m-0",
|
||
|
children: "Pricing"
|
||
|
}),
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("span", {
|
||
|
className: "",
|
||
|
children: "Simple Pricing, feature rich."
|
||
|
})
|
||
|
]
|
||
|
}),
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("img", {
|
||
|
src: "/images/grid.webp",
|
||
|
alt: "Dotted image background",
|
||
|
className: "absolute top-0 left-0 w-full object-cover opacity-5 z-0"
|
||
|
})
|
||
|
]
|
||
|
});
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
} /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */
|
||
|
|
||
|
;// CONCATENATED MODULE: ./components/pages/pricing/PricingTable.jsx
|
||
|
// @ts-check
|
||
|
/**
|
||
|
* ==============================================================================
|
||
|
* Imports
|
||
|
* ==============================================================================
|
||
|
*/
|
||
|
|
||
|
////////////////////////////////////////
|
||
|
/** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /**
|
||
|
* ==============================================================================
|
||
|
* Main Component { Functional }
|
||
|
* ==============================================================================
|
||
|
* @param {Object} props - Server props
|
||
|
*/ function PricingTable(props) {
|
||
|
/**
|
||
|
* Get Contexts
|
||
|
*
|
||
|
* @abstract { React.useContext }
|
||
|
*/ ////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
/**
|
||
|
* Javascript Variables
|
||
|
*
|
||
|
* @abstract Non hook variables and functions
|
||
|
*/ ////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
/**
|
||
|
* React Hooks
|
||
|
*
|
||
|
* @abstract { useState, useEffect, useRef, etc ... }
|
||
|
*/ ////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
/**
|
||
|
* Function Return
|
||
|
*
|
||
|
* @abstract Main Function Return
|
||
|
*/ return /*#__PURE__*/ jsx_runtime_.jsx("section", {
|
||
|
className: "py-10",
|
||
|
children: /*#__PURE__*/ jsx_runtime_.jsx("div", {
|
||
|
className: "w-full max-w-5xl gap-10 justify-between flex-col relative z-10",
|
||
|
children: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
||
|
className: "grid grid-cols-1 lg:grid-cols-2 gap-6 w-full items-stretch",
|
||
|
children: [
|
||
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
||
|
className: "card col items-center p-20",
|
||
|
children: [
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("h3", {
|
||
|
className: "m-0 text-xl text-slate-400",
|
||
|
children: "Community"
|
||
|
}),
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("span", {
|
||
|
children: /*#__PURE__*/ jsx_runtime_.jsx("span", {
|
||
|
className: "text-4xl font-bold",
|
||
|
children: "FREE"
|
||
|
})
|
||
|
}),
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("hr", {}),
|
||
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("ul", {
|
||
|
className: "p-0",
|
||
|
children: [
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("li", {
|
||
|
children: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("span", {
|
||
|
children: [
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("b", {
|
||
|
children: "200mb"
|
||
|
}),
|
||
|
" storage limit"
|
||
|
]
|
||
|
})
|
||
|
}),
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("li", {
|
||
|
children: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("span", {
|
||
|
children: [
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("b", {
|
||
|
children: "Unlimited"
|
||
|
}),
|
||
|
" API Calls"
|
||
|
]
|
||
|
})
|
||
|
}),
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("li", {
|
||
|
children: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("span", {
|
||
|
children: [
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("b", {
|
||
|
children: "Unlimited"
|
||
|
}),
|
||
|
" Users"
|
||
|
]
|
||
|
})
|
||
|
})
|
||
|
]
|
||
|
}),
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("a", {
|
||
|
href: "/create-account",
|
||
|
className: "button w-full",
|
||
|
children: "Sign Up For Free"
|
||
|
})
|
||
|
]
|
||
|
}),
|
||
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
|
||
|
className: "card col items-center bg-slate-200 opacity-40 justify-center p-20",
|
||
|
children: [
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("h3", {
|
||
|
className: "m-0 text-xl text-slate-400",
|
||
|
children: "Basic"
|
||
|
}),
|
||
|
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("span", {
|
||
|
children: [
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("span", {
|
||
|
className: "text-4xl font-bold",
|
||
|
children: "$15"
|
||
|
}),
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("span", {
|
||
|
className: "text-2xl",
|
||
|
children: " / Month"
|
||
|
})
|
||
|
]
|
||
|
}),
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("hr", {}),
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("span", {
|
||
|
children: "Coming Soon"
|
||
|
})
|
||
|
]
|
||
|
})
|
||
|
]
|
||
|
})
|
||
|
})
|
||
|
});
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
} /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */
|
||
|
|
||
|
;// CONCATENATED MODULE: ./pages/pricing.jsx
|
||
|
// @ts-check
|
||
|
/**
|
||
|
* ==============================================================================
|
||
|
* Imports
|
||
|
* ==============================================================================
|
||
|
*/
|
||
|
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
/** ****************************************************************************** */ /** @type {{ user: import("@/package-shared/types").UserType | null }} */ // @ts-ignore
|
||
|
const init = {};
|
||
|
const PricingContext = /*#__PURE__*/ external_react_default().createContext(init);
|
||
|
/** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /**
|
||
|
* ==============================================================================
|
||
|
* Main Component { Functional }
|
||
|
* ==============================================================================
|
||
|
* @param {Object} props - Server props
|
||
|
*/ function Pricing(props) {
|
||
|
/**
|
||
|
* Get Contexts
|
||
|
*
|
||
|
* @abstract { React.useContext }
|
||
|
*/ if (true) {
|
||
|
external_react_default().useEffect(()=>{
|
||
|
window.location.href = "https://datasquirel.com/pricing";
|
||
|
}, []);
|
||
|
return null;
|
||
|
}
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
/**
|
||
|
* Javascript Variables
|
||
|
*
|
||
|
* @abstract Non hook variables and functions
|
||
|
*/ const pageTitle = "Pricing | Datasquirel";
|
||
|
const pageDescription = "FREE 200mb data allowance. Sign up for free.";
|
||
|
let head = /*#__PURE__*/ (0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
|
||
|
children: [
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("title", {
|
||
|
children: pageTitle
|
||
|
}),
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx("meta", {
|
||
|
name: "description",
|
||
|
content: pageDescription
|
||
|
}),
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx(PageHeadTags/* default */.Z, {
|
||
|
pageTitle: pageTitle,
|
||
|
pageDescription: pageDescription,
|
||
|
pagePathname: "/"
|
||
|
})
|
||
|
]
|
||
|
});
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
/**
|
||
|
* React Hooks
|
||
|
*
|
||
|
* @abstract { useState, useEffect, useRef, etc ... }
|
||
|
*/ const [user, setUser] = external_react_default().useState(null);
|
||
|
external_react_default().useEffect(()=>{
|
||
|
(0,clientAuthUser/* default */.Z)({
|
||
|
setUser
|
||
|
});
|
||
|
}, []);
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
/**
|
||
|
* Function Return
|
||
|
*
|
||
|
* @abstract Main Function Return
|
||
|
*/ return /*#__PURE__*/ jsx_runtime_.jsx(GeneralLayout/* default */.Z, {
|
||
|
head: head,
|
||
|
user: user,
|
||
|
children: /*#__PURE__*/ jsx_runtime_.jsx(PricingContext.Provider, {
|
||
|
value: {
|
||
|
user
|
||
|
},
|
||
|
children: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("main", {
|
||
|
className: "overflow-hidden pb-20",
|
||
|
children: [
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx(PricingHero, {}),
|
||
|
/*#__PURE__*/ jsx_runtime_.jsx(PricingTable, {})
|
||
|
]
|
||
|
})
|
||
|
})
|
||
|
});
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
////////////////////////////////////////
|
||
|
} /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /**
|
||
|
* ==============================================================================
|
||
|
* Server Side Props or Static Props
|
||
|
* ==============================================================================
|
||
|
* @type {import("next").GetStaticProps}
|
||
|
*/ // export async function getStaticProps() {
|
||
|
// /**
|
||
|
// * User Auth
|
||
|
// *
|
||
|
// * @description User Auth
|
||
|
// */
|
||
|
// if (process.env.NEXT_PUBLIC_DSQL_LOCAL) {
|
||
|
// return {
|
||
|
// redirect: {
|
||
|
// destination: "https://datasquirel.com/pricing",
|
||
|
// permanent: false,
|
||
|
// },
|
||
|
// };
|
||
|
// }
|
||
|
// ////////////////////////////////////////
|
||
|
// ////////////////////////////////////////
|
||
|
// ////////////////////////////////////////
|
||
|
// /**
|
||
|
// * Server props return
|
||
|
// *
|
||
|
// * @description Return data fetched on the server side
|
||
|
// */
|
||
|
// return {
|
||
|
// props: {},
|
||
|
// };
|
||
|
// ////////////////////////////////////////
|
||
|
// ////////////////////////////////////////
|
||
|
// ////////////////////////////////////////
|
||
|
// }
|
||
|
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ 386:
|
||
|
/***/ ((module) => {
|
||
|
|
||
|
module.exports = require("@mui/icons-material/CottageTwoTone");
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ 5557:
|
||
|
/***/ ((module) => {
|
||
|
|
||
|
module.exports = require("@mui/icons-material/MenuBookTwoTone");
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ 2423:
|
||
|
/***/ ((module) => {
|
||
|
|
||
|
module.exports = require("lucide-react");
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ 968:
|
||
|
/***/ ((module) => {
|
||
|
|
||
|
module.exports = require("next/head");
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ 6689:
|
||
|
/***/ ((module) => {
|
||
|
|
||
|
module.exports = require("react");
|
||
|
|
||
|
/***/ }),
|
||
|
|
||
|
/***/ 997:
|
||
|
/***/ ((module) => {
|
||
|
|
||
|
module.exports = require("react/jsx-runtime");
|
||
|
|
||
|
/***/ })
|
||
|
|
||
|
};
|
||
|
;
|
||
|
|
||
|
// load runtime
|
||
|
var __webpack_require__ = require("../webpack-runtime.js");
|
||
|
__webpack_require__.C(exports);
|
||
|
var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
|
||
|
var __webpack_exports__ = __webpack_require__.X(0, [4017,8313,5264,6729,5449,913,9360,6217,4097,9922], () => (__webpack_exec__(6497)));
|
||
|
module.exports = __webpack_exports__;
|
||
|
|
||
|
})();
|