From d628c21abd59e4ccace212628b964df195b1f57a Mon Sep 17 00:00:00 2001
From: Irshanac <irshana951@gmail.com>
Date: Sun, 18 Aug 2024 19:51:02 +0430
Subject: [PATCH] join messege

---
 src/app/Instruction/page.tsx           |  28 ++--
 src/app/Join/page.tsx                  |   2 +-
 src/app/Latest/page.tsx                |  20 +--
 src/app/contact/page.tsx               |   2 +-
 src/app/coordinator-dashboard/page.tsx |   2 +-
 src/app/user-dash-home/page.tsx        | 171 +++++++++----------------
 6 files changed, 88 insertions(+), 137 deletions(-)

diff --git a/src/app/Instruction/page.tsx b/src/app/Instruction/page.tsx
index f6f2e9a..eab042d 100644
--- a/src/app/Instruction/page.tsx
+++ b/src/app/Instruction/page.tsx
@@ -4,21 +4,26 @@ import React from 'react';
 import { Container, Row, Col } from 'react-bootstrap';
 
 const Instruction = () => {
+  const mobileStyles = {
+    paddingLeft: '20px',
+    paddingTop: '40px',
+    paddingRight: '25px',
+    overflowY: 'scroll', // This will be applied on mobile screens
+  };
   return (
     <>
-    <NavigationBar/>
+     <NavigationBar />
       <div className="flex justify-center items-center mt-6 mb-3">
-        <h1 className="text-3xl font-bold">വിത്തുകള് നടുന്ന വിധം</h1>
+        <h1 className="text-3xl text-center font-bold">വിത്തുകള് നടുന്ന വിധം</h1>
       </div>
-
-      <Container>
-        <Row style={{display: 'flex',marginTop:'20px',height:'510px'}}>
-          <Col  className='bg-light-green'xs={3} style={{ padding: '10px',marginLeft:'45px'}}>
-            <div style={{ height: '100%', alignItems: 'center' }}>
-            </div>
-          </Col>
-          <Col style={{paddingLeft:'20px',paddingTop:'40px',paddingRight:'25px'}}>
-            {/* Example content */}
+      <div style={{ minHeight: '100vh', display: 'flex', flexDirection: 'column' }}>
+        <Container fluid style={{ flex: 1, overflowY: 'auto' }}>
+          <Row style={{ display: 'flex', marginTop: '20px', height: 'auto' }}>
+            <Col className='bg-light-green' xs={3} style={{ padding: '10px', marginLeft: '45px' }}>
+              <div style={{ height: 'auto', alignItems: 'center' }}>
+              </div>
+            </Col>
+            <Col style={{ paddingLeft: '20px', paddingTop: '40px', paddingRight: '25px' }}>
             <p>1.ബദാം, പേര, നീർമരുത്, വേങ്ങ, താന്നി, കുമിഴ് : ഇവ ചാക്കോടെ രണ്ട് ദിവസം പച്ചവെള്ളത്തിലിടുക, പിന്നെ ബെഡിലിടുക.</p>
             <p>2.നെല്ലി, ഉങ്ങ്,കരിങ്ങാര്, സീതാപ്പഴം, കൂവളം, മാദളം, ചമത, മന്താരം, പൂവരശ്, സുബാബൂല്‍: ഇവ രണ്ട് മണിക്കൂര്‍ പച്ചവെള്ളത്തിലിടുക അതിന് ശേഷം ബെഡിലിടുക. മുകളില്‍ പൊടിമണ്ണിടുക താഴ്ത്തി നനയ്ക്കുക.</p>
             <p>3.മഹാഗണി, വീട്ടി, ലക്ഷ്മി തരു : മൂന്ന് മണിക്കൂര്‍ പച്ചവെള്ളത്തിലിടുക. പിന്നെ ബെഡിലിടുക. വിത്ത് മറയുന്ന രീതിയില്‍ മണ്ണിടുക.</p>
@@ -36,6 +41,7 @@ const Instruction = () => {
           </Col>
         </Row>
       </Container>
+      </div>
       <Footer/>
     </>
   );
diff --git a/src/app/Join/page.tsx b/src/app/Join/page.tsx
index 99d529a..5653f2e 100644
--- a/src/app/Join/page.tsx
+++ b/src/app/Join/page.tsx
@@ -12,7 +12,7 @@ const JoinNow = () => {
                 <h1 className="text-4xl font-bold text-center item-center" >ഹരിത കേരളം വൃക്ഷത്തൈ പരിപാലന മത്സരം.</h1>
             </div>
             <div className="mt-8 flex justify-center items-center" >
-                <h3 className="text-2xl font-bold items-center text-[#3C6E1F]">
+                <h3 className="text-2xl font-bold items-center text-[#3C6E1F] text-center">
                     വൃക്ഷങ്ങൾ നട്ട് വളർത്തൂ..ഫോട്ടോ അപ്‌ലോഡ് ചെയ്യൂ..<br />
                     സമ്മാനങ്ങൾ നേടൂ....ഭൂമിയെ രക്ഷിക്കൂ....
                 </h3>
diff --git a/src/app/Latest/page.tsx b/src/app/Latest/page.tsx
index f3ea211..76e578b 100644
--- a/src/app/Latest/page.tsx
+++ b/src/app/Latest/page.tsx
@@ -12,16 +12,20 @@ interface NewsCardProps {
 const NewsCard: React.FC<NewsCardProps> = ({ title, image, smallHeading, paragraph }) => {
   return (
     <div className="flex flex-col p-4 mb-6 shadow-md rounded-lg bg-light-gray mt-6">
-      <h2 className="text-xl font-bold mb-2">{title}</h2>
-      <div className="flex">
-        <img src={image} alt="news" className="w-1/3  object-cover mr-4 rounded-lg" />
-        <div className="flex flex-col justify-between w-2/3">
+      <h2 className="text-xl font-bold mb-4">{title}</h2>
+      <div className="flex flex-col md:flex-row">
+        <img
+          src={image}
+          alt="news"
+          className="w-full md:w-1/3 object-cover mb-4 md:mb-0 mr-0 md:mr-4 rounded-lg"
+        />
+        <div className="flex flex-col justify-between w-full md:w-2/3">
           <div>
             <h3 className="text-lg font-semibold mb-1">{smallHeading}</h3>
             <p className="mb-2">{paragraph}</p>
           </div>
-          <div className="flex mt-10">
-            <button className="bg-light-gray" style={{borderRadius:'5px'}}>
+          <div className="flex mt-4 md:mt-10">
+            <button className="bg-light-gray px-4 py-2 rounded-md">
               Read More
             </button>
           </div>
@@ -29,11 +33,9 @@ const NewsCard: React.FC<NewsCardProps> = ({ title, image, smallHeading, paragra
       </div>
     </div>
   );
-};
+};;
 
 const Latest = () => {
-
- 
   const newsData = [
     {
       title: "സുരഭി ലക്ഷ്മി ഗ്രീൻ ക്‌ളീൻ എർത്ത് മൂവേമെന്റ്- ബ്രാൻഡ് അംബാസഡർ ആയി ചുമതലയേറ്റു.",
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index d55ba8c..e2a523f 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -46,7 +46,7 @@ const Contact = () => {
         <div className="mx-4 mb-10 flex flex-col gap-4 md:flex md:flex-row-reverse">
           <div className='mx-8'>
             <div className='my-4'>
-              <h3 className='text-primary text-2xl'>About us</h3>
+              <h3 className='text-primary text-2xl text-center'>About us</h3>
               <p className='border-l p-2 border-black'>ഭൂമിയെ ഹരിതാഭമാക്കാനും, മാലിന്യ മുക്തമാക്കാനും ജനങ്ങളെ പ്രേരിപ്പിക്കാൻവിവിധ സ്ഥാപങ്ങളുടെയും,സംഘടനകളുടെയും , സഹകരണത്തോടെ GCEM Foundation ആവിഷ്‌കരിച്ച് നടപ്പിൽ വരുത്തുന്ന ഒരു ബഹുജനമുന്നേറ്റമാണ് Green Clean Earth Movement(GCEM).</p>
             </div>
             <div>
diff --git a/src/app/coordinator-dashboard/page.tsx b/src/app/coordinator-dashboard/page.tsx
index 58834c9..bfd0394 100644
--- a/src/app/coordinator-dashboard/page.tsx
+++ b/src/app/coordinator-dashboard/page.tsx
@@ -56,7 +56,7 @@ function CoordinatorDashBoardContent() {
       <NavigationBar />
 
       <div className="container mx-auto md:max-w-5xl min-h-screen mt-6">
-        <h1 className="text-3xl my-4 font-bold pb-4 border-b-2 mb-3">Coordinator Dashboard</h1>
+        <h1 className="text-3xl my-4 font-bold pb-4 border-b-2 mb-3 text-center">Coordinator Dashboard</h1>
         <p>താഴെക്കൊടുത്ത ലിങ്ക് കോപ്പി ചെയ്തു  എല്ലാ ക്ലാസ് ടീച്ചർമാർക്കും അയച്ചു കൊടുക്കുക.
  അവരോട് സ്വന്തം മൊബൈൽ നമ്പറും പേരും വെച്ച്  ക്ലാസിന്റെ പേരിൽ രജിസ്റ്റർ ചെയ്യുവാൻ പറയുക.
  യൂസർനേമും പാസ്സ്‌വേർഡും  എല്ലാ കുട്ടികൾക്കും അയച്ചു കൊടുക്കുവാനും പറയുക.
diff --git a/src/app/user-dash-home/page.tsx b/src/app/user-dash-home/page.tsx
index 69a79f3..78092eb 100644
--- a/src/app/user-dash-home/page.tsx
+++ b/src/app/user-dash-home/page.tsx
@@ -26,125 +26,68 @@ import Cookies from 'js-cookie';
   const id = searchParams.get("id");
   return (
     <>
-    <main className='min-h-screen flex flex-col'>
-      <NavigationBar/>
-<<<<<<< HEAD
-      <div className="max-w-screen-md mx-auto mt-6 mb-3">
-=======
-      <div className="max-w-screen-md mx-auto pt-6">
->>>>>>> b72d530a1868075db9d4f4b6730aafaeb0ece49a
-        <div className="relative ">
-          <PageTitle title='Dashboard' />
-          {/* <Link href={'logout'} className="absolute right-[0] top-[0] px-6 py-2 rounded-full bg-light-gray hover:bg-dark-gray">Logout</Link> */}
-        </div>
-        <div className="max-w-screen-xl mx-auto p-4 mt-4 mb-6">
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8">
-          {/* <div 
-            className="flex flex-col justify-start items-start gap-3 text-xl border-2 border-dashed border-primary rounded-3xl py-6 md:py-10 bg-white hover:bg-primary/10" transition-all hover:scale-105>
+  <main className='min-h-screen flex flex-col'>
+    <NavigationBar />
+    <div className="max-w-screen-md mx-auto mt-6 mb-3">
+      <div className="relative">
+        <PageTitle title='Dashboard' />
+        {/* Logout button can be added here */}
+      </div>
+      <div className="max-w-screen-xl mx-auto p-4 mt-4 mb-6">
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8">
+          {/* Upload Plant Dialog */}
+          <DialogUploadPlant />
+          
+          {/* My Uploads */}
+          <Link 
+            className="flex flex-col justify-start items-start gap-3 text-xl border-2 border-dashed border-primary rounded-3xl py-6 md:py-10 bg-white hover:bg-primary/10 transition-all hover:scale-105"
+            href={`user-dash-home/uploaded-plants`}
+          >
+            <div className="flex flex-row items-center justify-between w-full px-6 py-2 bg-light-green">
+              <p className="font-semibold text-xl">My Uploads</p>
+              <Images size={48} color="#6c7260" strokeWidth={1.75} />
+            </div>
+            <div>
+              <p className="px-6 py-2 font-normal text-base">നിങ്ങൾ അപ്‌ലോഡ് ചെയ്തവ കാണാൻ</p>
+            </div>
+          </Link>
+          
+          {/* My Profile */}
+          <Link 
+            className="flex flex-col justify-start items-start gap-3 text-xl border-2 border-dashed border-primary rounded-3xl py-6 md:py-10 bg-white hover:bg-primary/10 transition-all hover:scale-105"
+            href={`/my-profile?id=${id}`}
+          >
             <div className="flex flex-row items-center justify-between w-full px-6 py-2 bg-light-green">
-              <p className="font-semibold text-xl">Upload plant</p>
-              <ImageUp size={48} color="#6c7260" strokeWidth={1.75} />
+              <p className="font-semibold text-xl">My Profile</p>
+              <UserRoundCog size={48} color="#6c7260" strokeWidth={1.75} />
             </div>
-            <div className="px-6">
-              
+            <div>
+              <p className="px-6 py-2 font-normal text-base">All your activities, Update your info.</p>
             </div>
-          </div> */}
-            <DialogUploadPlant />
-            <Link 
-              className="flex flex-col justify-start items-start gap-3 text-xl border-2 border-dashed border-primary rounded-3xl py-6 md:py-10 bg-white hover:bg-primary/10 transition-all hover:scale-105"
-              href={`user-dash-home/uploaded-plants`}>
-              <div className="flex flex-row items-center justify-between w-full px-6 py-2 bg-light-green">
-                <p className="font-semibold text-xl">My Uploads</p>
-                <Images size={48} color="#6c7260" strokeWidth={1.75} />
-              </div>
-              <div>
-                <p className="px-6 py-2 font-normal text-base">നിങ്ങൾ അപ്‌ലോഡ് ചെയ്തവ കാണാൻ</p>
-              </div>
-            </Link>
-            <Link 
-              className="flex flex-col justify-start items-start gap-3 text-xl border-2 border-dashed border-primary rounded-3xl py-6 md:py-10 bg-white hover:bg-primary/10 transition-all hover:scale-105"
-              href={`/my-profile?id=${id}`}>
-              <div className="flex flex-row items-center justify-between w-full px-6 py-2 bg-light-green">
-                <p className="font-semibold text-xl">My Profile</p>
-                <UserRoundCog size={48} color="#6c7260" strokeWidth={1.75} />
-              </div>
-              <div>
-                <p className="px-6 py-2 font-normal text-base">All your activities, Update your info.</p>
-              </div>
-            </Link>
-            {/* <Link 
-              className="flex flex-col justify-start items-start gap-3 text-xl border-2 border-dashed border-primary rounded-3xl py-6 md:py-10 bg-white hover:bg-primary/10 transition-all hover:scale-105"
-              href={"/user-dash-home/estimate"}>
-              <div className="flex flex-row items-center justify-between w-full px-6 py-2 bg-light-green">
-                <p className="font-semibold text-xl">Green Clean Estimate</p>
-                <FileText size={48} color="#6c7260" strokeWidth={1.75} />
-              </div>
-              <div>
-                <p className="px-6 py-2 font-normal text-base"></p>
-              </div>
-            </Link> */}
-            {/* <Link 
-              className="flex flex-col justify-start items-start gap-3 text-xl border-2 border-dashed border-primary rounded-3xl py-6 md:py-10 bg-white hover:bg-primary/10 transition-all hover:scale-105"
-              href={"/user-dash-home/user-invite"}>
-              <div className="flex flex-row items-center justify-between w-full px-6 py-2 bg-light-green">
-                <p className="font-semibold text-xl">Invite Friends</p>
-                <Send size={48} color="#6c7260" strokeWidth={1.75} />
-              </div>
-              <div>
-                <p className="px-6 py-2 font-normal text-base">സന്ദേശം പ്രചരിപ്പിച്ചാൽ സമ്മാനം</p>
-              </div>
-            </Link> */}
-            <Link 
-              className="flex flex-col justify-start items-start gap-3 text-xl border-2 border-dashed border-primary rounded-3xl py-6 md:py-10 bg-white hover:bg-primary/10 transition-all hover:scale-105"
-              href={"/user-dash-home/narukkeduppu"}>
-              <div className="flex flex-row items-center justify-between w-full px-6 py-2 bg-light-green">
-                <p className="font-semibold text-xl">നറുക്കെടുപ്പ്</p>
-                <Gift size={48} color="#6c7260" strokeWidth={1.75} />
-              </div>
-              <div>
-                <p className="px-6 py-2 font-normal text-base">Lucky Draw</p>
-              </div>
-            </Link>
-            {/* <Link 
-              className="flex flex-col justify-start items-start gap-3 text-xl border-2 border-dashed border-primary rounded-3xl py-6 md:py-10 bg-white hover:bg-primary/10 transition-all hover:scale-105"
-              href={"/"}>
-              <div className="flex flex-row items-center justify-between w-full px-6 py-2 bg-light-green">
-                <p className="font-semibold text-xl">Green Card</p>
-                <CreditCard size={48} color="#6c7260" strokeWidth={1.75} />
-              </div>
-              <div>
-                <p className="px-6 py-2 font-normal text-base"></p>
-              </div>
-            </Link> */}
-            {/* <Link 
-              className="flex flex-col justify-start items-start gap-3 text-xl border-2 border-dashed border-primary rounded-3xl py-6 md:py-10 bg-white hover:bg-primary/10 transition-all hover:scale-105"
-              href={"/"}>
-              <div className="flex flex-row items-center justify-between w-full px-6 py-2 bg-light-green">
-                <p className="font-semibold text-xl">Our Supporters Offer</p> 
-                <BadgeIndianRupee size={48} color="#6c7260" strokeWidth={1.75} />
-              </div>
-              <div>
-                <p className="px-6 py-2 font-normal text-base">Green Card കൈവശം ഉള്ളവർക്ക് പ്രത്യേക ഓഫറുകൾ നൽകുന്ന സ്‌ഥാപനങ്ങളുടെ ലിസ്റ്റ്</p>
-              </div>
-            </Link> */}
-            {/* <Link 
-              className="flex flex-col justify-start items-start gap-3 text-xl border-2 border-dashed border-primary rounded-3xl py-6 md:py-10 bg-white hover:bg-primary/10 transition-all hover:scale-105"
-              href={"/"}>
-              <div className="flex flex-row items-center justify-between w-full px-6 py-2 bg-light-green">
-                <p className="font-semibold text-xl">GCEM Fest</p> 
-                <Trophy size={48} color="#6c7260" strokeWidth={1.75} />
-              </div>
-              <div>
-                <p className="px-6 py-2 font-normal text-base">Agro Arts and Sports Competetion. കാർഷിക കലാ കായിക മത്സരങ്ങൾ</p>
-              </div>
-            </Link> */}
-          </div>
+          </Link>
+
+          {/* Lucky Draw */}
+          <Link 
+            className="flex flex-col justify-start items-start gap-3 text-xl border-2 border-dashed border-primary rounded-3xl py-6 md:py-10 bg-white hover:bg-primary/10 transition-all hover:scale-105"
+            href={"/user-dash-home/narukkeduppu"}
+          >
+            <div className="flex flex-row items-center justify-between w-full px-6 py-2 bg-light-green">
+              <p className="font-semibold text-xl">നറുക്കെടുപ്പ്</p>
+              <Gift size={48} color="#6c7260" strokeWidth={1.75} />
+            </div>
+            <div>
+              <p className="px-6 py-2 font-normal text-base">Lucky Draw</p>
+            </div>
+          </Link>
         </div>
       </div>
-      <GceBadge />
-      <Footer/>
-    </main>
-    </>
+    </div>
+    <GceBadge />
+    <Footer />
+  </main>
+</>
+
+    
 )
 }