Merge pull request #21 from ajaynegi45/card

Card

src/app/globals.css

@@ -10,7 +10,7 @@
   --line-grey: #E1E4E8;
   --slate-black: #667085;
   --mist-grey: #F2F2F2;
-  
+
   --light-green: #22C55E;
   --light-yellow: #FFC107;
   --light-blue: #3B82F6;
@@ -19,7 +19,6 @@
 
   --green: #2E865F;
   --soil: #EEB27B;
-
 }
 
 
@@ -64,7 +63,7 @@ button, [role="button"] {
 /*  reset anchor style*/
 
 p{
-  font-family: --myCustomFont, "-apple-system", "BlinkMacSystemFont",sans-serif;
+  font-family: --myCustomFont,"system-ui", "-apple-system", "BlinkMacSystemFont",sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 300;

src/app/language/page.tsx

@@ -60,16 +60,19 @@ export default function Language() {
                 <Card title={"KUMAONI LANGUAGE"}
                       subTitle={"Almora, Bageshwar, Champawat, Nainital, Pithoragarh, Udham Singh Nagar"}
                       description={"Kumaoni is a Central Pahari language spoken in the Kumaon region of Uttarakhand. It has several dialects, including Kumaoni proper, Johari, and Danpuriya. Kumaoni is known for its distinctive grammar and vocabulary, which reflect the region's unique cultural heritage. With around 2 million speakers, Kumaoni is an important language in Uttarakhand. It has a rich literary tradition, including poetry, folk tales, and songs. Efforts are being made to develop Kumaoni language education and media to promote its use and preservation."}
-                      image={""}/>
+                      image={""}
+                      readMoreLink={""}/>
 
                 <Card title={"GARHWALI LANGUAGE"}
                       subTitle={"Dehradun, Haridwar, Pauri - Tehri Garhwal, Uttarkashi, Chamoli, Rudraprayag"}
                       description={"Garhwali is a Central Pahari language spoken in the Garhwal region of Uttarakhand. It has various dialects, including Badhani, Lohbya, and Majh-Kumaiya. Garhwali is known for its poetic and musical quality, with a rich tradition of folk songs and stories. It is closely tied to the region's culture and identity. With around 2.5 million speakers, Garhwali is a widely spoken language in Uttarakhand. Efforts are being made to preserve and promote Garhwali through language documentation, education, and cultural programs."}
-                      image={""}/>
+                      image={""}
+                      readMoreLink={""}/>
 
                 <Card title={"JAUNSARI LANGUAGE"} subTitle={"Jaunsar - Bawar region of Dehradun"}
                       description={"Jaunsari is a Central Pahari language spoken in the Jaunsar-Bawar region of Dehradun district, Uttarakhand. It is a small language with around 100,000 speakers. Jaunsari is known for its unique dialects, including Jaunsari proper and Bawari. The language is closely tied to the region's culture and traditions. Jaunsari has a rich oral tradition, with stories, songs, and folk tales passed down through generations. Efforts are being made to document and preserve Jaunsari through language education and cultural programs to ensure its survival for future generations."}
-                      image={""}/>
+                      image={""}
+                      readMoreLink={""}/>
             </section>
         </>
     );

src/app/map/page.module.css

@@ -1,4 +1,3 @@
-
 .uttarakhand-map{
     margin: 8em  0;
 }
@@ -261,46 +260,3 @@
 /*    scrollbar-width: auto;*/
 /*    -ms-overflow-style: auto;*/
 /*}*/
-.map-container{
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-
-}
-
-.map-image-container{
-    width: 1440px;
-    height: auto;
-    max-width: 100vw;
-    overflow: scroll;
-}
-.map-container > div > img{
-    width: 100%;
-    height: auto;
-}
-
-.map-button-container{
-    display: flex;
-    flex-direction: row;
-    gap: 4rem;
-}
-
-.map-button-container > button {
-    padding: 10px 15px 10px 15px;
-    color: #fff;
-    background-color: var(--black);
-}
-
-.map-button-container > button:hover {
-    color: var(--black);
-    background-color: var(--mist-grey);
-}
-
-
-.image {
-
-    width: 100%;
-    height:20rem;
-    background-image: radial-gradient(88% 100% at top, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
-}

src/app/map/page.tsx

@@ -1,4 +1,3 @@
-
 // "use client";
 //
 // import { useRef } from 'react';

src/components/ui/Card.tsx

@@ -9,7 +9,7 @@ type CardProps = {
     subTitle: string;
     description: string;
     image: string;
-    readMoreLink: string
+    readMoreLink?: string
 }
 
 export default function Card(props: CardProps) {

src/components/ui/Footer.module.css

@@ -3,10 +3,8 @@
     margin-bottom: 1rem;
     padding-top: 2rem;
     width: 100%;
-
     border-top: 1px solid var(--line-grey);
 
-
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -72,9 +70,7 @@
     font-size: 1rem;
     line-height: 1.5rem;
     padding: 10px 18px 10px 18px;
-
     border: 1px solid var(--line-grey);
-
     border-radius: 5px;
     outline: none;
 }
@@ -84,9 +80,7 @@
     font-size: 1rem;
     line-height: 1.5rem;
     padding: 10px 18px 10px 18px;
-
     border: 1px solid var(--line-grey);
-
     border-radius: 5px;
     background-color: white;
 }
@@ -177,7 +171,6 @@
 
 .copyright-container{
     border-top: 1px solid var(--line-grey);
-
     margin-top: 5rem;
     max-width: 1200px;
     width: 100%;