From bed11db34163280a323b4fb57a8ae1ef831ba441 Mon Sep 17 00:00:00 2001
From: Akash-1808 <akashch1808@gmail.com>
Date: Wed, 1 Jan 2025 21:38:38 +0530
Subject: [PATCH 1/2] adding-link-chapter-section

---
 components/ChapterSection.tsx | 6 ++++--
 components/ui/Pin.tsx         | 8 ++++----
 data/index.ts                 | 2 +-
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/components/ChapterSection.tsx b/components/ChapterSection.tsx
index a492126..0088cb1 100644
--- a/components/ChapterSection.tsx
+++ b/components/ChapterSection.tsx
@@ -13,12 +13,13 @@ const ChapterSection = () => {
       <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}>
-            <PinContainer title={item.title} href={item.link}>
+            <a href={item.link} target="_blank"><PinContainer title={item.title} href={item.link}>
               <div
                 className={`flex basis-full flex-col p-4 tracking-tight text-slate-100/50 sm:basis-1/2 ${
                   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>
@@ -33,8 +34,9 @@ const ChapterSection = () => {
                   />
                 </div>
               </div>
-            </PinContainer>
+            </PinContainer></a>
           </div>
+          
         ))}
       </div>
     </div>
diff --git a/components/ui/Pin.tsx b/components/ui/Pin.tsx
index 80c23ce..f7230e7 100644
--- a/components/ui/Pin.tsx
+++ b/components/ui/Pin.tsx
@@ -50,6 +50,7 @@ export const PinContainer = ({
         </div>
       </div>
       <PinPerspective title={title} href={href} />
+      
     </div>
   );
 };
@@ -60,15 +61,14 @@ export const PinPerspective = ({ title, href }: { title?: string; href?: string
     <motion.div className='pointer-events-none w-96 h-80 flex items-center justify-center opacity-0 group-hover/pin:opacity-100 z-[60] transition duration-500'>
       <div className=' w-full h-full -mt-7 flex-none  inset-0'>
         <div className='absolute top-0 inset-x-0  flex justify-center'>
-          <a
-            href={href}
-            target={"_blank"}
+          <div
+           
             className='relative flex  items-center z-10 rounded-full bg-black-100 py-1 px-4 ring-1 ring-white/10 '
           >
             <span className='relative z-20 text-white text-xs font-bold inline-block py-0.5'>{title}</span>
 
             <span className='absolute -bottom-0 left-[1.125rem] h-px w-[calc(100%-2.25rem)] bg-gradient-to-r from-emerald-400/0 via-emerald-400/90 to-emerald-400/0 transition-opacity duration-500 group-hover/btn:opacity-40'></span>
-          </a>
+          </div>
         </div>
 
         <div
diff --git a/data/index.ts b/data/index.ts
index 17e25e1..70ae027 100644
--- a/data/index.ts
+++ b/data/index.ts
@@ -94,7 +94,7 @@ export const Chapters = [
     des: "GDSC ABESEC fosters learning, collaboration, and personal growth, exploring new technologies and exchanging knowledge for success.",
     img: "/gdscThumbnail.png",
     iconLists: ["/re.svg", "/tail.svg", "/ts.svg", "/three.svg", "/c.svg"],
-    link: "https://www.instagram.com/gdsc.abesec/",
+    link: "https://www.instagram.com/gdg.abesec/",
   },
 ];
 

From 834d0bf9760b7cf082e9a7172409396851852b86 Mon Sep 17 00:00:00 2001
From: Akash-1808 <akashch1808@gmail.com>
Date: Sat, 4 Jan 2025 22:01:47 +0530
Subject: [PATCH 2/2] change-Link-tag

---
 components/ChapterSection.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/ChapterSection.tsx b/components/ChapterSection.tsx
index 0088cb1..aceb9e3 100644
--- a/components/ChapterSection.tsx
+++ b/components/ChapterSection.tsx
@@ -3,6 +3,7 @@
 import { Chapters } from "@/data";
 import { PinContainer } from "./ui/Pin";
 import Image from "next/image";
+import Link from "next/link";
 
 const ChapterSection = () => {
   return (
@@ -13,7 +14,8 @@ const ChapterSection = () => {
       <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}>
-            <a href={item.link} target="_blank"><PinContainer title={item.title} href={item.link}>
+            <Link href={item.link} target="_blank">
+              <PinContainer title={item.title} href={item.link}>
               <div
                 className={`flex basis-full flex-col p-4 tracking-tight text-slate-100/50 sm:basis-1/2 ${
                   idx == 1 ? "md:w-[18rem] md:h-[22rem] w-[16rem] h-[20rem]" : " w-[16rem] h-[20rem]"
@@ -34,7 +36,8 @@ const ChapterSection = () => {
                   />
                 </div>
               </div>
-            </PinContainer></a>
+            </PinContainer>
+            </Link>
           </div>
           
         ))}