added lazy loading and change the questions ans

This commit is contained in:
2025-03-17 19:00:39 +08:00
parent bafeef5c29
commit 4095a9042a
7 changed files with 21 additions and 7 deletions

View File

@@ -22,7 +22,7 @@ function Salespoint() {
const fbContainerRef = useRef<HTMLDivElement>(null);
const titleRef = useRef<HTMLDivElement>(null);
const isTitleInView = useInView(titleRef, { once: true });
// Load Facebook SDK and initialize the plugin
useEffect(() => {
@@ -90,7 +90,7 @@ function Salespoint() {
direction={{ base: 'column', sm: 'column', md: 'row' }}
justify="center"
align={'flex-end'}
>
{shopImages.map((image, index) => (
<motion.div
@@ -105,7 +105,8 @@ function Salespoint() {
justify={'flex-end'}
>
<Link href={image.link}>
<Image src={image.image} cursor="pointer" />
<Image src={image.image} cursor="pointer"
loading="lazy" />
</Link>
</Stack>
</motion.div>