what do you mean by 'not loaded'? it is simply not there at all?

did you import the component

yes i import it

but see this.
it's not working

what is not working. it is just not there? did you inspect the browser elements, is it there?

yes

look:
this is my home page:

//next image
import Image from 'next/image';

//components
import ParticlesContainer from "../components/ParticlesContainer";
import ParticlesBtn from "../components/projectsBtn";
import Avatar from "../components/Avatar";

//formar motion
import {motion} from 'framer-motion';

//variations
import {fadeIn} from '../variants';
import ProjectsBtn from '../components/projectsBtn';

const Home = () => {
  return <div className='bg-primary/60 h-full'>
    {/* text */}
    <div className='w-full h-full bg-gradient-to-r from-primary/10 via-black/30 to-black/10'>
      <div className='text-center flex-col justify-center xl:pt-40 xl:text-left h-full container mx-auto'>

        {/* title */}
        <h1 className='h1'>
          I'm Shahriar<br /> a{' '} <span className='text-accent'>programmer</span>
        </h1>

        {/* subtitle */}
        <p className='max-w-sm xl:max-w-xl mx-auto xl:mx-0 mb-10 xl:mb-16'>
          I'm Shahriar. I love programming and music, coding and creating new things with high motivation.
        </p>

        {/* btn */}
          <div className='flex justify-center xl:hidden relative'>
            <ProjectsBtn />
          </div>
          <motion.div variants={fadeIn('down', 0.4)}>
            <ProjectsBtn />
          </motion.div>

      </div>
    </div>

    {/* image */}
    <div>
      image
    </div>
  </div>;
};

export default Home;

hmm. so what is not working

i mean this arrow from react icons and circlestart not show in my home page

react-icons then idk, but everything else looks good, do you have a minimal reproduction repository that i can clone and test?

see

it's not showed in home page

yes i know. but the code looks alright to me, so i need a reproduction repository to clone and debug

it's not on my github. should i send link?

make a minimal reproduction repository and make it a public repo

i can't make it public before it's done

i don't ask you for your project code, i only ask for a minimal reproduction repository, in other words a minimal amount of code just enough to reproduce the problem

if you cannot do it then you have to wait for someone else to help you because i won't be able to

Is it not that it's in an XL:hidden div ?

no
i remove it and nothing change

image in the public directory?

yse

@joulev @Barbary Lion

Upload the code to github or codesandbox or something similar, I don’t suspect this to be a virus or something but I can’t be too careful

It will be best if you made a GitHub repo and pushed all your code

And also could you send crome debugging ss is thier component rendering??

I can't set it in github now. Is there any way to send you code?

Setup codesandbox then

ok

thanks for your help