Added food and attire section to explore page

src/app/Food/page.module.css

@@ -0,0 +1,147 @@
+.language-hero-container{
+    margin-top: 5rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    padding: 0 4rem 0 4rem;
+
+}
+
+.language-text-container{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    max-width: 600px;
+    width: 100%;
+
+}
+.language-text-container > p {
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    margin-top: 1rem;
+}
+.language-img-container{
+    overflow: hidden;
+    max-width: 600px;
+    width: 100%;
+}
+
+.language-img-container > img{
+    filter: drop-shadow(0 0 0.40rem #A0A5AC);
+
+}
+
+.language-importance-container{
+    margin-top: 10rem;
+    border-top: 1px solid var(--line-grey);
+    width: 100%;
+}
+.language-importance-title-container > p{
+    text-transform: uppercase;
+    margin-top: 0.3rem;
+    margin-left: 2px;
+    letter-spacing: 1px;
+    font-size: 12px;
+
+}
+.language-importance-item-container{
+    display: flex;
+    flex-direction: row;
+    /*align-items: center;*/
+    justify-content: center;
+    flex-wrap: wrap;
+    gap: 1rem;
+    margin-top: 1.5rem;
+}
+
+.uttarakhand-language-title-container{
+    width: 100%;
+    border-top: 1px solid var(--line-grey);
+    margin-top: 5rem;
+    margin-bottom: -6rem;
+}
+
+.uttarakhand-language-title-container > p{
+    text-transform: uppercase;
+    font-size: 12px;
+    letter-spacing: 1px;
+
+}
+
+.uttarakhand-language-container{
+    width: 95%;
+}
+
+.uttarakhand-language-container > :first-child {
+    border-top: none;
+}
+
+
+@media (max-width: 1350px) {
+    .language-text-container > h1 {
+        font-size: 45px;
+        letter-spacing: 2px;
+    }
+    .language-img-container > img{
+        width: 430px;
+        height: 400px;
+
+    }
+    .language-hero-container{
+        padding: 0 2rem 0 2rem;
+    }
+}
+
+@media (max-width: 1000px) {
+    .language-hero-container{
+        padding: 0 1.5rem 0 1.5rem;
+    }
+    .language-text-container > p {
+        font-size: 12px;
+        letter-spacing: 1px;
+        text-align: center;
+    }
+    .language-text-container > h1 {
+        font-size: 30px;
+        letter-spacing: 1px;
+    }
+    .language-img-container > img{
+        width: 323px;
+        height: 300px;
+    }
+}
+
+@media (max-width: 700px) {
+    .language-hero-container{
+        flex-direction: column-reverse;
+        padding: 0 0 0 0;
+        margin-top: 2.5rem;
+    }
+    .language-img-container{
+        width: 100%;
+        text-align: center;
+    }
+
+    .language-img-container > img{
+        rotate: -30deg;
+        width: 300px;
+        height: 278px;
+        margin-bottom: 1rem;
+        /*padding-left: 15px;*/
+    }
+
+    .uttarakhand-language-container{
+        margin-top: 3rem;
+        position: relative;
+        width: 100%;
+    }
+}
+@media (max-width: 500px) {
+    .language-importance-title-container > p{
+        text-align: center;
+    }
+}

src/app/Food/page.tsx

@@ -0,0 +1,54 @@
+import styles from "@/app/language/page.module.css";
+import Image from "next/image";
+import utharfood from "/public/utharfood.jpg";
+import InfoItem from "@/components/ui/InfoItem";
+import Card from "@/components/ui/Card";
+
+export default function Language() {
+    return (
+        <>
+            <section className={styles["language-hero-container"]}>
+                <div className={styles["language-text-container"]}>
+                    <h1>Food</h1>
+                    <p>FLAVORS OF THE HILLS: A TASTE OF TRADITIONAL UTTARAKHANDI CUISINE</p>
+                </div>
+                <div className={styles["language-img-container"]}>
+                    <Image src={utharfood} alt="Uthar food" width="538" height={"500"} loading={"eager"}
+                           priority={true}/>
+                </div>
+            </section>
+
+            <div className={styles["uttarakhand-language-title-container"]}>
+                <p>UTTARAKHAND FOOD</p>
+            </div>
+
+
+            <section className={styles["uttarakhand-language-container"]}>
+                <Card title={"Kafuli"}
+                      subTitle={"Nutrient-Rich Spinach Curry"}
+                      description={"Made with spinach and fenugreek leaves, Kafuli is a green curry unique to Uttarakhand, slow-cooked with spices and traditionally thickened with rice flour for a healthy, comforting meal."}
+                      image={utharfood}/>
+
+                <Card title={"Aloo Ke Gutke"}
+                      subTitle={"Spiced Mountain Potatoes"}
+                      description={"This simple yet flavorful dish features boiled potatoes tossed in local spices, with a unique flavor twist from mustard oil, often enjoyed as a snack or side dish."}
+                      image={utharfood}/>
+
+                <Card title={"Bhatt Ki Churkani"}
+                      subTitle={"Black Soybean Curry"}
+                      description={"Churkani is a rich and earthy black soybean curry made with aromatic spices. High in protein, it’s especially popular in the winter months for its warmth and nutrients."}
+                      image={utharfood}/>
+
+                <Card title={"Chainsoo"}
+                      subTitle={"Roasted Black Gram Delight"}
+                      description={"Chainsoo is a protein-packed dish made from roasted black gram flour, giving it a rich, nutty flavor. It’s often paired with rice for a fulfilling, nutritious meal."}
+                      image={utharfood}/>
+
+                <Card title={"Bal Mithai"}
+                      subTitle={"Sweet Milk Fudge"}
+                      description={"This iconic sweet is made from condensed milk and coated in tiny sugar balls. Loved for its chewy texture and rich flavor, Bal Mithai is a must-try treat for any visitor."}
+                      image={utharfood}/>
+            </section>
+        </>
+    );
+}

src/app/attire/page.module.css

@@ -0,0 +1,147 @@
+.language-hero-container{
+    margin-top: 5rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    padding: 0 4rem 0 4rem;
+
+}
+
+.language-text-container{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    max-width: 600px;
+    width: 100%;
+
+}
+.language-text-container > p {
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    margin-top: 1rem;
+}
+.language-img-container{
+    overflow: hidden;
+    max-width: 600px;
+    width: 100%;
+}
+
+.language-img-container > img{
+    filter: drop-shadow(0 0 0.40rem #A0A5AC);
+
+}
+
+.language-importance-container{
+    margin-top: 10rem;
+    border-top: 1px solid var(--line-grey);
+    width: 100%;
+}
+.language-importance-title-container > p{
+    text-transform: uppercase;
+    margin-top: 0.3rem;
+    margin-left: 2px;
+    letter-spacing: 1px;
+    font-size: 12px;
+
+}
+.language-importance-item-container{
+    display: flex;
+    flex-direction: row;
+    /*align-items: center;*/
+    justify-content: center;
+    flex-wrap: wrap;
+    gap: 1rem;
+    margin-top: 1.5rem;
+}
+
+.uttarakhand-language-title-container{
+    width: 100%;
+    border-top: 1px solid var(--line-grey);
+    margin-top: 5rem;
+    margin-bottom: -6rem;
+}
+
+.uttarakhand-language-title-container > p{
+    text-transform: uppercase;
+    font-size: 12px;
+    letter-spacing: 1px;
+
+}
+
+.uttarakhand-language-container{
+    width: 95%;
+}
+
+.uttarakhand-language-container > :first-child {
+    border-top: none;
+}
+
+
+@media (max-width: 1350px) {
+    .language-text-container > h1 {
+        font-size: 45px;
+        letter-spacing: 2px;
+    }
+    .language-img-container > img{
+        width: 430px;
+        height: 400px;
+
+    }
+    .language-hero-container{
+        padding: 0 2rem 0 2rem;
+    }
+}
+
+@media (max-width: 1000px) {
+    .language-hero-container{
+        padding: 0 1.5rem 0 1.5rem;
+    }
+    .language-text-container > p {
+        font-size: 12px;
+        letter-spacing: 1px;
+        text-align: center;
+    }
+    .language-text-container > h1 {
+        font-size: 30px;
+        letter-spacing: 1px;
+    }
+    .language-img-container > img{
+        width: 323px;
+        height: 300px;
+    }
+}
+
+@media (max-width: 700px) {
+    .language-hero-container{
+        flex-direction: column-reverse;
+        padding: 0 0 0 0;
+        margin-top: 2.5rem;
+    }
+    .language-img-container{
+        width: 100%;
+        text-align: center;
+    }
+
+    .language-img-container > img{
+        rotate: -30deg;
+        width: 300px;
+        height: 278px;
+        margin-bottom: 1rem;
+        /*padding-left: 15px;*/
+    }
+
+    .uttarakhand-language-container{
+        margin-top: 3rem;
+        position: relative;
+        width: 100%;
+    }
+}
+@media (max-width: 500px) {
+    .language-importance-title-container > p{
+        text-align: center;
+    }
+}