Merge pull request #11 from tedx-rit/section-meetus

Section meetus

src/app/page.js

@@ -2,6 +2,7 @@ import Navbar from "@/components/Navbar";
 import LandingPage from "@/components/LandingPage";
 import Speakers from "@/components/Speakers";
 import Highlights from "@/components/Highlights";
+import MeetUs from "@/components/MeetUs";
 import ContactUs from "@/components/ContactUs";
 
 export default function Home() {
@@ -11,6 +12,7 @@ export default function Home() {
       <LandingPage />
       <Speakers />
       <Highlights />
+      <MeetUs />
       <ContactUs />
     </main>
   );

src/components/Highlights.js

@@ -5,7 +5,7 @@ import VideoPlayer from "@/components/Highlights/VideoPlayer";
 export default function Highlights() {
   return (
     <Container section="highlights">
-      <div className="mb-[550px] h-max">
+      <div>
         <Heading>Highlights</Heading>
         <div className="mt-[15px] flex h-auto w-full flex-col content-center items-center md:mt-[70px]">
           <div className="mt-[110px absolute h-[130px] w-[95%] bg-red md:mt-[220px] md:h-[286px] md:w-[75%] lg:rounded-[5px]"></div>

src/components/MeetUs.js

@@ -0,0 +1,17 @@
+import Container from "@/components/utility/Container";
+
+export default function MeetUs() {
+  return (
+    <Container section="meetus">
+      <div className="w-full h-[600px] flex  flex-col items-center justify-center text-center mb-[100px]">
+        <div className="md:w-[75%] w-[89%] text-[22px] font-light md:text-[24px] mb-[20px] leading-tight">
+          This initiative would not have been possible without the generous
+          support of our sponsors and team members. ❤️
+        </div>
+        <button className="h-[50px] w-[232px] rounded-[5px] bg-red text-[20px] font-semibold md:w-[280px]">
+          MEET THEM
+        </button>
+      </div>
+    </Container>
+  );
+}