Merge branch 'ajaynegi45:main' into feature/update-file-structure

.env.sample

@@ -3,4 +3,5 @@ NODE_ENV= "development"
 SENDER_EMAIL=
 MAIL_SERVER_USER=
 MAIL_SERVER_PASS=
-MAIL_SERVER_HOST=
+MAIL_SERVER_HOST=
+NEXT_PUBLIC_MAPBOX_TOKEN=

package.json

@@ -16,6 +16,7 @@
     "bcryptjs": "^2.4.3",
     "drizzle-kit": "^0.24.2",
     "drizzle-orm": "^0.33.0",
+    "mapbox-gl": "^3.7.0",
     "next": "14.2.5",
     "next-auth": "^5.0.0-beta.22",
     "nodemailer": "^6.9.15",

src/app/trekking/page.tsx

@@ -19,7 +19,7 @@ export default function Trekking() {
     };
 
     // Extract unique districts from trekDetails
-    const districts = Array.from(new Set(trekDetails.map(trek => trek.district)));
+
 
     const filterTreks = trekDetails.filter(trek => {
         const matchesDifficulty = difficultyLevel === "" || trek.difficultyLevel.toLowerCase() === difficultyLevel.toLowerCase();

src/components/Faq.tsx

@@ -6,21 +6,34 @@ import Chat from "/public/chat.svg";
 const Faq: React.FC = () => {
     const [faqs, setFaqs] = useState([
         {
-            question: "Why we build Uttarakhand Culture?",
-            answer: "A concerning trend is emerging in Uttarakhand, where the younger generation is gradually forgetting their cultural heritage and traditional rituals. This decline in cultural knowledge is evident across generations, with each successive generation possessing less knowledge than the previous one. For instance, the amount of cultural knowledge possessed by grandparents is significantly more than that of their children, and the cultural knowledge of today's youth is likely to be even less than that of their parents. If this trend continues, there is a risk that the cultural heritage of Uttarakhand may eventually disappear from the society. This loss would not only erase the region's rich cultural identity but also deprive future generations of their cultural roots and traditions.",
+            question: "What is a need to safeguard Uttarakhand Cultural Heritage?",
+            answer: "By safeguarding its cultural heritage, Uttarakhand can maintain its distinctiveness, fostering a sense of pride and belonging among its inhabitants. Additionally, preserving local customs, art forms, and folk traditions enhances tourism, attracting tourist eager to experience authentic cultural interactions and vibrant regional offerings. Preserving Uttarakhand's culture contributes to environmental sustainability, as many traditional practices are closely connected to the natural landscape and promote harmonious living with nature. As it reflects the region's unique identity and heritage shaped by its rich history, traditions, and natural environment. With globalization and rapid modernization, there is a risk of cultural dilution.",
             open: false,
         },
         {
-            question: "Why we build Uttarakhand Culture?",
-            answer: "A concerning trend is emerging in Uttarakhand, where the younger generation is gradually forgetting their cultural heritage and traditional rituals. This decline in cultural knowledge is evident across generations, with each successive generation possessing less knowledge than the previous one. For instance, the amount of cultural knowledge possessed by grandparents is significantly more than that of their children, and the cultural knowledge of today's youth is likely to be even less than that of their parents. If this trend continues, there is a risk that the cultural heritage of Uttarakhand may eventually disappear from the society. This loss would not only erase the region's rich cultural identity but also deprive future generations of their cultural roots and traditions.",
+            question: "What is the culture of Uttarakhand like?",
+            answer: "Uttarakhand known as “Devbhoomi” (Land of the Gods), culture is a unique blend of customs, tradition, and folklore shaped by its mountainous geography and diverse communities. Located in northern India, region is known for its rich spiritual heritageas, it is home to sacred sites like the Char Dham pilgrimage (Badrinath, Kedarnath, Gangotri, and Yamunotri). The culture here is deeply connected to nature, with festivals and traditions reflecting respect for the environment. Uttarakhand is a hub for Hindu spirituality and yoga. The culture of Uttarakhand is deeply rooted in its stunning geography and the traditions of its two primary regions, Garhwal and Kumaon. With the majestic Himalayas as a backdrop, the people of Uttarakhand have a lifestyle that is connected to nature.",
             open: false,
         }, {
-            question: "Why we build Uttarakhand Culture?",
-            answer: "A concerning trend is emerging in Uttarakhand, where the younger generation is gradually forgetting their cultural heritage and traditional rituals. This decline in cultural knowledge is evident across generations, with each successive generation possessing less knowledge than the previous one. For instance, the amount of cultural knowledge possessed by grandparents is significantly more than that of their children, and the cultural knowledge of today's youth is likely to be even less than that of their parents. If this trend continues, there is a risk that the cultural heritage of Uttarakhand may eventually disappear from the society. This loss would not only erase the region's rich cultural identity but also deprive future generations of their cultural roots and traditions.",
+            question: "What are some popular traditional dishes of Uttarakhand?",
+            answer: "Uttarakhand’s traditional cuisine is flavorful and healthy, emphasizing on local ingredients, including grains, lentils, and seasonal vegetables. Popular traditional dishes include Kafuli, a hearty green curry made from spinach and fenugreek leaves, cooked with minimal spices and served with rice. Another is Bhaang ki Chutney, a tangy, flavorful condiment made with roasted hemp seeds, yogurt, and a blend of spices. Next is, Aloo Ke Gutke—stir-fried potatoes seasoned with red chilies, cumin, and coriander—is a classic comfort food often paired with Puri and served during festivals. Chainsoo, a rich black gram dal dish, often called Dal Fry is unique to Uttarakhand as it’s slow-cooked to bring out a nutty flavor and is often served with steamed rice.",
             open: false,
         }, {
-            question: "Why we build Uttarakhand Culture?",
-            answer: "A concerning trend is emerging in Uttarakhand, where the younger generation is gradually forgetting their cultural heritage and traditional rituals. This decline in cultural knowledge is evident across generations, with each successive generation possessing less knowledge than the previous one. For instance, the amount of cultural knowledge possessed by grandparents is significantly more than that of their children, and the cultural knowledge of today's youth is likely to be even less than that of their parents. If this trend continues, there is a risk that the cultural heritage of Uttarakhand may eventually disappear from the society. This loss would not only erase the region's rich cultural identity but also deprive future generations of their cultural roots and traditions.",
+            question: "What are the most popular festivals celebrated in Uttarakhand?",
+            answer: "Uttarakhand celebrates a dynamic mix of cultural, regional, and seasonal festivals, each reflecting the ancient traditions and spiritual life of its people. Nanda Devi Raj Jat, an elaborate pilgrimage and celebration held once in every twelve years, in honor of the goddess Nanda Devi, is one of the region's most significant festivals.The grand Kumbh Mela, which takes place at Haridwar every twelve years, attracts millions of pilgrims. Among the most popular is Harela, a festival celebrating the onset of the monsoon and the abundance of nature, especially significant in agricultural communities. It’s a time of planting seeds and celebrating growth and harmony with nature. Makar Sankranti, locally known as Uttarayani, marks the transition of the sun into Capricorn.",
+            open: false,
+        }, {
+        question: "What impact do Uttarakhand’s fairs have on tourism?",
+        answer: "The fairs enhance Uttarakhand's significance as a adventure and spritual tourism destination, drawing attention to its green beauty, historical significance, and religious sites. By promoting a sense of community and cultural pride among locals, these fairs contribute to sustainable tourism development, ensuring that the cultural practices and traditions are preserved for future generations while providing an enriching experience for tourists. These fairs supports local economies, benefiting small and big businesses, artisans, and vendors who sell handicrafts, clothing, and traditional foods. This activity encourages the preservation of local art forms, as artisans gain visibility and sales opportunities, feature local performances showcasing traditional music and dance, which enrich the cultural experience for visitors.",
+        open: false,
+        },
+        {
+         question: "What are some traditional attire or clothing styles in Uttarakhand?",
+         answer: "In Men's traditional clothing, the garments differ slightly between Garhwali and Kumaoni communities, with regional variations in style and embroidery. Woolen garments made from local sheep wool, like the pahari coat and woolen shawls, are common in Uttarakhand, providing warmth and comfort during the winter season. Jewelry, especially in silver, is also an essential part of Uttarakhand’s traditional attire, with unique designs that reflect local beliefs, giving the attire an authentic and cultural richness that celebrates the heritage of the region. In Women's Traditional Clothing, the ghagra, a long skirt, paired with an angarkha, a long blouse, and a woolen shawl or scarf that provides warmth during the colder months. Married women often wear the nath, a large, intricately designed nose ring that symbolizes marital status, especially prominent during weddings and festivals.",
+         open: false,
+        }, {
+            question: "What are some of the most famous carnival celebrated in Uttarakhand?",
+            answer: "The carnival reflects Uttarakhand’s unique blend of spirituality, tradition, and community life, drawing locals and tourists alike to experience the region’s diverse cultural heritage.The Magh Mela in Uttarkashi, which takes place in January, is another major event where religious and social gatherings are held by the Ganges River, featuring folk music, dance, and cultural programs. Jauljibi Mela is a prominent fair held near the Nepal border, bringing together people from Kumaon and Nepal for trade, especially in wool, blankets, and regional handicrafts. Gauchar Mela in Chamoli district is a traditional fair promoting agriculture and trade, featuring livestock exhibitions and cultural events. The Devidhura Mela, famous for its traditional stone-pelting ritual known as “Bagwal,” which has now been toned down to ensure safety while retaining its historic significance.",
             open: false,
         }
     ]);

src/components/ui/MapModal.module.css

@@ -0,0 +1,150 @@
+.modalOverlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 50; /* Lower than navbar */
+
+}
+
+.modalContent {
+  display: flex;
+  width: 80%;
+  max-width: 900px;
+  background-color: white;
+  border-radius: 8px;
+  overflow: hidden;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  transform: translateY(calc(var(--navbar-height, 50px) + 10px)); /* Adjust height as necessary */
+}
+
+  .leftColumn {
+    width: 90%;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+
+  .mapContainer {
+    width: 100%;
+    height: 100%; /* Ensures the map fills the entire left column */
+    min-height: 400px; /* A minimum height to prevent collapsing */
+    position: relative;
+  }
+
+  .rightColumn {
+    width: fit-content;
+    padding: 16px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+
+  .subTitle{
+    width: fit-content;
+  }
+
+  .imageSection {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    margin-top: 8px;
+    width: fit-content;
+  }
+
+  .imageSection img {
+    width: 250px;
+    height: auto;
+    border-radius: 4px;
+    object-fit: cover;
+  }
+
+  .closeButton {
+    margin-top: 16px;
+    padding: 8px 16px;
+    background-color: #333;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    background-color: #333;
+  }
+  .closeButton:hover{
+    background-color: black;
+  }
+
+  .mapLinks {
+    margin-top: 10px;
+    gap: 2px;
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .mapLinks a {
+    white-space: nowrap;
+    color: white;
+    background-color: #333;
+    padding: 8px 16px;
+    margin: 5px;
+    justify-self: center;
+    text-align: center;
+    border-radius: 4px;
+    font-weight: 500;
+  }
+
+  .mapLinks a:hover {
+    background-color: black;
+  }
+  .mapLinks .icon {
+    position: relative;
+    display: inline-flex;
+    margin-right: 2px;
+    top: 2px;
+  }
+  @media (max-width: 768px) {
+    .modalContent {
+      flex-direction: column; /* Stack columns vertically */
+      width: 80%; /* Full width on mobile */
+      max-height: 80%; /* Prevent the modal from exceeding the viewport */
+      overflow-y: auto; /* Enable vertical scrolling */
+
+    }
+
+    .leftColumn,
+    .rightColumn {
+      width: 100%; /* Full width for both columns */
+      padding: 12px; /* Adjust padding for mobile */
+    }
+
+    .mapContainer {
+      min-height: 200px; /* Reduce minimum height for mobile */
+      flex-grow: 1; /* Allow the map container to grow and take available space */
+    }
+
+    .imageSection img {
+      width: 100%; /* Full width for images on mobile */
+      height: auto; /* Maintain aspect ratio */
+    }
+
+    .closeButton {
+      margin-top: 12px; /* Adjust margin for mobile */
+      width: 100%; /* Full width for button */
+    }
+
+    .mapLinks {
+      flex-direction: column; /* Stack links vertically */
+      gap: 8px; /* Add spacing between links */
+    }
+
+    .mapLinks a {
+      width: 100%; /* Full width for each link */
+      text-align: center; /* Center text for links */
+    }
+  }