Following.js

import Card from "../components/Card"

const cards = [
    {
        id: 1,
        name: "Rorrovidios",
        username: "rorrovidios",
        profileIMG: "profile1.jpeg",
        video: 'mainecoon.mp4',
        url: ""
    },
    {
        id: 2,
        name: "bigsotorius",
        username: "bigsotorius",
        profileIMG: "profile1.jpeg",
        video: 'mainecoon.mp4',
        url: ""
    },
    {
        id: 3,
        name: "J Balvin",
        username: "jbalvin",
        profileIMG: "profile1.jpeg",
        video: 'mainecoon.mp4',
        url: ""
    },
    {
        id: 4,
        name: "Yubelli",
        username: "omaryubelli",
        profileIMG: "profile1.jpeg",
        video: 'mainecoon.mp4',
        url: ""
    },
    {
        id: 5,
        name: "jennirivera",
        username: "jennirivera",
        profileIMG: "profile1.jpeg",
        video: 'mainecoon.mp4',
        url: ""
    },
    {
        id: 6,
        name: "Emilio Marcos",
        username: "emiliomarcoschiki",
        profileIMG: "profile1.jpeg",
        video: 'mainecoon.mp4',
        url: ""
    }
];

const Following = () => {
    return (
        <div id="Following" className="row">
            { cards.map(c => <Card key={`card-${c.id}`} card={c} />) }
        </div>
    )
}

export default Following;