import { iconsCount, iconsCountRounded } from '@/config/site'

const features = [
  {
    title: 'Custom avatars',
    image: 'feature-1.png',
    description:
      'Image, placeholder, status, icon, shape, link, color or maybe all of them? You can create awesome avatars with Tabler!',
    url: ''
  },
  {
    title: 'Simple but useful snippets',
    image: 'feature-2.png',
    description:
      "Thanks to Tabler you can build simple snippets, with which you can visualize your data. It's up to you to decide what goes in them.",
    url: ''
  },
  {
    title: 'Advanced cards',
    image: 'feature-3.png',
    description:
      'Use your custom content types to create all the items you need, e.g. articles, movies or different product types.',
    url: ''
  },
  {
    title: 'Various blanks',
    image: 'feature-4.png',
    description:
      'Use your custom content types to create all the items you need, e.g. articles, movies or different product types.',
    url: ''
  },
  {
    title: '',
    image: 'feature-5.png',
    description: '',
    url: '',
    hide: true
  },
  {
    title: 'Advanced forms',
    image: 'feature-6.png',
    description:
      'Use your custom content types to create all the items you need, e.g. articles, movies or different product types.',
    url: ''
  },
  {
    title: 'Great charts',
    image: 'feature-7.png',
    description:
      'Use your custom content types to create all the items you need, e.g. articles, movies or different product types.',
    url: '',
    hide: true
  },
  {
    title: 'Clean modals',
    image: 'feature-8.png',
    description:
      'You can put a form, a picture, a video, or maybe even something more into the modal. It will look the same every time: awesome!',
    url: ''
  },
  {
    title: '',
    image: 'feature-9.png',
    description: '',
    url: '',
    hide: true
  },
  {
    title: 'Dark mode',
    image: 'feature-10.png',
    description:
      'Auto-generated dark theme. From now on, you can give users the choice of which template to use: light or dark?',
    url: ''
  },
  {
    title: `Over ${iconsCountRounded} free icons`,
    image: 'feature-11.png',
    description: `You can use any icons from our free icon pack, which contains ${iconsCount} icons at the moment. Just use icon that best suits your design.`,
    url: ''
  },
  {
    title: '',
    image: 'feature-12.png',
    description: '',
    url: '',
    hide: true
  },
  {
    title: 'Fancy loaders and placeholders',
    image: 'feature-13.png',
    description:
      'With the Tabler, the user will not be bored while waiting for data to load and at the same time your website will become more dynamic.',
    url: ''
  },
  {
    title: 'Great charts',
    image: 'feature-14.png',
    description:
      'Use your custom content types to create all the items you need, e.g. articles, movies or different product types.',
    url: ''
  },
  {
    title: 'Useful single pages',
    image: 'feature-15.png',
    description:
      'Tabler allows you to create your own registration, login or wizard pages. Let users focus only on what is important.',
    url: ''
  },
  {
    title: 'Error pages',
    image: 'feature-16.png',
    description:
      'Even if your customer gets lost on your website, thanks to custom error pages they will still feel safe.',
    url: ''
  }
]

export default features