dewank07 · dewank07 · May 31, 2025 · Jan 1, 2025 · Jan 4, 2025 · Dec 30, 2024
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -10,5 +10,6 @@
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit"
   },
-  "editor.wordWrap": "on"
+  "editor.wordWrap": "on",
+  "postman.settings.dotenv-detection-notification-visibility": false
 }
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,16 +1,19 @@
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
+import { DM_Sans } from "next/font/google";
 
 import "./globals.css";
 import { ThemeProvider } from "./provider";
 import { Toaster } from "@/components/ui/toaster";
 import dynamic from "next/dynamic";
 
-const ClientAppLayout = dynamic(() => import("@/layouts/ClientAppLayout"), {
-  ssr: false,
-});
+const ServerWrapperLayout = dynamic(
+  () => import("@/layouts/WrapperLayout/Server/ServerWrapperLayout"),
+  {
+    ssr: true,
+  }
+);
 
-const inter = Inter({ subsets: ["latin"] });
+const dmSans = DM_Sans({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
   title: {
@@ -28,20 +31,24 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang='en' suppressHydrationWarning>
+    <html lang="en" suppressHydrationWarning>
       <head>
-        <link rel='icon' href='/public/jsm-logo.webp' sizes='any' />
-        <meta property='og:title' content='Elixir Tech Community' />
+        <link rel="icon" href="/public/jsm-logo.webp" sizes="any" />
+        <meta property="og:title" content="Elixir Tech Community" />
         <meta
-          property='og:description'
-          content='Elixir fosters a collaborative tech community dedicated to comprehensive learning, offering a supportive environment for growth and innovation.'
+          property="og:description"
+          content="Elixir fosters a collaborative tech community dedicated to comprehensive learning, offering a supportive environment for growth and innovation."
         />
-        <meta property='og:image' content='/public/HomeScreen.webp' />
+        <meta property="og:image" content="/public/HomeScreen.webp" />
       </head>
-      <body className={inter.className}>
-        <ThemeProvider attribute='class' defaultTheme='dark' enableSystem disableTransitionOnChange>
+      <body className={dmSans.className}>
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="dark"
+          disableTransitionOnChange
+        >
           <Toaster />
-          <ClientAppLayout>{children}</ClientAppLayout>
+          <ServerWrapperLayout>{children}</ServerWrapperLayout>
         </ThemeProvider>
       </body>
     </html>

diff --git a/app/page.tsx b/app/page.tsx
@@ -1,31 +1,28 @@
-"use client";
 import Hero from "@/components/Hero";
 import Testimonials from "@/components/Testimonials";
 import ChapterSection from "@/components/ChapterSection";
 import Image from "next/image";
-import { motion } from "framer-motion";
-import LogoHero from "@/public/Elixir-logo.png";
-import useEventApi from "@/hooks/useEventApi";
-
-const Home = () => {
-  useEventApi();
+import HeroLogo from "@/public/Elixir-logo.webp";
 
+async function Home() {
   return (
     <div className="max-w-7xl relative z-10 w-full -mt-10">
-      <motion.div className="hidden  md:block absolute -rotate-12 top-96 -right-16  z-10 ">
+      <div className="hidden md:block absolute -rotate-12 top-96 -right-0 z-10">
         <Image
-          src={LogoHero}
+          src={HeroLogo}
           height={300}
           width={300}
-          alt="tect"
+          alt="Elixir Logo"
           className="rounded-md"
+          priority
+          quality={90}
         />
-      </motion.div>
+      </div>
       <Hero />
       <ChapterSection />
       <Testimonials />
     </div>
   );
-};
+}
 
 export default Home;
diff --git a/components/Approach.tsx b/components/Approach.tsx
diff --git a/components/BackDrop/BackDrop.tsx b/components/BackDrop/BackDrop.tsx
@@ -0,0 +1,25 @@
+import { cn } from "@/lib/utils";
+import { GridPattern } from "../magicui/grid-pattern";
+import { Spotlight } from "../ui/Spotlight";
+
+export default function BackDrop() {
+  return (
+    <>
+      <Spotlight className="top-0 right-80" fill="indigo" />
+      <Spotlight className="top-20 right-80" fill="grey" />
+      <Spotlight className="top-0 left-full" fill="indigo" />
+      <Spotlight className="top-3/4" fill="grey" />
+      <GridPattern
+        width={49}
+        height={49}
+        x={-1}
+        y={-1}
+        strokeDasharray={"4 4"}
+        className={cn(
+          "[mask-image:radial-gradient(ellipse_at_center,transparent_50%,black)]",
+          "opacity-65"
+        )}
+      />
+    </>
+  );
+}
diff --git a/components/ChapterSection.tsx b/components/ChapterSection.tsx
@@ -1,18 +1,28 @@
 "use client";
 
-import { Chapters } from "@/data";
+import { Chapters } from "@/constants/constants";
 import { PinContainer } from "./ui/Pin";
 import Image from "next/image";
 import Link from "next/link";
+import Link from "next/link";
 
 const ChapterSection = () => {
   return (
+    <div className="py-20">
+      <h1 className="heading">
+        Our Core <span className="text-purple">Societies</span>
     <div className="py-20">
       <h1 className="heading">
         Our Core <span className="text-purple">Societies</span>
       </h1>
+      <div className="flex flex-wrap items-center justify-center p-4 gap-20 mt-10">
       <div className="flex flex-wrap items-center justify-center p-4 gap-20 mt-10">
         {Chapters.map((item, idx) => (
+          <div
+            className="h-auto w-64 flex items-center justify-center"
+            key={idx}
+          >
+            <Link href={item.link} target="_blank">
           <div
             className="h-auto w-64 flex items-center justify-center"
             key={idx}
@@ -24,18 +34,28 @@ const ChapterSection = () => {
                     idx == 1
                       ? "md:w-[18rem] md:h-[22rem] w-[16rem] h-[20rem]"
                       : " w-[16rem] h-[20rem]"
+                    idx == 1
+                      ? "md:w-[18rem] md:h-[22rem] w-[16rem] h-[20rem]"
+                      : " w-[16rem] h-[20rem]"
                   }`}
                 >
                   <h3 className="max-w-xs !pb-2 !m-0 font-normal  text-base text-slate-100">
                     {item.title}
                   </h3>
+                  <div className="text-sm !m-0 !p-0 font-normal">
+                    <span className="text-slate-500 ">{item.des}</span>
+                  <h3 className="max-w-xs !pb-2 !m-0 font-normal  text-base text-slate-100">
+                    {item.title}
+                  </h3>
                   <div className="text-sm !m-0 !p-0 font-normal">
                     <span className="text-slate-500 ">{item.des}</span>
                   </div>
+                  <div className="flex flex-1 w-full rounded-lg object-contain mt-4">
                   <div className="flex flex-1 w-full rounded-lg object-contain mt-4">
                     <Image
                       src={item.img}
                       alt="tect"
+                      alt="tect"
                       width={350}
                       height={200}
                       className="flex flex-1 w-full rounded-lg "

diff --git a/components/EventsCard.tsx b/components/EventsCard.tsx
@@ -46,7 +46,7 @@ export default function EventsCard({
             className="text-neutral-500 dark:text-white"
           >
             <div className="flex items-center gap-3">
-              <Image
+              <img
                 src={clubImage}
                 height={25}
                 width={25}