Change images for communities section

p-shubh · May 18, 2024 · 13beefe · 13beefe
1 parent 1cc3f9b
commit 13beefe
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 13 deletions.
diff --git a/app/utils/constants.tsx b/app/utils/constants.tsx
@@ -198,6 +198,19 @@ export const COMMUNITY_PAGE_BUTTONS = [
   },
 ];
 
+export const VIBRANT_COMMUNITY_CARD_IMAGES = {
+  card1: {
+    src1: "https://img.freepik.com/premium-photo/business-network-connections_175634-38642.jpg?w=740",
+    src2: "https://img.freepik.com/free-photo/3d-geometric-shapes-natural-background_23-2150697438.jpg?t=st=1716016369~exp=1716019969~hmac=1f0198c59fcd7eb9e6c23fe5c4deb7e4c8bfb33239673c339de4580532dae1d7&w=740",
+    src3: "https://img.freepik.com/free-photo/long-shot-adult-nature-with-3d-geometric-shapes_23-2150697330.jpg?t=st=1716016608~exp=1716020208~hmac=6354b83989962d5fc71fba84a140f8f44ca9ecb92ca555686fc76a6d05e0a13d&w=740",
+  },
+  card2: {
+    src1: "https://img.freepik.com/premium-photo/free-photo-world-photography-day_1134551-7610.jpg?w=740",
+    src2: "https://img.freepik.com/free-photo/isometric-view-3d-rendering-city_23-2150901092.jpg?t=st=1716017411~exp=1716021011~hmac=e6058083a22b613b9be91a51a6f5b86f37be56c91f1f0d41b7fd654f65f25d2f&w=360",
+    src3: "https://img.freepik.com/free-photo/futuristic-fantastical-light-lamp-design_23-2151101689.jpg?t=st=1716017615~exp=1716021215~hmac=399ff8c2caf9262828085ae3cad4d5269e80341966afdcbe8b6c160317c5a3ac&w=740",
+  },
+};
+
 // profile page related constants
 export const PROFILE_PAGE_IMAGES = [
   {

diff --git a/app/voyager/communities/page.tsx b/app/voyager/communities/page.tsx
@@ -2,7 +2,10 @@
 
 import CommunitiesNavbar from "../../components/communities_components/CommunitiesNavbar";
 import { v4 as uuidv4 } from "uuid";
-import { COMMUNITY_PAGE_BUTTONS } from "../../utils/constants";
+import {
+  COMMUNITY_PAGE_BUTTONS,
+  VIBRANT_COMMUNITY_CARD_IMAGES,
+} from "../../utils/constants";
 import Image from "next/image";
 import VivrantCommunitiesCard from "../../components/communities_components/VivrantCommunitiesCard";
 import Footer from "@/app/components/reusable/Footer";
@@ -28,29 +31,29 @@ const Community = () => {
         <div className="grid-images grid grid-cols-3 gap-5 mt-10">
           <div className="row-span-2 col-span-2">
             <Image
-              src="/dummy-image.png"
+              src="https://img.freepik.com/premium-photo/business-network-hand-shakes_777576-2834.jpg?w=740"
               alt="img"
               height={568}
               width={888}
-              className="object-cover"
+              className="object-cover rounded"
             />
           </div>
           <div className="row-span-1 col-span-1">
             <Image
-              src="/dummy-image.png"
+              src="https://img.freepik.com/free-photo/view-3d-islamic-lantern_23-2151112512.jpg?t=st=1716012965~exp=1716016565~hmac=858b24ad9e9d0d06bf022baa0961fdf7c192d7c09b38aade943bd4e2bfd25cf8&w=740"
               alt="img"
               height={272}
               width={432}
-              className="object-cover"
+              className="object-cover rounded"
             />
           </div>
           <div className="row-span-1 col-span-1">
             <Image
-              src="/dummy-image.png"
+              src="https://img.freepik.com/premium-photo/holographic-wireframe-representation-global-world-planet-earth-laptop_973328-2856.jpg?w=740"
               alt="img"
               height={272}
               width={432}
-              className="object-cover"
+              className="object-cover rounded"
             />
           </div>
         </div>
@@ -60,17 +63,17 @@ const Community = () => {
           </div>
           <div className="flex flex-wrap gap-5 justify-center">
             <VivrantCommunitiesCard
-              imgSrc1="/dummy-image.png"
-              imgSrc2="/dummy-image.png"
-              imgSrc3="/dummy-image.png"
+              imgSrc1={VIBRANT_COMMUNITY_CARD_IMAGES.card1.src1}
+              imgSrc2={VIBRANT_COMMUNITY_CARD_IMAGES.card1.src2}
+              imgSrc3={VIBRANT_COMMUNITY_CARD_IMAGES.card1.src3}
               sectionHeading="Discover New Connections"
               sectionTagline1="Dynamic rewards"
               sectionTagline2="Meet new people"
             />
             <VivrantCommunitiesCard
-              imgSrc1="/dummy-image.png"
-              imgSrc2="/dummy-image.png"
-              imgSrc3="/dummy-image.png"
+              imgSrc1={VIBRANT_COMMUNITY_CARD_IMAGES.card2.src1}
+              imgSrc2={VIBRANT_COMMUNITY_CARD_IMAGES.card2.src2}
+              imgSrc3={VIBRANT_COMMUNITY_CARD_IMAGES.card2.src3}
               sectionHeading="Explore the Possibilities"
               sectionTagline1="Unlock new experiences"
               sectionTagline2="Find your tribe"