openday agenda

frontend/src/App.js

 
   //tabs for contact form
   const [tab, setTab] = useState(true);
-  const [tabTitle, setTabTitle] = useState('Tell us about your idea!');
+  const [tabTitle, setTabTitle] = useState('Tell Us About Your Idea!');
   const link = useNavigate()
 
   //scroll to Contact segment

frontend/src/components/ProcessSection.jsx

 
 
 const _data = {
-    heading: "How we do It",
+    heading: "How We Do It",
     subheading: "Our process",
     imgUrl: "",
     btn: "check it out"

frontend/src/components/TagInputDropdown.jsx

                   key={tagIdx}
                   className={({ active }) =>
                     `${active ? 'text-amber-900 bg-amber-100' : 'text-gray-900'}
-                          cursor-default select-none relative py-2 pl-4 pr-4`
+                          cursor-default relative py-2 pl-4 pr-4`
                   }
                   value={tag}
                 >

frontend/src/components/shared/Contact.jsx

   function handleTab(tabIndex) {
     if (tabIndex == 0) {
       setTab(true);
-      setTabTitle('Tell us about your idea!');
+      setTabTitle('Tell Us About Your Idea!');
     } else {
       setTab(false);
       setTabTitle('Join Diligent!');
             onChange={index => handleTab(index)}
           >
             <div className="flex flex-col md:flex-row items-start md:items-baseline md:justify-between" onMouseDown={handleTabClick}>
-              {tab ? <PageTitle left heading={"Tell us about your idea"} subheading={'Contact us'} /> : <PageTitle left heading={"Join Diligent!"} subheading={'Cotact us'} />}
+              {tab ? <PageTitle left heading={"Tell Us About Your Idea!"} subheading={'Contact us'} /> : <PageTitle left heading={"Join Diligent!"} subheading={'Cotact us'} />}
             
               <Tab.List className="flex flex-row items-center md:flex-col lg:flex-row h-fit w-fit max-w-max md:ml-auto z-20 p-1 min-h-12 space-x-1 bg-dg-primary-400 rounded-xl my-4 align-middle">
                 <Tab

frontend/src/pages/About.jsx

       {
         id:2,
         iconUrl: Doing,
-        title:"Learn By Doing",
+        title:"Learn by Doing",
         paragraph: "Our legacy is our impact on the people around us. By being kind and helping others, we can make a positive difference and leave a lasting impression. We grow as individuals, as well as we grow as a team."
       },
       {
   },
   timeline: {
     subtitle: "our journey",
-    title: "Timeline of our Growth",
+    title: "Timeline of Our Growth",
     cards: [
       {
         subtitle: "1st Step",
-        title: "First Year of our work",
+        title: "First Year of Our Work",
         paragraph: "Our journey began two years ago when a group of ten tech enthusiasts made the decision to put their ideas into practice and accomplish their goals. With more than ten years of technology experience in a variety of industries, including fintech, transportation, and healthcare,  they created a modern company that can deliver solutions tailored to each client. "
       },
       {
       },
       {
         subtitle: "4th Step",
-        title: "Where we are today",
+        title: "Where We Are Today",
         paragraph: "We are constantly growing, coding the vision of the future! Today we are about to have 100 employees who diligently work on more than 50 projects, trying to give cutting-edge solutions to the most common and modern problems. Our partnerships with the clients are based on trust and commitment."
       },
       {

frontend/src/pages/OpenDay.jsx

 import PageLayout from '../layout/PageLayout';
 import Wrapper from '../layout/Wrapper';
 import Networking from './../assets/openday/networking.svg';
-import Message  from './../assets/openday/message.svg';
-import Food  from './../assets/openday/food.svg';
+import Message from './../assets/openday/message.svg';
+import Food from './../assets/openday/food.svg';
 import VideoGame from './../assets/openday/videogame.svg';
-import Prize  from './../assets/openday/prize.svg';
+import Prize from './../assets/openday/prize.svg';
 import location from './../assets/openday/location.svg';
 
 const url = 'https://mailchi.mp/dilig.net/opendayform';
 
   useEffect(() => {
     document.title = 'Diligent Open Day';
-  },[]);
+  }, []);
 
   return (
     <PageLayout>
           <p className='py-32p'>Our doors are (always) open</p>
 
           <p>
-            
-What we are doing while we are not working? What is Diligent core domain expertise and how it looks like working in an inspiring and encouraging environment? Join us and get to know a team of diligent minds. You will have a chance to hear in which technologies we are experts and what projects we are working on. If you want to check out what are our values and how does our process of selection looks like, you are more than welcome! That’s not everything, you will enjoy playing games, networking, and having fun. We have prepared some snacks, food, and drink, and of course special rewards!
+
+            What we are doing while we are not working? What is Diligent core domain expertise and how it looks like working in an inspiring and encouraging environment? Join us and get to know a team of diligent minds. You will have a chance to hear in which technologies we are experts and what projects we are working on. If you want to check out what are our values and how does our process of selection looks like, you are more than welcome! That’s not everything, you will enjoy playing games, networking, and having fun. We have prepared some snacks, food, and drink, and of course special rewards!
 
           </p>
 
-        <div className='py-90p'>
-        <div className="flex flex-col md:flex-row md:w-3/5 py-8 m-auto justify-between gap-8">
-          <div className='flex flex-col justify-center align-middle gap-4'>
-          <img src={Message} className='h-[100px] md:h-[150px]' />
-            <p>Get to know Diligent</p>
-          </div>
-          <div className='flex flex-col justify-center align-middle gap-4'>
-          <img src={VideoGame} className='h-[100px] md:h-[150px]' />
-            <p>Interactive games</p>
-          </div>
-          <div className='flex flex-col justify-center align-middle gap-4'>
-          <img src={Food} className='h-[100px] md:h-[150px]' />
-            <p>Food & Drink</p>
-          </div>
-          </div>
-          <div className="flex flex-col md:flex-row  md:w-2/5 w-4/5 py-8 m-auto justify-between gap-8">
-          <div className='flex flex-col justify-center align-middle gap-4'>
-          <img src={Networking} className='h-[100px] md:h-[150px]' />
-            <p>Networking</p>
-          </div>
-          <div className='flex flex-col justify-center align-middle gap-4'>
-          <img src={Prize} className='h-[100px] md:h-[150px]' />
-            <p>Prizes</p>
+          <h3 className="h3-heading text-dg-secondary pb-32p pt-90p">Check out our Schedule</h3>
+
+          <div className='flex justify-center w-full py-32p'>
+          <table className="table-auto text-italic-title-mobile font-medium">
+            <tbody>
+              <tr className=''>
+              <td className='p-4'>17:00-17:30 </td>
+              <td className='p-4 text-dg-primary-900'>Check-In</td>
+              </tr>
+              <tr>
+              <td className='p-4'>17:30-17:45</td>
+              <td className='p-4 text-dg-primary-900'>Opening</td>
+              </tr>
+              <tr>
+              <td className='p-4'>17:45-18:45</td>
+              <td className='p-4 text-dg-primary-900'>Meet Diligent</td>
+              </tr>
+              <tr>
+              <td className='p-4'>19:00-21:00</td>
+              <td className='p-4 text-dg-primary-900'>Diligent Quiz</td>
+              </tr>
+
+              <tr>
+              <td className='p-4'>21:00</td>
+              <td className='p-4 text-dg-primary-900'>Closing</td>
+              </tr>
+            
+            </tbody>
+          </table>
           </div>
+
+         
+
+
+          <div className='py-90p'>
+            <div className="flex flex-col md:flex-row md:w-3/5 py-8 m-auto justify-between gap-8">
+              <div className='flex flex-col justify-center align-middle gap-4'>
+                <img src={Message} className='h-[100px] md:h-[150px]' />
+                <p>Get to know Diligent</p>
+              </div>
+              <div className='flex flex-col justify-center align-middle gap-4'>
+                <img src={VideoGame} className='h-[100px] md:h-[150px]' />
+                <p>Interactive games</p>
+              </div>
+              <div className='flex flex-col justify-center align-middle gap-4'>
+                <img src={Food} className='h-[100px] md:h-[150px]' />
+                <p>Food & Drink</p>
+              </div>
+            </div>
+            <div className="flex flex-col md:flex-row  md:w-2/5 w-4/5 py-8 m-auto justify-between gap-8">
+              <div className='flex flex-col justify-center align-middle gap-4'>
+                <img src={Networking} className='h-[100px] md:h-[150px]' />
+                <p>Networking</p>
+              </div>
+              <div className='flex flex-col justify-center align-middle gap-4'>
+                <img src={Prize} className='h-[100px] md:h-[150px]' />
+                <p>Prizes</p>
+              </div>
+            </div>
           </div>
-        </div>
-        
+
 
           <div>
             <h3 className="h3-heading text-dg-secondary py-32p">Who we are</h3>
 
             <p className='md:w-3/5 m-auto'>
-            We are a team of diligent, creative, and dedicated minds who are always open to new pieces of our giant puzzle. As a modern software development company, we build high-quality custom software solutions while cultivating a work environment that promotes community, family, learning, and mentoring.
+              We are a team of diligent, creative, and dedicated minds who are always open to new pieces of our giant puzzle. As a modern software development company, we build high-quality custom software solutions while cultivating a work environment that promotes community, family, learning, and mentoring.
             </p>
 
             <p className='md:w-3/5 m-auto'>
           <div className='flex gap-2 m-auto justify-center py-20p'>
             <img src={location} />
             <a
-            target="_blank"
-            rel="noopener noreferrer" 
-            className="text-dg-primary-900 font-semibold text-title-24 lg:w-max whitespace-nowrap"
-            href='https://www.google.com/maps/place/Diligent+Software/@43.3078669,21.9108848,16.25z/data=!4m5!3m4!1s0x4755b13c6411e133:0xe026a5711c5df85b!8m2!3d43.3091417!4d21.9108349'>
-            Zetska 36, Nis
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-dg-primary-900 font-semibold text-title-24 lg:w-max whitespace-nowrap"
+              href='https://www.google.com/maps/place/Diligent+Software/@43.3078669,21.9108848,16.25z/data=!4m5!3m4!1s0x4755b13c6411e133:0xe026a5711c5df85b!8m2!3d43.3091417!4d21.9108349'>
+              Zetska 36, Nis
             </a>
           </div>