Spectrum ICO
Configuration
Configuration
You can find the configurartion files under the /src/config and there's 2 files in it:
- index
- form
Configuration for the navbar are under file /src/config/index.tsx
export const APP_NAME: string = "Spectrum";
export const LOGO_URL = "https://flowbite.com/docs/images/logo.svg"; // add the logo to public folder...
export const TELEGRAM_LINK = "https://t.me/";
export const navLinks: NavLinks[] = [
{ name: "Home", link: "#Home" },
{ name: "About", link: "#about" },
{ name: "road map", link: "#RoadMap" },
{ name: "FAQ", link: "#FAQ" },
{ name: "Tokenomics", link: "#Tokenomics" },
];
Configuration for the hero section are under file /src/config/index.tsx
export const headerTitle: string = "spectrum coin Just Entered";
export const headerSubTitle: string = "the Real World";
export const headerDescription: string =
" Lorem ipsum dolor sit, amet consectetur adipisicing elit. Inventore, deserunt repellat ab ducimus corporis magni quo obcaecati voluptatum, laudantium aliquam numquam, earum ratione veritatis autem porro dolorum. Amet, eveniet aspernatur?";
export const PRESALE_END_DATE = 1662109364; // date should be in seconds
export const WHITEPAPER_URL: string = "#";
Configuration for the about section are under file /src/config/index.tsx
export const AboutSections: AboutT[] = [
{
img: "/images/about-img-1.png", // add the logo to public folder...
title: "business model",
description:
"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis ratione consequuntur dolorem praesentium dolorum asperiores fuga. Soluta fugiat officia magni possimus eius, quia et nisi aliquam, consequatur ipsa similique? Impedit.",
span: "ZiLab",
},
{
img: "/images/about-img-2.png", // add the logo to public folder...
title: "The BEP-20 ZiLab Token token",
description:
"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis ratione consequuntur dolorem praesentium dolorum asperiores fuga. Soluta fugiat officia magni possimus eius, quia et nisi aliquam, consequatur ipsa similique? Impedit.",
span: "ZiLab",
},
];
Configuration for the roadmap section are under file /src/config/index.tsx
export const timeLineData: TimelineProps[] = [
{
title: "step ",
time: "august 2022",
body: "Issuing JCR tokens into the Ethereum blockchain.",
done: true,
},
{
title: "step",
time: "august 2022",
body: "Preparing for Open Beta launch. Basic Employment Smart Contracts Templates Development. ",
done: true,
},
{
title: "step",
time: "august 2022",
body: "Invoicing & billing system implementation. Channel partner program launch. 200+ companies in Open Beta. ",
done: true,
},
{
title: "step",
time: "august 2022",
body: "Preparing for Open Beta launch. Basic Employment Smart Contracts Templates Development.",
done: false,
},
{
title: "step",
time: "august 2022",
body: "Preparing for Open Beta launch. Basic Employment Smart Contracts Templates Development.",
done: false,
},
{
title: "step",
time: "august 2022",
body: "Preparing for Open Beta launch. Basic Employment Smart Contracts Templates Development.",
done: false,
},
{
title: "step",
time: "august 2022",
body: "Preparing for Open Beta launch. Basic Employment Smart Contracts Templates Development.",
done: false,
},
{
title: "step",
time: "august 2022",
body: "Preparing for Open Beta launch. Basic Employment Smart Contracts Templates Development.",
done: false,
},
];
Configuration for the tokenomics section are under file /src/config/index.tsx
Token info
export const tokenInfo = [
{ title: "name", value: "Ethereum ERC20 " },
{ title: "Purchase methods accepted: ", value: "BTC, ETH, LTC " },
{ title: "New Token emissions:", value: "Unavailable" },
{ title: "Bonus system: ", value: "Yes" },
{ title: "Presale of Private Sale: ", value: "Not held " },
{ title: "Know Your Customer (KYC): ", value: "Yes" },
{ title: "Min/Max Personal Cap: ", value: "0.01 ETH / No limit " },
{ title: "Whitelist: ", value: "No " },
];
Market Data
export const marketData = [
{ title: "Hard cap", value: "24.000", coin: "ETH", textColor: "#77c0f6" },
{ title: "soft cap", value: "4.000", coin: "ETH", textColor: "#f9778a" },
{
title: "Cost of 1 UBEX Token ",
value: "0.00001",
coin: "ETH",
textColor: "#f3d667",
},
];
Chart Data
export const ChartData = {
labels: ["Red", "Blue", "Yellow", "Green", "Purple"],
datasets: [
{
label: "",
data: [12, 19, 3, 5, 2],
backgroundColor: [
"rgba(255, 99, 132, 0.2)",
"rgba(54, 162, 235, 0.2)",
"rgba(255, 206, 86, 0.2)",
"rgba(75, 192, 192, 0.2)",
"rgba(153, 102, 255, 0.2)",
"rgba(255, 159, 64, 0.2)",
],
borderColor: [
"rgba(255, 99, 132, 1)",
"rgba(54, 162, 235, 1)",
"rgba(255, 206, 86, 1)",
"rgba(75, 192, 192, 1)",
"rgba(153, 102, 255, 1)",
"rgba(255, 159, 64, 1)",
],
borderWidth: 1,
},
],
};
Configuration for the FAQ section are under file /src/config/index.tsx
export const faq: FAQ[] = [
{
title: "blaaaa",
content:
"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Perferendis dicta, nesciunt libero nostrum autem quisquam? Enim qui, odit cumque, provident impedit debitis id itaque facere, sunt dolore tempore soluta perspiciatis.",
},
{
title: "blaaaa",
content:
"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Perferendis dicta, nesciunt libero nostrum autem quisquam? Enim qui, odit cumque, provident impedit debitis id itaque facere, sunt dolore tempore soluta perspiciatis.",
},
{
title: "blaaaa",
content:
"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Perferendis dicta, nesciunt libero nostrum autem quisquam? Enim qui, odit cumque, provident impedit debitis id itaque facere, sunt dolore tempore soluta perspiciatis.",
},
{
title: "blaaaa",
content:
"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Perferendis dicta, nesciunt libero nostrum autem quisquam? Enim qui, odit cumque, provident impedit debitis id itaque facere, sunt dolore tempore soluta perspiciatis.",
},
];
Before you start to add the configuration for the presale first you need to add ABI Contract files under:
/src/contracts
- Presale ABI Contract and you should name it presaleAbi.json
- Token ABI Contract for the tokens you want to list and you should name it tokenAbi.json
After that configuration for the presale form are under file /src/config/form.ts
Presale Contract Address
presaleAddress: "0xf0bF2aE4356A755179AeeD0ed913BFf61715DC20",
Network
networkName: "Smart Chain Testnet",
networkMainToken: "BNB",
networkId: 97, // mainnet - 56
rpcUrl: "https://data-seed-prebsc-1-s1.binance.org:8545/", // mainnet - 'https://bsc-dataseed.binance.org',
Min & max amount of token that one user can purchase
// this min-max range is used to calculate the amount of tokens to buy in mainnetToken per user
minTokenAmount: 0.01,
maxTokenAmount: 10,
ICO token
lockedToken: {
id: "HAR",
name: "harshit",
image: "/images/tokens/empty-token.webp",
address: "0xBC6e247412E9A013B1eb4272244ECfF3ace93Fe8",
decimals: 18,
},
Whitelisted tokens
tokens: [
{
id: "BNB",
name: "Binance",
address: undefined,
image: "/images/tokens/bnb.svg",
decimals: 18,
},
{
id: "A",
name: "Aman",
address: "0x74F1dCE9Fbe1b967CA827cC19a3Ca340C63c8367",
image: "/images/tokens/empty-token.webp",
decimals: 18,
},
{
id: "B",
name: "Bhasker",
address: "0x1dcBA95df67D549d037BC6E1E73E8da33c512AB4",
image: "/images/tokens/empty-token.webp",
decimals: 18,
},
],
Configuration for the footer are under file /src/config/index.tsx
export const EMAIL = "info@spectrom.com";
export const PHONE_NUMBER = "12345672345";
export const socialLinks: SocialLinks[] = [
{
name: "twitter",
link: "#",
icon: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
width="24"
height="24"
>
<path d="M19.633 7.997c.013.175.013.349.013.523 0 5.325-4.053 11.461-11.46 11.461-2.282 0-4.402-.661-6.186-1.809.324.037.636.05.973.05a8.07 8.07 0 0 0 5.001-1.721 4.036 4.036 0 0 1-3.767-2.793c.249.037.499.062.761.062.361 0 .724-.05 1.061-.137a4.027 4.027 0 0 1-3.23-3.953v-.05c.537.299 1.16.486 1.82.511a4.022 4.022 0 0 1-1.796-3.354c0-.748.199-1.434.548-2.032a11.457 11.457 0 0 0 8.306 4.215c-.062-.3-.1-.611-.1-.923a4.026 4.026 0 0 1 4.028-4.028c1.16 0 2.207.486 2.943 1.272a7.957 7.957 0 0 0 2.556-.973 4.02 4.02 0 0 1-1.771 2.22 8.073 8.073 0 0 0 2.319-.624 8.645 8.645 0 0 1-2.019 2.083z"></path>
</svg>
),
},
{
name: "facebook",
link: "#",
icon: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
width="24"
height="24"
>
<path d="M12.001 2.002c-5.522 0-9.999 4.477-9.999 9.999 0 4.99 3.656 9.126 8.437 9.879v-6.988h-2.54v-2.891h2.54V9.798c0-2.508 1.493-3.891 3.776-3.891 1.094 0 2.24.195 2.24.195v2.459h-1.264c-1.24 0-1.628.772-1.628 1.563v1.875h2.771l-.443 2.891h-2.328v6.988C18.344 21.129 22 16.992 22 12.001c0-5.522-4.477-9.999-9.999-9.999z"></path>
</svg>
),
},
{
name: "telegram",
link: "#",
icon: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
width="24"
height="24"
>
<path d="m20.665 3.717-17.73 6.837c-1.21.486-1.203 1.161-.222 1.462l4.552 1.42 10.532-6.645c.498-.303.953-.14.579.192l-8.533 7.701h-.002l.002.001-.314 4.692c.46 0 .663-.211.921-.46l2.211-2.15 4.599 3.397c.848.467 1.457.227 1.668-.785l3.019-14.228c.309-1.239-.473-1.8-1.282-1.434z"></path>
</svg>
),
},
{
name: "Youtube",
link: "#",
icon: (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
width="24"
height="24"
>
<path d="M21.593 7.203a2.506 2.506 0 0 0-1.762-1.766C18.265 5.007 12 5 12 5s-6.264-.007-7.831.404a2.56 2.56 0 0 0-1.766 1.778c-.413 1.566-.417 4.814-.417 4.814s-.004 3.264.406 4.814c.23.857.905 1.534 1.763 1.765 1.582.43 7.83.437 7.83.437s6.265.007 7.831-.403a2.515 2.515 0 0 0 1.767-1.763c.414-1.565.417-4.812.417-4.812s.02-3.265-.407-4.831zM9.996 15.005l.005-6 5.207 3.005-5.212 2.995z"></path>
</svg>
),
},
];