Merge pull request #85 from SAMAHAN-Systems-Development/feature/26-AboutThirdSection

Feature/26 about third section

Author: miggydai

public/assets/images/RoxasGate (2).png

@@ -0,0 +1,11 @@
+import AboutThirdSection from "@/components/ui/AboutPage/AboutThirdSection/AboutThirdSection";
+
+AboutThirdSection;
+
+export default function Home() {
+  return (
+    <main>
+      <AboutThirdSection />
+    </main>
+  );
+}

src/app/AboutThirdSection/page.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import Image from 'next/image';
+
+import imgSrc from 'public/assets/images/RoxasGate (2).png';
+
+import WeNavigateCard from '@/components/ui/AboutPage/AboutThirdSection/WeNavigateCard';
+
+const AboutThirdSection = () => {
+  return (
+    <>
+      <div className="flex flex-col justify-start w-full gap-2 p-5 xl:flex-row md:flex-col">
+        <WeNavigateCard />
+        <div className="relative xl:w-2/5 md:w-full w-full xl:h-auto lg:h-96 h-96 rounded-card">
+          <Image
+            src={imgSrc}
+            placeholder="blur"
+            alt="Ateneo Gate"
+            className="object-fill"
+            fill
+          />
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default AboutThirdSection;