27-04-2024-001

src/Components/Data/HelpFullData.jsx

@@ -3,39 +3,60 @@ import React from 'react';
 const HelpFullData = () => {
   const HelpData = [
     {
-      name: "Ask For Help.",
-      img: "./Images/ThingsRemember/askHelp.jpeg",
-      about: "Ask for help if you need."
+      name: "Ram lala aarti",
+      img: "./Images/Events/ramlalaaarti.jpg",
+      about: "Experience the serene atmosphere and spiritual devotion during the Ram Lala Aarti ceremony in Ayodhya, where devotees gather to offer prayers and hymns to Lord Rama.",
+      wikiLink: "https://en.wikipedia.org/wiki/Ram_Mandir",
+      VID: "_Arq_FTWXVI",
     },
     {
-      name: "Police in Ayodhya",
-      img: "./Images/ImportantThings/ayodhyaPolicee.png",
-      about: "Police in Ayodhya"
+      name: "Hanuman Jayanti",
+      img: "./Images/Events/Hanuman-Jayanti2.jpg",
+      about: "Join the vibrant celebrations of Hanuman Jayanti in Ayodhya, honoring the birth of Lord Hanuman, an epitome of devotion and strength in Hinduism.",
+      wikiLink: "https://en.wikipedia.org/wiki/Hanuman_Jayanti",
+      VID: "DYLBe37dyw4",
     },
     {
-      name: "Medical Hospitals in Ayodhya.",
-      img: "./Images/ImportantThings/medical.jpg",
-      about: "Medical Hospitals in Ayodhya."
+      name: "Deepotsav",
+      img: "./Images/Events/deeputsav.webp",
+      about: "Experience the grandeur of Deepotsav, the festival of lights, in Ayodhya, commemorating the return of Lord Rama to Ayodhya after his victory over Ravana.",
+      wikiLink: "https://en.wikipedia.org/wiki/Diwali",
+      VID: "XMh407flQlA",
     },
     {
-      name: "Be aware.",
-      img: "./Images/ImportantThings/aware.png",
-      about: "Be aware."
+      name: "Dewali",
+      img: "./Images/Events/dewali.jpg",
+      about: "Celebrate Diwali in Ayodhya with caution and awareness, as the festival of lights symbolizes the triumph of light over darkness and good over evil.",
+      wikiLink: "https://en.wikipedia.org/wiki/Diwali",
+      VID: "KNDSnosy04o",
     },
     {
-      name: "Place where you can stay.",
-      img: "./Images/ImportantThings/motals.jpg",
-      about: "Place where you can stay."
+      name: "Ram Vivah",
+      img: "./Images/Events/ramvivah.jpg",
+      about: "Witness the divine marriage of Lord Rama and Sita during the Ram Vivah ceremony in Ayodhya, symbolizing the union of two souls bound by love and righteousness.",
+      wikiLink: "https://en.wikipedia.org/wiki/Ramayana",
+      VID: "-rtiJCrmupk",
     },
     {
-      name: "Bus services in Ayodhya.",
-      img: "./Images/ImportantThings/busService.png",
-      about: "Bus services in Ayodhya."
+      name: "Saryu Aarti.",
+      img: "./Images/Events/saryuaarti.jpeg",
+      about: "Participate in the sacred ritual of Sarayu Aarti in Ayodhya, where devotees offer prayers and lamps to the Sarayu River, seeking blessings and purification.",
+      wikiLink: "https://en.wikipedia.org/wiki/Sarayu",
+      VID: "hb_jsoDMhIo",
     },
     {
-      name: "Taxi service in local areas.",
-      img: "./Images/ImportantThings/taxiService.jpg",
-      about: "Taxi service in local areas."
+      name: "Ram Navmi.",
+      img: "./Images/Events/ramnavmi.webp",
+      about: "Celebrate the auspicious occasion of Ram Navami in Ayodhya, commemorating the birth of Lord Rama, the seventh incarnation of Lord Vishnu, with prayers, bhajans, and processions.",
+      wikiLink: "https://en.wikipedia.org/wiki/Rama_Navami",
+      VID: "oVcppkRy2VE",
+    },
+    {
+      name: "Kartik Purnima.",
+      img: "./Images/Events/kartikpurnima.jpg",
+      about: "Partake in the festivities of Kartik Purnima in Ayodhya, celebrated on the full moon day of the Hindu lunar month of Kartik, with rituals, holy baths, and seeking spiritual blessings.",
+      wikiLink: "https://en.wikipedia.org/wiki/Kartik_Purnima",
+      VID: "NVhp4ce3Qx8",
     }
   ];
 

src/Components/EssentialGuide/Essential.css

@@ -89,7 +89,7 @@
     justify-content: start;
     text-align: start;
     color: white;
-    padding: 70px 0px 0px 0px;
+    padding: 70px 0px 0px 47px;
     position: relative; /* Added for positioning overlay */
     font-family: "Josefin Sans", sans-serif;
     font-optical-sizing: auto;
@@ -132,4 +132,11 @@
 .Head-1{
   padding-bottom: 10px;
   padding-left: 6%;
+}
+
+@media(max-width: 1005px){
+  .EssentialG-Head{
+   padding: 70px 0px 0px 0px;
+   font-size: 25px;
+  }
 }

src/Components/ExpertAdvice/Expert.jsx

@@ -28,19 +28,19 @@ const Expert = () => {
     <div className="Explore-Container">
       <div className="Explore-Heading">
         <span>03 Guidance</span>
-        <h2 className="Typing-text">Expert advice, Food and Stay at Ayodhya.</h2>
+        <h2 className="Typing-text">Events, Festivals and center of attraction of Ayodhya.</h2>
       </div>
       <div className="Explore-Body">
         <div className="Explore-Body-1">
           {size >= 1005 ? (
             <>
-              <ExpertC height={300} width={500} boxHeight={250} imgSrc={'./Images/Food/laddo.jpeg'} title={'हनुमान गढ़ी प्रसाद | देसी घी के बेसन लड्डू'} />
-              <ExpertC height={250} width={400} boxHeight={250} imgSrc={'./Images/ImportantThings/ayodhyaPolicee.png'} title={'Police in Ayodhya'} />
+              <ExpertC height={300} width={500} boxHeight={250} imgSrc={'./Images/Events/deeputsav.webp'} title={'Deeputsav'} />
+              <ExpertC height={250} width={400} boxHeight={250} imgSrc={'./Images/Events/ramnavmi.webp'} title={'Ram navmi'} />
             </>
           ) : (
             <>
-              <ExpertC height={100} width={150} boxHeight={100} imgSrc={'./Images/ImportantThings/medical.jpg'} title={'Medical Hospitals in Ayodhya.'} />
-              <ExpertC height={100} width={150} boxHeight={100} imgSrc={'./Images/ImportantThings/ayodhyaPolicee.png'} title={'Ayodhya Police Station.'} />
+              <ExpertC height={100} width={150} boxHeight={100} imgSrc={'./Images/Events/deeputsav.webp'} title={'Deeputsav'} />
+              <ExpertC height={100} width={150} boxHeight={100} imgSrc={'./Images/Events/ramnavmi.webp'} title={'Ram navmi'} />
             </>
           )}
           <Link to="/HelpPage">
@@ -56,18 +56,15 @@ const Expert = () => {
         <div className="Explore-Body-2">
           {size >= 1005 ? (
             <>
-              <ExpertC height={300} width={350} boxHeight={300} imgSrc={'./Images/ThingsRemember/askHelp.jpeg'} title={'Ask for help.'} />
-              <ExpertC height={300} width={350} boxHeight={300} imgSrc={'./Images/ImportantThings/medical.jpg'} title={'Medical Hospitals in Ayodhya.'} />
-              <ExpertC height={300} width={350} boxHeight={300} imgSrc={'./Images/ImportantThings/aware.png'} title={'Be aware.'} />
-              {/* <ExpertC height={300} width={350} boxHeight={300} imgSrc={'./Images/ImportantThings/motals.jpg'} title={'Place where you can stay.'} />
-              <ExpertC height={300} width={350} boxHeight={300} imgSrc={'./Images/ImportantThings/busService.png'} title={'Bus services in Ayodhya.'} />
-              <ExpertC height={300} width={350} boxHeight={300} imgSrc={'./Images/ImportantThings/taxiService.jpg'} title={'Taxi service in local areas.'} /> */}
+              <ExpertC height={300} width={350} boxHeight={300} imgSrc={'./Images/Events/dewali.jpg'} title={'Dewali'} />
+              <ExpertC height={300} width={350} boxHeight={300} imgSrc={'./Images/Events/Hanuman-Jayanti2.jpg'} title={'Hanuman Jayanti'} />
+              <ExpertC height={300} width={350} boxHeight={300} imgSrc={'./Images/Events/saryuaarti.jpeg'} title={'Saryu Aarti'} />
             </>
           ) : (
             <>
-              <ExpertC height={90} width={130} boxHeight={90} imgSrc={'./Images/ImportantThings/busService.png'} title={'Bus services in Ayodhya.'} />
-              <ExpertC height={90} width={130} boxHeight={90} imgSrc={'./Images/ImportantThings/aware.png'} title={'Be aware.'} />
-              <ExpertC height={90} width={130} boxHeight={90} imgSrc={'./Images/ThingsRemember/askHelp.jpeg'} title={'Ask for help if you need.'} />
+              <ExpertC height={90} width={130} boxHeight={90} imgSrc={'./Images/Events/Hanuman-Jayanti2.jpg'} title={'Hanuman Jayanti'} />
+              <ExpertC height={90} width={130} boxHeight={90} imgSrc={'./Images/Events/saryuaarti.jpeg'} title={'Saryu Aarti'} />
+              <ExpertC height={90} width={130} boxHeight={90} imgSrc={'./Images/Events/kartikpurnima.jpg'} title={'Kartik Purnima'} />
             </>
           )}
         </div>

src/Components/ExpertAdvice/ExpertAdvicePage/HelpPage.jsx

@@ -2,20 +2,23 @@ import React from 'react';
 import './HelpPage.css';
 import HelpPageCard from './ExpertPageCard/HelpPageCard';
 import HelpFullData from '../../Data/HelpFullData'; 
+import TempleCard from '../../EssentialGuide/ExpertAdvicePage/ExpertPageCard/TempleCard';
 
 const HelpPage = () => {
   const HelpData = HelpFullData();
   return (
 
     <div className="expert-page-container">
-    <h1 className="expert-page-heading">Expert Advice for visiters coming in Shri Ayodhya Dham.</h1>
+    {/* <h1 className="expert-page-heading">Expert Advice for visiters coming in Shri Ayodhya Dham.</h1> */}
     <div className="ExpertPage-container">
        {HelpData.map((place, index) => (
-          <HelpPageCard
+          <TempleCard
             key={index} // Providing a unique key for each card
             name={place.name}
             img={place.img}
             about={place.about}
+            wikipedia={place.wikiLink}
+            Vid={place.VID}
           />
         ))}
     </div>

src/Components/IntroductionBox/Intro.jsx

@@ -34,7 +34,7 @@ const Intro = () => {
   return (
     <div className="Welcome-Page">
       <div className="Intro-Container">
-        <img src="./images/Places/Temples/RamMandir/ramMandir.jpg" className="Welcome-Img" alt=""/>
+        <img src="./images/Places/Temples/RamMandir/RamMandir.jpg" className="Welcome-Img" alt=""/>
         <div className="Content-Overlay">
             <h1>Your Ayodhya<br /> Dham Visit Guide</h1>
             <div  className="OverLays-box">