Spectrum ICO

Configuration

Configuration

You can find the configurartion files under the /src/config and there's 2 files in it: 

  1. index
  2. form
Navbar

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" },
];

 

 

Hero Section

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 = "#";

 

About Section

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",
  },
];

 

Roadmap Section

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,
  },
];

 

Tokenomics Section

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,
    },
  ],
};
 

FAQ Section

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.",
  },
];

 

Presale Form

Before you start to add the configuration for the presale first you need to add ABI Contract files under: 

/src/contracts

  1. Presale ABI Contract and you should name it presaleAbi.json
  2. 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>
    ),
  },
];