Merge pull request #17 from DevaduttM/main

Why Participate page updated
Excel2024Web · Nov 16, 2024 · 4818cd6 · 4818cd6
2 parents 05c2a31 + 5386a8f
commit 4818cd6
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 16 deletions.
diff --git a/src/assets/WhyParticipate/bgimg3.png b/src/assets/WhyParticipate/bgimg3.png
diff --git a/src/components/WhyParticipate/InfoCard.jsx b/src/components/WhyParticipate/InfoCard.jsx
@@ -1,4 +1,4 @@
-
+import Image from 'next/image'
 const InfoCard = ({
   title,
   text,
@@ -8,8 +8,14 @@ const InfoCard = ({
   return (
     // <div className=" cardbgdiv flex justify-center items-center flex-shrink-0 ">
       // <div className="flex flex-col gap-2 w-[83%] ">
-        <div className={` cardcontainer1 rounded-[20px] flex flex-col h-[600px] items-center justify-center py-10 px-8 border-[0.2px] border-solid border-[#9291918f] backdrop-blur-[10px] bg-opacity-50 backdrop-saturate-[80%] bg-[rgba(255,255,255,0.1)]  `} >
-          <h3 className={`text-3xl font-[500] mt-[20px] tracking-wide ${color}`}>
+        <div className={` cardcontainer1 rounded-[20px] flex flex-col h-[550px] items-center justify-center py-10 px-8 border-[0.2px] border-solid border-[#9291918f] backdrop-blur-[10px] bg-opacity-50 backdrop-saturate-[80%] bg-[rgba(255,255,255,0.1)]  `} >
+          {/* <Image className='elementimg'
+            src="/element.png" 
+            alt="Description of the element" 
+            width={150} 
+            height={150} 
+    /> */}
+          <h3 className={`text-4xl font-[500] mt-[20px] tracking-wide ${color}`}>
             {title} 
           </h3>
         <div className="flex rounded-b-[10px]   relative py-10 px-8 gap-10 min-h-[80%] rounded-[12px] ">

diff --git a/src/components/WhyParticipate/WhyParticipate.css b/src/components/WhyParticipate/WhyParticipate.css
@@ -55,6 +55,13 @@
     margin: 0;
 }
 
+.elementimg{
+    position: absolute;
+    top: -100px;
+    box-shadow: 0px 0px 10px #d3d3d373;
+}
+
+
 
 
 /* .cardcontainer1{
@@ -95,15 +102,25 @@
 
 
 @media (max-width: 768px) {
-    .swiper-button-next,
+    .swiper-button-next{
+        height: 30px;
+        width: 30px;
+        background-size: contain;
+        right: 5px;
+    }
+
+    .main-container{
+        background-image: url(../../assets/WhyParticipate/bgimg3.png);
+    }
+
     .swiper-button-prev{
         height: 30px;
         width: 30px;
         background-size: contain;
+        left: 5px;
     }
 
     .cardcontainer1{
-        width: 90%;
-        height: 500px;
+        scale: 0.9;
     }
 }
diff --git a/src/components/WhyParticipate/WhyParticipate.jsx b/src/components/WhyParticipate/WhyParticipate.jsx
@@ -18,32 +18,32 @@ const WhyParticipate = () => {
 
   const cards = [
     {
-      title: "Build and Learn",
-      text: "Dive into intense coding sessions, tackle real-world problems, and enhance your skills. Hackathons provide a unique opportunity to learn new technologies and apply them in innovative projects.",
+      title: "Win Big",
+      text: "Compete for a massive prize pool of up to ₹70K and reward your efforts with some well-deserved recognition.",
       gradient: "from-[#3b48f9] to-[#a73ffa]",
       color: "text-white",
     },
     {
-      title: "Network",
-      text: "Connect with  industry professionals, and potential employers. Hackathons are a melting pot of talent, offering invaluable networking opportunities that can shape your career.",
+      title: " Super Swags",
+      text: "Stock up on cool swags from stickers to Red Bull and more! Swank 'em, fuel your creativity and stay energized throughout the hackathon.",
       gradient: "from-[#5f72be] to-[#06e1ae]",
       color: "text-white",
     },
     {
-      title: "Mentor Support",
-      text: "Gain insights and guidance from experienced mentors. They'll be there to help you overcome challenges, refine your ideas, and maximize your learning experience throughout the hackathon.",
+      title: "Connect and Conquer",
+      text: "Expand your network with the brightest tech minds. Meet up with fellow innovators, share ideas and forge new long-lasting friendships.",
       gradient: "from-[#5bd8fa] to-[#00f982]",
       color: "text-white",
     },
     {
-      title: "Goodies and Swag",
-      text: "Take home cool branded merchandise and tech gadgets. Hackathons often provide participants with exclusive swag, giving you lasting mementos of your innovative journey.",
+      title: "Expert Guidance",
+      text: "Benefit from the guidance of our experienced mentors who will provide valuable insights, troubleshooting tips, and support throughout the event to supercharge your project.",
       gradient: "from-[#5f72be] to-[#06e1ae]",
       color: "text-white",
     },
     {
-      title: "Cash Prizes",
-      text: "Compete for substantial cash rewards and other prizes. Hack for Tommorow offers significant prize pools, giving you the chance to fund your projects or kickstart your entrepreneurial dreams.",
+      title: "Build the Future",
+      text: "Push your coding limits. Use brand new technologies to create innovative solutions to solve real-world problems and make a difference.",
       gradient: "from-[#3b48f9] to-[#a73ffa]",
       color: "text-white",
     },