Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -3,15 +3,15 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TeamCardOne from '@/components/sections/team/TeamCardOne';
-import { Activity, Book, BookOpen, Briefcase, Building2, Droplet, Film, Globe, Lightbulb, MessageCircle, MessageSquare, Mic, Scale, Shield, ShieldCheck, Star, Target, Users } from "lucide-react";
+import { Activity, Book, BookOpen, Briefcase, Building2, Droplet, Film, Globe, Lightbulb, MessageCircle, MessageSquare, Mic, Scale, Shield, ShieldCheck, Star, Target, Users, Mail, Facebook, Youtube, Instagram } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -189,30 +189,27 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCenter
-      useInvertedBackground={true}
+      tag="Get Involved"
       title="Join Our Community"
       description="Shape the future of healthcare. Join TyriaQ today."
-      inputs={[
+      useInvertedBackground={true}
-        { name: "name", type: "text", placeholder: "Your Name", required: true },
+      background={{ variant: "animated-grid" }}
-        { name: "email", type: "email", placeholder: "Email Address", required: true },
-      ]}
-      textarea={{ name: "message", placeholder: "Why do you want to join?", rows: 4, required: true }}
-      imageSrc="http://img.b2bpic.net/free-photo/medical-people-meeting-planning-with-shareholders-hospital-office-sitting-desk-doctors-nurses-brainstorm-ideas-together-physicians-diagnosis-presentation-data-using-tablet_482257-13792.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterCard
       logoText="TyriaQ Club"
-      columns={[
+      socialLinks={[
-        { title: "Contact", items: [{ label: "tyriaqclub@gmail.com", href: "mailto:tyriaqclub@gmail.com" }] },
+        { icon: Mail, href: "mailto:tyriaqclub@gmail.com", ariaLabel: "Email" },
-        { title: "Follow", items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }, { label: "YouTube", href: "#" }] },
+        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
-        { title: "Location", items: [{ label: "University of Health Sciences", href: "#" }] },
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Youtube, href: "#", ariaLabel: "YouTube" },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}