import { ReactComponent as Residential } from 'assets/icons/products/residentialColor.svg';
import { ReactComponent as Datacenter } from 'assets/icons/products/datacenterColor.svg';
import { ReactComponent as StaticResidential } from 'assets/icons/products/static-residentialColor.svg';

import { ReactComponent as Bolt } from 'assets/icons/feauters/bolt.svg';
import { ReactComponent as CodeSquare } from 'assets/icons/feauters/code-square.svg';
import { ReactComponent as Dialog } from 'assets/icons/feauters/dialog.svg';
import { ReactComponent as Global } from 'assets/icons/feauters/global.svg';
import { ReactComponent as ShieldCheck } from 'assets/icons/feauters/shieldcheck.svg';
import { ReactComponent as SmartHomeAngle } from 'assets/icons/feauters/smart-home-angle.svg';
import { ReactComponent as SpeedometrtMax } from 'assets/icons/feauters/spedometer-max.svg';
import { ReactComponent as WindowFrame } from 'assets/icons/feauters/window-frame.svg';

import { ReactComponent as Pixels } from 'assets/icons/company/Bolt.svg';
import { ReactComponent as Document } from 'assets/icons/company/Document.svg';
import { ReactComponent as GalleryWide } from 'assets/icons/company/GalleryWide.svg';
import { ReactComponent as InfoSquare } from 'assets/icons/company/InfoSquare.svg';
import { ReactComponent as QuestionSquare } from 'assets/icons/company/QuestionSquare.svg';
import { ReactComponent as Screencast } from 'assets/icons/company/Screencast.svg';

import Australia from 'assets/flags/Australia.jpg';
import Brazil from 'assets/flags/Brazil.jpg';
import Canada from 'assets/flags/Canada.jpg';
import China from 'assets/flags/China.jpg';
import France from 'assets/flags/France.jpg';
import Germany from 'assets/flags/Germany.jpg';
import India from 'assets/flags/India.jpg';
import Italy from 'assets/flags/Italy.jpg';
import Spain from 'assets/flags/Spain.jpg';
import UnitedKingdom from 'assets/flags/UnitedKingdom.jpg';
import UnitedStates from 'assets/flags/UnitedStates.jpg';

import headerPost from 'assets/images/postHeader.jpg';
import ROUTES from 'constants/routes';

export const data = [
    {
        name: 'Products',
        items: [
            {
                name: 'Datacenter Proxies',
                desc: 'Fast & affordable proxy server list',
                icon: <Datacenter />,
                type: 'Datacenter',
                link: `${ROUTES.product}/1`,
            },
            {
                name: 'Static Residential Proxies',
                desc: 'High performance residential proxies',
                icon: <StaticResidential />,
                type: 'Residential',
                link: `${ROUTES.product}/2`,
            },
            {
                name: 'Residential Proxy',
                desc: 'Most affordable residential proxies',
                icon: <Residential />,
                type: 'Residential',
                link: `${ROUTES.product}/3`,
            },
        ],
    },
    {
        name: 'Feauters',
        items: [
            {
                name: 'Ethically sourced proxies',
                icon: <SmartHomeAngle />,
                link: `${ROUTES.features}/1`,
            },
            {
                name: '195+ Countries',
                icon: <Global />,
                link: `${ROUTES.features}/2`,
            },
            {
                name: '24/7 Live Support',
                icon: <Dialog />,
                link: `${ROUTES.features}/3`,
            },
            {
                name: '99.9% uptime',
                icon: <Bolt />,
                link: `${ROUTES.features}/4`,
            },
            {
                name: 'HTTP/SOCKS5 Compatibility',
                icon: <ShieldCheck />,
                link: `${ROUTES.features}/5`,
            },
            {
                name: 'REST API access',
                icon: <CodeSquare />,
                link: `${ROUTES.features}/6`,
            },
            {
                name: '100 Gbps Network',
                icon: <SpeedometrtMax />,
                link: `${ROUTES.features}/7`,
            },
            {
                name: 'Best In Class Dashboard',
                icon: <WindowFrame />,
                link: `${ROUTES.features}/8`,
            },
        ],
    },
    {
        name: 'Company',
        items: [
            {
                name: 'About',
                icon: <Pixels />,
                type: 'Company',
                link: ROUTES.about_us,
            },
            {
                name: 'Blog',
                type: 'Company',
                icon: <GalleryWide />,
                link: ROUTES.blog,
            },
            {
                name: 'FAQ',
                type: 'Company',
                icon: <QuestionSquare />,
                link: ROUTES.faq,
            },
            {
                name: 'API Docs',
                icon: <Document />,
                type: 'Resources',
                link: ROUTES.base,
            },
            {
                name: 'Help',
                icon: <InfoSquare />,
                type: 'Resources',
                link: ROUTES.base,
            },
            {
                name: 'Network Status',
                icon: <Screencast />,
                type: 'Resources',
                link: ROUTES.base,
            },
        ],
    },
    {
        name: 'Pricing',
        link: ROUTES.pricing,
    },
    {
        name: 'Contacts',
        link: ROUTES.contacts,
    },
];

export const locations = [
    {
        flag: UnitedKingdom,
        country: 'United Kingdom',
    },

    {
        flag: Germany,
        country: 'Germany',
    },
    {
        flag: UnitedStates,
        country: 'United States',
    },
    {
        flag: Italy,
        country: 'Italy',
    },
    {
        flag: China,
        country: 'China',
    },
    {
        flag: Australia,
        country: 'Australia',
    },
    {
        flag: Canada,
        country: 'Canada',
    },
    {
        flag: France,
        country: 'France',
    },

    {
        flag: Spain,
        country: 'Spain',
    },
    {
        flag: India,
        country: 'India',
    },

    {
        flag: Brazil,
        country: 'Brazil',
    },
];

export const post = {
    image: headerPost,
    tag: 'Comparison',
    title: 'Datacenter vs. Residential Proxies: 13 Key differences',
};

• [D] ColumWraper
• [D] Footer
• [D] Header
• [D] infoLayout
• [D] LegalPages
• [D] Preloader
• [F] Layout.jsx
  Delete
• [F] mockData.js
  Delete
• [F] styles.scss
  Delete