From ad5b9302501996e48e157a680ed474dbde97c487 Mon Sep 17 00:00:00 2001 From: puthato Date: Thu, 12 Dec 2024 11:31:08 +0800 Subject: [PATCH] made logo bigger. removed brands. fixed some redundancy --- components/About/index.tsx | 13 +++++---- components/Brands/brandData.tsx | 45 +++----------------------------- components/Brands/index.tsx | 16 +----------- components/CTA/index.tsx | 4 +-- components/FunFact/index.tsx | 4 +-- components/Games/gameSection.tsx | 4 +-- components/Header/index.tsx | 26 +++++++++--------- components/Hero/index.tsx | 7 ++--- yarn.lock | 42 +++++++++-------------------- 9 files changed, 40 insertions(+), 121 deletions(-) diff --git a/components/About/index.tsx b/components/About/index.tsx index f1f8ebe..4189c9d 100644 --- a/components/About/index.tsx +++ b/components/About/index.tsx @@ -73,9 +73,7 @@ const About = () => {

- Play games and earn rewards. Use rewards to donate to charity - and help people in need. Play games and earn rewards. Use - rewards to donate to charity and help people in need. + Play Games, Earn Rewards, and Give Back!

@@ -86,9 +84,9 @@ const About = () => {

- Sign Up & Get Bonus + Sign Up & Get a Bonus:

-

Sign up now and get bonuses.

+

Sign up today and instantly get 500 points to kickstart your journey!.

@@ -99,10 +97,11 @@ const About = () => {

- Play & Earn Rewards + Play, Watch, and Earn:

-

Play games, watch ads & answer surveys.

+

Play games, watch ads, and take surveys to earn rewards.

+ diff --git a/components/Brands/brandData.tsx b/components/Brands/brandData.tsx index 1929993..0b59f86 100644 --- a/components/Brands/brandData.tsx +++ b/components/Brands/brandData.tsx @@ -1,48 +1,9 @@ import { Brand } from "@/types/brand"; const brandData: Brand[] = [ - { - id: 0.25, - name: "Client", - href: "#", - image: "/images/brand/brand-light-01.svg", - imageLight: "/images/brand/brand-dark-01.svg", - }, - { - id: 0.3, - name: "Client", - href: "#", - image: "/images/brand/brand-light-02.svg", - imageLight: "/images/brand/brand-dark-02.svg", - }, - { - id: 0.4, - name: "Client", - href: "#", - image: "/images/brand/brand-light-03.svg", - imageLight: "/images/brand/brand-dark-03.svg", - }, - { - id: 0.5, - name: "Client", - href: "#", - image: "/images/brand/brand-light-04.svg", - imageLight: "/images/brand/brand-dark-04.svg", - }, - { - id: 0.6, - name: "Client", - href: "#", - image: "/images/brand/brand-light-05.svg", - imageLight: "/images/brand/brand-dark-05.svg", - }, - { - id: 0.7, - name: "Client", - href: "#", - image: "/images/brand/brand-light-06.svg", - imageLight: "/images/brand/brand-dark-06.svg", - }, + + + ]; export default brandData; diff --git a/components/Brands/index.tsx b/components/Brands/index.tsx index 1ba14a0..1d04c42 100644 --- a/components/Brands/index.tsx +++ b/components/Brands/index.tsx @@ -4,21 +4,7 @@ import SingleBrand from "./SingleBrand"; import brandData from "./brandData"; const Brands = () => { - return ( - <> - {/* */} -
-
-
- {brandData.map((brand, key) => ( - - ))} -
-
-
- {/* */} - - ); + }; export default Brands; diff --git a/components/CTA/index.tsx b/components/CTA/index.tsx index 8971bf4..1fcd8d7 100644 --- a/components/CTA/index.tsx +++ b/components/CTA/index.tsx @@ -32,9 +32,7 @@ const CTA = () => { Join With Us Today & Help People

- Play2Help is a free gaming platform that allows you to play - games for free and donate to charity. Play games and help people - in need. + Play games, earn rewards, and donate them to charity to support those in need

{ Fun Facts About Us

- We are a organization that provides free gaming platform that - allows you to play games for free and donate to charity. Play - games and help people in need. + We are an organization offering a free gaming platform where you can enjoy games and contribute to charity. Play, earn, and make a difference in the lives of those in need.

diff --git a/components/Games/gameSection.tsx b/components/Games/gameSection.tsx index 57ea542..72e4adf 100644 --- a/components/Games/gameSection.tsx +++ b/components/Games/gameSection.tsx @@ -18,9 +18,7 @@ export default function GameSection() { Play our games

- Play games to donate to charity and help the world. Play, Win, - Earn Points and Get Rewards. We have a wide range of games to - choose from. Play now! 🎮 + Play games, donate to charity, and make a positive impact on the world. Explore our diverse selection of games—start playing today! 🎮

{/* Spotlight items */} diff --git a/components/Header/index.tsx b/components/Header/index.tsx index 7507a8d..6b26a0d 100644 --- a/components/Header/index.tsx +++ b/components/Header/index.tsx @@ -25,7 +25,7 @@ const Header = () => { const handleLinkClick = ( e: React.MouseEvent, - menuItem: MenuItem, + menuItem: MenuItem ) => { e.preventDefault(); setActiveMenu(menuItem.title); @@ -35,7 +35,8 @@ const Header = () => { setNavigationOpen(!navigationOpen); } }; - // Sticky menu + + // Sticky menu logic const handleStickyMenu = () => { if (window.scrollY >= 80) { setStickyMenu(true); @@ -46,7 +47,8 @@ const Header = () => { useEffect(() => { window.addEventListener("scroll", handleStickyMenu); - }); + return () => window.removeEventListener("scroll", handleStickyMenu); // Cleanup on unmount + }, []); return (
{ logo logo @@ -114,7 +116,7 @@ const Header = () => { {/* */} - {/* Nav Menu Start */} + {/* Nav Menu Start */}
{
  • handleLinkClick(e, menuItem)} key={key} - className={menuItem.submenu && "group relative"} + className={menuItem.submenu ? "group relative" : ""} > {menuItem.submenu ? ( <> @@ -191,6 +193,4 @@ const Header = () => { ); }; -// w-full delay-300 - export default Header; diff --git a/components/Hero/index.tsx b/components/Hero/index.tsx index 8f0722b..0e7bf3b 100644 --- a/components/Hero/index.tsx +++ b/components/Hero/index.tsx @@ -25,11 +25,8 @@ const Hero = () => {

    - Play2Help is a free gaming platform that allows you to play - games for free and donate to charity. Play games and help people - in need. Play2Help is a free gaming platform that allows you to - play games for free and donate to charity. Play games and help - people in need. + Play2Help is a free gaming platform where you can enjoy your favorite games while supporting charitable causes. + Play, donate, and make a difference — every game helps people in need!

    diff --git a/yarn.lock b/yarn.lock index 75509f9..68dd20c 100644 --- a/yarn.lock +++ b/yarn.lock @@ -316,29 +316,10 @@ resolved "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz" integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA== -"@img/sharp-libvips-linux-x64@1.0.4": - version "1.0.4" - resolved "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.4.tgz" - integrity sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw== - -"@img/sharp-libvips-linuxmusl-x64@1.0.4": - version "1.0.4" - resolved "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz" - integrity sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw== - -"@img/sharp-linux-x64@0.33.5": - version "0.33.5" - resolved "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.5.tgz" - integrity sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA== - optionalDependencies: - "@img/sharp-libvips-linux-x64" "1.0.4" - -"@img/sharp-linuxmusl-x64@0.33.5": +"@img/sharp-win32-x64@0.33.5": version "0.33.5" - resolved "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz" - integrity sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw== - optionalDependencies: - "@img/sharp-libvips-linuxmusl-x64" "1.0.4" + resolved "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz" + integrity sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg== "@isaacs/cliui@^8.0.2": version "8.0.2" @@ -654,15 +635,10 @@ dependencies: fast-glob "3.3.1" -"@next/swc-linux-x64-gnu@15.0.4": +"@next/swc-win32-x64-msvc@15.0.4": version "15.0.4" - resolved "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.0.4.tgz" - integrity sha512-Z50b0gvYiUU1vLzfAMiChV8Y+6u/T2mdfpXPHraqpypP7yIT2UV9YBBhcwYkxujmCvGEcRTVWOj3EP7XW/wUnw== - -"@next/swc-linux-x64-musl@15.0.4": - version "15.0.4" - resolved "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.0.4.tgz" - integrity sha512-7H9C4FAsrTAbA/ENzvFWsVytqRYhaJYKa2B3fyQcv96TkOGVMcvyS6s+sj4jZlacxxTcn7ygaMXUPkEk7b78zw== + resolved "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.0.4.tgz" + integrity sha512-NGLchGruagh8lQpDr98bHLyWJXOBSmkEAfK980OiNBa7vNm6PsNoPvzTfstT78WyOeMRQphEQ455rggd7Eo+Dw== "@noble/ciphers@^1.0.0": version "1.1.3" @@ -745,6 +721,11 @@ micromatch "^4.0.5" napi-wasm "^1.1.0" +"@parcel/watcher-win32-x64@2.5.0": + version "2.5.0" + resolved "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.0.tgz" + integrity sha512-lPrxve92zEHdgeff3aiu4gDOIt4u7sJYha6wbdEZDCDUhtjTsOMiaJzG5lMY4GkWH8p0fMmO2Ppq5G5XXG+DQw== + "@parcel/watcher@^2.4.1": version "2.5.0" resolved "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.0.tgz" @@ -5072,6 +5053,7 @@ socket.io-parser@~4.2.4: cookie "^1.0.2" dayjs "^1.11.13" eslint "8.41.0" + ethers "^6.13.4" framer-motion "^10.12.16" js-cookie "^3.0.5" jwt-decode "^4.0.0"