Merge pull request #34 from erland-syafiq/public-rename

Renamed static files to be lowercase

site/app/Home.css

@@ -3,7 +3,7 @@
     top: 0px;
     left: 0px;
     background-repeat: no-repeat;
-    background-image: url(/Images/Home1.jpg);
+    background-image: url(/images/home.jpg);
     background-size: cover;
     height: 125vh;
     width: 100%;

site/app/about/page.jsx

@@ -23,7 +23,7 @@ async function AboutUs() {
                 <div className="row">
                     {
                     secretariat.map(({name, position, bio, email, image}, index) => 
-                         <UserCard colWidth={4} key={index} name={name} position={position} bio={bio} email={email} imagePath={"/Images/secretariat/" + image}/>
+                         <UserCard colWidth={4} key={index} name={name} position={position} bio={bio} email={email} imagePath={"/images/secretariat/" + image}/>
                     )}
                 </div>
             </section>

site/app/committees/[slug]/page.jsx

@@ -82,26 +82,26 @@ export default async function CommitteeDetailsPage({params}) {
                     <div className="col-md-6 pb-5">
                         <div className="row">
                             <div className="col-md-3">
-                                <img className="committeeImg" src={"/Images/Committees/" + committee.committee_image }/>
+                                <img className="committeeImg" src={"/images/committees/" + committee.committee_image }/>
                             </div>
                             <div className="col-md-9 committeeTitle">
                                 <h3>{committee.committee_name}</h3>
                             </div>                
                         </div>
                         <FormattedParagraph paragraphClassName="mt-3" text={committee.committee_bio} />
-                        <a className="btn btn-primary btn-lg heroBtn" href={"/background_guides/" + committee.background_guide} target="_blank">
+                        <a className="btn btn-primary btn-lg heroBtn" href={"/background-guides/" + committee.background_guide} target="_blank">
                             <h5 className="backgroundGuideButton">
                                 Background Guide
                             </h5>
                         </a>
                     </div>       
                     {
                         isOneChair ? 
-                            <UserCard colWidth={6} name={committee.chair_name} position={committee.chair_position} bio={committee.chair_bio} email={committee.chair_email} imagePath={"/Images/Chair_Headshots/" + committee.chair_image}/>
+                            <UserCard colWidth={6} name={committee.chair_name} position={committee.chair_position} bio={committee.chair_bio} email={committee.chair_email} imagePath={"/images/chair-headshots/" + committee.chair_image}/>
                         :
                         <>
-                            <UserCard colWidth={3} name={committee.chair_name} position={committee.chair_position} bio={committee.chair_bio} email={committee.chair_email} imagePath={"/Images/Chair_Headshots/" + committee.chair_image}/> 
-                            <UserCard colWidth={3} name={committee.co_chair_name} position={committee.co_chair_position} bio={committee.co_chair_bio} email={committee.co_chair_email} imagePath={"/Images/Chair_Headshots/" + committee.co_chair_image}/> 
+                            <UserCard colWidth={3} name={committee.chair_name} position={committee.chair_position} bio={committee.chair_bio} email={committee.chair_email} imagePath={"/images/chair-headshots/" + committee.chair_image}/> 
+                            <UserCard colWidth={3} name={committee.co_chair_name} position={committee.co_chair_position} bio={committee.co_chair_bio} email={committee.co_chair_email} imagePath={"/images/chair-headshots/" + committee.co_chair_image}/> 
                         </>
                     } 
                 </div>

site/app/components/Commitee.jsx

@@ -10,7 +10,7 @@ function Committee({committee}) {
             </h4>
 
             <Link href={"/committees/" + committee.id} className="committeesContainer">
-                <img className="committeesImg" src={"/Images/Committees/" + committee.committee_image}/>
+                <img className="committeesImg" src={"/images/committees/" + committee.committee_image}/>
             </Link>
         </div> 
     );

site/app/components/Footer.jsx

@@ -9,7 +9,7 @@ function Footer() {
                 <div className="row">
                     <div className="footerText col-12 col-md-8 pb-3">
                         <div className="logoTitle d-flex align-items-center">
-                            <img src="/Images/Logo.png" />
+                            <img src="/images/logo.png" />
                             <h4>VTMUNC 2025</h4>
                         </div>
                         <p>
@@ -29,7 +29,7 @@ function Footer() {
                         </p>
 
                         <a href="https://www.instagram.com/vtmunc/" target="_blank">
-                            <img src="/Images/Instagram.svg" className="img-fluid" />
+                            <img src="/images/instagram.svg" className="img-fluid" />
                         </a>
                     </div>
 

site/app/components/Navbar.jsx

@@ -15,7 +15,7 @@ function Navbar() {
     return (
             <nav className={`${navbarStyle} navbar navbar-expand-md navbar-toggleable-md navbar-light box-shadow`}>
                 <div className="container-fluid">
-                    <Link href="/"><img src="/Images/Logo.png" className="navbar-logo"/></Link>
+                    <Link href="/"><img src="/images/logo.png" className="navbar-logo"/></Link>
                     <Link className="nav-link" href="/">VTMUNC</Link>
                     <button className="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
                             aria-expanded="false" aria-label="Toggle navigation">