src/app/contact/page.tsx

@@ -6,83 +6,75 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import LegalSection from '@/components/legal/LegalSection';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import Link from "next/link";
+
+export default function ContactPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Events", id: "/events" },
+    { name: "Contact", id: "/contact" },
+  ];
 
-export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-magnetic"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
-        contentWidth="medium"
-        sizing="mediumLargeSizeMediumTitles"
-        background="fluid"
-        cardStyle="glass-elevated"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="solid"
-        headingFontWeight="bold"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="fluid"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "About",          id: "/about"},
-        {
-          name: "Events",          id: "/events"},
-        {
-          name: "Contact",          id: "/contact"},
-      ]}
-      brandName="EWU Economics Club"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={navItems}
+            brandName="EWU Economics Club"
+          />
+        </div>
 
-  <div id="contact-section" data-section="contact-section">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Contact"
-      title="Find Us"
-      description="A/2, Jahurul Islam Avenue, Aftab Nagar, Dhaka, Bangladesh."
-    />
-  </div>
+        <div id="contact-section" data-section="contact-section">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Contact"
+            title="Find Us"
+            description="A/2, Jahurul Islam Avenue, Aftab Nagar, Dhaka, Bangladesh."
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Code of Conduct"
-      sections={[
-        {
-          heading: "Policy",          content: { type: "paragraph", text: "All members must maintain professional decorum during club activities."},
-        },
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="section"
+            title="Code of Conduct"
+            sections={[
+              {
+                heading: "Policy",                content: "All members must maintain professional decorum during club activities."},
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/back-view-cropped-picture-multiethnic-group_171337-13426.jpg"
-      logoText="EWU Economics Club"
-      columns={[
-        {
-          title: "Links",          items: [
-            {
-              label: "Home",              href: "/"},
-            {
-              label: "About",              href: "/about"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "Contact",              href: "/contact"},
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/back-view-cropped-picture-multiethnic-group_171337-13426.jpg"
+            logoText="EWU Economics Club"
+            columns={[
+              {
+                title: "Links",                items: [
+                  { label: "Home", href: "/" },
+                  { label: "About", href: "/about" },
+                ],
+              },
+              {
+                title: "Support",                items: [{ label: "Contact", href: "/contact" }],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );