From 27b7a3ef52ddd04fb0c43134a20ff5e343dc7818 Mon Sep 17 00:00:00 2001 From: Tejas Benibagde <124677750+tejasbenibagde@users.noreply.github.com> Date: Sat, 5 Oct 2024 08:01:31 +0000 Subject: [PATCH] Fix: Added Lazy load to few images --- frontend/package.json | 1 + frontend/src/components/Pages/Boardgame.jsx | 423 +++++++++--------- frontend/src/components/ui/Landing.jsx | 70 ++- frontend/src/components/ui/ReviewCarousel.jsx | 26 +- 4 files changed, 262 insertions(+), 258 deletions(-) diff --git a/frontend/package.json b/frontend/package.json index 02011c3..f4413df 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -23,6 +23,7 @@ "react-dom": "^18.3.1", "react-icons": "^5.2.1", "react-intersection-observer": "^9.13.0", + "react-lazy-load-image-component": "^1.6.2", "react-pageflip": "^2.0.3", "react-router-dom": "^6.24.1", "split-type": "^0.3.4", diff --git a/frontend/src/components/Pages/Boardgame.jsx b/frontend/src/components/Pages/Boardgame.jsx index ede290f..e31ee1b 100644 --- a/frontend/src/components/Pages/Boardgame.jsx +++ b/frontend/src/components/Pages/Boardgame.jsx @@ -9,232 +9,235 @@ import board8 from "../../assets/Boardgames/board8.png"; import board10 from "../../assets/Boardgames/board10.png"; import bg from "../../assets/Boardgames/bg.jpg"; +import { LazyLoadImage } from 'react-lazy-load-image-component'; +import 'react-lazy-load-image-component/src/effects/blur.css'; export default function Boardgame() { return ( <> -
- Explore our diverse selection of captivating boardgames, perfect for game nights, family gatherings, and strategic adventures. -
++ Explore our diverse selection of captivating boardgames, perfect for game nights, family gatherings, and strategic adventures. +
+- Settle the island of Catan in this classic resource management game. -
+ ++ Settle the island of Catan in this classic resource management game. +
+- Connect cities across a map and complete your railway routes. -
++ Connect cities across a map and complete your railway routes. +
+- Work together to contain the spread of deadly diseases across the globe. -
++ Work together to contain the spread of deadly diseases across the globe. +
+- Compete to make word associations and guess your teams secret code words. -
++ Compete to make word associations and guess your teams secret code words. +
+- Collect and place beautiful tiles to decorate the walls of a palace. -
++ Collect and place beautiful tiles to decorate the walls of a palace. +
+- Collect and place beautiful tiles to decorate the walls of a palace. -
++ Collect and place beautiful tiles to decorate the walls of a palace. +
+- Collect and place beautiful tiles to decorate the walls of a palace. -
++ Collect and place beautiful tiles to decorate the walls of a palace. +
+- Collect and place beautiful tiles to decorate the walls of a palace. -
++ Collect and place beautiful tiles to decorate the walls of a palace. +
+- Attract and collect birds in this relaxing engine-building game. -
++ Attract and collect birds in this relaxing engine-building game. +
+- Stay updated with our latest boardgame collections, special offers, and events. Subscribe now and never miss out! -
- -+ Stay updated with our latest boardgame collections, special offers, and events. Subscribe now and never miss out! +
+ +- Founder, Jonathan Li, shares a passion for board games, boba, and - delicious food, so he combined them all to become Sip & Play, Park - Slope’s first board game cafe. It is a straightforward concept: come - in with your friends and family to play any board game from our - library of 300+ games! We hope when you visit, you also enjoy our - coffee, espresso, boba, sandwiches, and snacks! -
-