Merge pull request #127 from ms-club-sliit/development

Add arimac sponsorship
ms-club-sliit · Sep 22, 2023 · d2ac6b8 · d2ac6b8
2 parents 825beac + ab42c1e
commit d2ac6b8
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 19 deletions.
diff --git a/src/assets/sponsors/arimac.webp b/src/assets/sponsors/arimac.webp
diff --git a/src/data/Sponsors/GoldSponsers.json b/src/data/Sponsors/GoldSponsers.json
@@ -2,18 +2,9 @@
 	"data": [
 		{
 			"id": 1,
-			"companyName": "Sample Company",
-			"imageUrl": "/assets/sponsors/company_logo_1.webp"
-		},
-		{
-			"id": 2,
-			"companyName": "Sample Company",
-			"imageUrl": "/assets/sponsors/company_logo_2.webp"
-		},
-		{
-			"id": 3,
-			"companyName": "Sample Company",
-			"imageUrl": "/assets/sponsors/company_logo_3.webp"
+			"companyName": "Arimac Lanka (Pvt) Ltd",
+			"imageUrl": "/assert/sponsors/arimac.webp",
+			"companyUrl": "https://arimaclanka.com/"
 		}
 	]
 }
diff --git a/src/views/Home/index.js b/src/views/Home/index.js
@@ -5,8 +5,9 @@ import Eligibility from "../Eligibility";
 import Timeline from "../Timeline";
 import Gallery from "../Gallery";
 import PastWinners from "../PastWinners";
-/* import TeamView from "../TeamView";
 import Sponsors from "../Sponsors";
+import GoldSponsors from "../../data/Sponsors/GoldSponsers.json"
+/* import TeamView from "../TeamView";
 import PlatinumSponsors from "../../data/Sponsors/PlatinumSponsors.json";
  */
 const Home = () => {
@@ -19,7 +20,7 @@ const Home = () => {
 			{/* <Sponsors type="Platinum" sponsors={PlatinumSponsors} /> */}
 			{/* <TeamView /> */}
 			<Gallery />
-			{/* <Sponsors type="Gold" sponsors={GoldSponsors} /> */}
+			<Sponsors type="Gold" sponsors={GoldSponsors} />
 			<PastWinners />
 			{/* <Sponsors type="Silver" sponsors={GoldSponsors} /> */}
 			<Footer />

diff --git a/src/views/Sponsors/index.jsx b/src/views/Sponsors/index.jsx
@@ -1,17 +1,17 @@
 import React from "react";
-
+import arimac from "../../assets/sponsors/arimac.webp";
 const Sponsers = (props) => {
 	return (
 		<div id="sponsers" className="lg:px-20">
 			<h1 className="text-4xl md:text-5xl text-center my-10 font-bold">
-				{props.type} Sponsers
+				{props.type} Sponsor
 			</h1>
-			<div className={`grid grid-cols-1 md:grid-cols-2 gap-4`}>
+			<div className={`grid grid-cols-1 md:grid-cols-1 gap-4`}>
 				{props.sponsors.data.map((sponsor) => (
 					<div className="flex justify-center my-5">
-						<a href="https://msclubsliit.org/" className="mb-4 sm:mb-0">
+						<a href={sponsor.companyUrl} className="mb-4 sm:mb-0 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110">
 							<img
-								src={sponsor.imageUrl}
+								src={arimac}
 								className="h-40"
 								alt={sponsor.companyName}
 							/>