Event

src/App.jsx

@@ -5,7 +5,7 @@ import About from './pages/about/About'
 import Robots from './pages/robots/robots'
 import Resources from './pages/resources/Resources'
 import Sponsors from './pages/sponsors/Sponsors'
-import Members from './pages/members/Members'
+import Event from './pages/event/Event'
 import Media from './pages/media/Media'
 import Blogs from './pages/Blogs/Blogs'
 import Blog from './pages/Blog'
@@ -24,7 +24,7 @@ const App = () => {
         <Route path='media' element={<Media/>}/>
         <Route path='resources' element={<Resources/>}/>
         <Route path='sponsors' element={<Sponsors/>}/>
-        <Route path='members' element={<Members/>}/>
+        <Route path='event' element={<Event/>}/>
         <Route path='blackbird' element={<Blackbird/>}/>
         <Route path='blogs' element={<Blogs/>}/>
         <Route path='/blog/:id' component={Blog} />

src/components/Footer.jsx

@@ -26,9 +26,11 @@ const Footer = () => {
             <article>
                 <h4>Permalinks</h4>
                 <Link to="/about">About</Link>
+                <Link to="/media">Media</Link>
                 <Link to="/robots">Robots</Link>
                 <Link to="/resources">Resources</Link>
                 <Link to="/sponsors">Sponsors</Link>
+                <Link to="/event">Event</Link>
             </article>
             <article>
                 <h4>Resources</h4>

src/components/PagesDirectEvent.jsx

@@ -0,0 +1,50 @@
+import {FaRobot} from 'react-icons/fa'
+import SectionHead from './SectionHead'
+import {pagesdirectevent} from '../data.js'
+import Card from '../UI/Card'
+import {AiFillCaretRight} from 'react-icons/ai'
+
+
+const PagesDirectEvent = () => {
+  return (
+    <section className="pagesdirect">
+        <div className="container pagesdirect">
+          <SectionHead icon={<FaRobot/>} title="EVENT INFORMATION"/>
+        <div className="pages__wrapper">
+           <Card className="pages__page" key="1">
+                  <span><FaRobot/></span>
+                  <h4>Schedule</h4>
+                  <small>Check out the schedule for all competition days</small>
+                  <a href="https://www.firstinspires.org/sites/default/files/uploads/frc/2024-events/2024_NJALL_Agenda.pdf" rel="noreferrer noopener" className="btn sm">View<AiFillCaretRight/></a>
+                </Card>
+                <Card className="pages__page" key="1">
+                  <span><FaRobot/></span>
+                  <h4>Volunteer</h4>
+                  <small>Sign up to volunteer for our District Event</small>
+                  <a href="*" rel="noreferrer noopener" className="btn sm">View<AiFillCaretRight/></a>
+                </Card>
+                <Card className="pages__page" key="1">
+                  <span><FaRobot/></span>
+                  <h4>Information Packet</h4>
+                  <small>Please read our regulations below</small>
+                  <a href="./welcomepacket.pdf"rel="noreferrer noopener" className="btn sm">View<AiFillCaretRight/></a>
+                </Card>
+          {/* {
+            pagesdirectevent.map(({id, icon, title, info, url}) => {
+              return (
+                <Card className="pages__page" key={id}>
+                  <span>{icon}</span>
+                  <h4>{title}</h4>
+                  <small>{info}</small>
+                  <Link to={url} className="btn sm">View<AiFillCaretRight/></Link>
+                </Card>
+              )
+            })
+          } */}
+          </div>
+        </div>
+    </section>
+  )
+}
+
+export default PagesDirectEvent