Update Images to Webp

package.json

@@ -12,6 +12,7 @@
     "prepare": "husky install"
   },
   "dependencies": {
+    "@radix-ui/react-collapsible": "^1.1.2",
     "@tanstack/react-query": "~5.53.3",
     "lucide-react": "~0.417.0",
     "next": "^15.1.6",

src/app/page.tsx

@@ -1,23 +1,19 @@
 import About from "@/components/home/about";
+import Dropdowns from "@/components/home/dropdowns";
 import Education from "@/components/home/education";
 import Landing from "@/components/home/landing";
 import News from "@/components/home/news";
 import Welcome from "@/components/home/welcome";
 
 const Home = () => {
   return (
-    <div className="flex flex-col items-center justify-center">
+    <div className="flex flex-col items-center justify-center gap-5">
       <Landing />
       <Welcome />
       <About />
       <Education />
-      <News
-        title="TITLE"
-        pageLink="/"
-        imageLink="https://www.magnite.com/wp-content/uploads/2024/05/surface-xSiQBSq-I0M-unsplash.jpg"
-        imageAlt="alt test"
-        description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
-      />
+      <Dropdowns />
+      <News />
     </div>
   );
 };

src/app/projects/page.tsx

@@ -1,12 +1,14 @@
 import Professionals from "@/components/projects/professionals";
 import Research from "@/components/projects/research";
 import Medical from "@/components/projects/medical";
+import Business from "@/components/projects/business";
 
 const page = () => {
   return (
     <div>
       <Research />
       <Professionals />
+      <Business />
       <Medical />
     </div>
   );

src/app/resources/page.tsx

@@ -2,13 +2,15 @@ import External from "@/components/resources/external";
 import React from "react";
 import Videos from "@/components/resources/videos";
 import Articles from "@/components/resources/articles";
+import Notes from "@/components/resources/notes";
 
 const page = () => {
   return (
     <div className="flex flex-col items-center justify-center">
       <Articles />
       <External />
       <Videos />
+      <Notes />
     </div>
   );
 };