Update BioData & LinksData

data/BioData.js

const bioData = [
{
    name: 'Your Name',
    titleImg: false,
    online: false,
    url: '#', //redirect when someone click your online status
    avatar: '/favicon.ico', //put your profile photo to public folder
    nftAvatar: true,
    description: 'About You',
    descShow: true,
    subdesc: 'OPTIONAL',
    subdescShow: false,
    spotify: false, //set to true to show
    spotifyText: 'Recently Played',
    spotifyUrl: 'FIRST URL',
    spotifyImg: 'SECOND URL',
    ig: false, //set to true to show
    igUrl: '#', //use https://www.instagram.com/ and add /embed after your username or post link
},
];
 
export default bioData;

Avatar: 1:1 image will be good. You also can use a link, I use imgbb.com.
Hex/NFT Avatar View: nftAvatar: true enable hex shape on avatar image. nftAvatar: false made it in oval shape.

Enable/Disable Social Media

Find type: social and change on:true|false.

Title	on (default)
`Truth Social`	`true`
`Twitter`	`true`
`Instagram`	`false`
`Medium`	`false`
`Github`	`true`
`Youtube`	`true`
`Linkedin`	`true`
`Email`	`true`
`Tiktok`	`false`
`Post.news`	`false`

Setting on: true show the social icon.
The social media icons are arranged in a single row at the top of the page below description. If you want to use as list, change type to type: 'other'.

Add New Social Media Link

Create a new block by copying this:

data/LinksData.js

{
   title: 'Social Name',
   url: 'https://example.com/',
   type: 'social',
   icon: '/icon.png',
   on: true
}

Update all info and make sure to add a icon.png file in public folder.

Directory Structure Frontend