feat: Added cells pages

app/[locale]/header.tsx

@@ -61,6 +61,19 @@ export default async function Header({ locale }: { locale: string }) {
           description:
             'Information about on-campus accommodation and hostel facilities.',
         },
+        // For now IKS and IIC are added as temp units, will change this once a "CELL" design is ready
+        {
+          title: 'IKS Cell',
+          href: '/institute/cells/iks',
+          description:
+            'Explore the minds that work hard to maintain our institute’s high reputation and proper functioning!',
+        },
+        {
+          title: 'IIC Cell',
+          href: '/institute/cells/iic',
+          description:
+            'Explore the minds that work hard to maintain our institute’s high reputation and proper functioning!',
+        },
       ],
     },
     {

app/[locale]/institute/cells/iic/page.tsx

@@ -0,0 +1,209 @@
+import Heading from '~/components/heading';
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '~/components/ui';
+import { getTranslations } from '~/i18n/translations';
+import { getS3Url } from '~/server/s3';
+
+export default async function IICPage({
+  params: { locale },
+}: {
+  params: { locale: string };
+}) {
+  const text = await getTranslations(locale);
+  const description =
+    'NIT Kurukshetra convenes the members of the Institute’s Innovation Council (IIC), which is aligned with the Ministry of Education’s Innovation Cell (MIC). The IIC will be an umbrella entity offering a range of development programs, workshops, etc.';
+
+  const officeOrder = [
+    {
+      sr_no: 1,
+      responsibility: 'Dr. A. K. Mehta',
+      name_of_faculty: 'Professor',
+    },
+    {
+      sr_no: 2,
+      responsibility: 'Dr. A. K. Mehta',
+      name_of_faculty: 'Assistant Professor',
+    },
+    {
+      sr_no: 3,
+      responsibility: 'Rohan Sharma',
+      name_of_faculty: 'Student',
+    },
+    {
+      sr_no: 4,
+      responsibility: 'Dr. Sneha Verma',
+      name_of_faculty: 'Assistant Professor',
+    },
+    {
+      sr_no: 5,
+      responsibility: 'Dr. Sneha Verma',
+      name_of_faculty: 'Assistant Professor',
+    },
+    {
+      sr_no: 6,
+      responsibility: 'Dr. A. K. Mehta',
+      name_of_faculty: 'Professor',
+    },
+    {
+      sr_no: 7,
+      responsibility: 'Ananya Gupta',
+      name_of_faculty: 'Student',
+    },
+    {
+      sr_no: 8,
+      responsibility: 'Dr. Ritesh Singh',
+      name_of_faculty: 'Associate Professor',
+    },
+    {
+      sr_no: 9,
+      responsibility: 'Dr. Neha Sharma',
+      name_of_faculty: 'Assistant Professor',
+    },
+    {
+      sr_no: 10,
+      responsibility: 'Dr. Neha Sharma',
+      name_of_faculty: 'Assistant Professor',
+    },
+  ];
+  const activities = [
+    {
+      sr_no: 1,
+      past_activity: "Workshop on 'Design Thinking for Innovation'",
+    },
+    {
+      sr_no: 2,
+      past_activity: "Talk on 'From Campus to Startup' by Alumni Entrepreneurs",
+    },
+    {
+      sr_no: 3,
+      past_activity: 'Idea Pitching Competition with Industry Mentors',
+    },
+    {
+      sr_no: 4,
+      past_activity: "Seminar on 'AI and the Future of Startups'",
+    },
+    {
+      sr_no: 5,
+      past_activity: 'Innovation Bootcamp: 3-Day Product Building Sprint',
+    },
+    {
+      sr_no: 6,
+      past_activity: 'Celebration of National Technology Day with Tech Demos',
+    },
+  ];
+
+  return (
+    <>
+      {/* Header */}
+      <article
+        className="sm:h-76 md:h-84 lg:h-94 relative flex h-56 w-full bg-cover bg-center xl:h-[448px] 2xl:h-[540px]"
+        style={{
+          backgroundImage: `linear-gradient(rgba(249, 245, 235, 0.2) 0%, rgba(249, 245, 235, 0.5) 50%,rgba(249, 245, 235, 0.75) 75%, rgba(249, 245, 235, 1) 100%), url('${getS3Url()}/student-activities/clubs/technobyte/1.jpg')`,
+        }}
+      >
+        <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-center">
+          <h1 className="mx-2 my-auto text-xl text-neutral-900 md:text-2xl lg:text-3xl xl:text-4xl">
+            Institute&apos;s Innovation Council
+          </h1>
+          <h1 className="mx-2 my-auto text-xl md:text-2xl lg:text-3xl xl:text-4xl">
+            <span className="text-neutral-900">(IIC) Cell</span>
+          </h1>
+        </div>
+      </article>
+
+      <main className="container mt-12">
+        {/* Description */}
+        <article className="drop-shadow">
+          <p className="d:w-full max-md:rounded-t md:rounded-r">
+            <span className="font-bold capitalize text-primary-700">
+              preamble:{' '}
+            </span>
+            {description}
+          </p>
+        </article>
+        {/* Office Order */}
+        <div>
+          <Heading
+            glyphDirection="dual"
+            heading="h2"
+            className="mt-12"
+            text="Office Order"
+          />
+          <div className="mt-12 w-full overflow-x-auto">
+            <Table scrollAreaClassName="h-[19rem] min-w-[500px]">
+              <TableHeader>
+                <TableRow>
+                  <TableHead>Sr. No.</TableHead>
+                  <TableHead>Responsibility</TableHead>
+                  <TableHead>Name of Faculty</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {officeOrder.map((order) => (
+                  <TableRow key={order.sr_no}>
+                    <TableCell>{order.sr_no}</TableCell>
+                    <TableCell>{order.name_of_faculty}</TableCell>
+                    <TableCell>{order.responsibility}</TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+        </div>
+        {/* Activities */}
+        <div>
+          <Heading
+            glyphDirection="dual"
+            heading="h2"
+            className="mt-12"
+            text="Activities"
+          />
+          {/* Past Activities */}
+          <div className="mt-12 w-full overflow-x-auto">
+            <Table scrollAreaClassName="h-[19rem] min-w-[500px]">
+              <TableHeader>
+                <TableRow>
+                  <TableHead>Sr. No.</TableHead>
+                  <TableHead>Past activities</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {activities.map((act) => (
+                  <TableRow key={act.sr_no}>
+                    <TableCell>{act.sr_no}</TableCell>
+                    <TableCell>{act.past_activity}</TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+          {/* Upcoming Activities */}
+          <div className="mt-12 w-full overflow-x-auto">
+            <Table scrollAreaClassName="h-[19rem] min-w-[500px]">
+              <TableHeader>
+                <TableRow>
+                  <TableHead>Sr. No.</TableHead>
+                  <TableHead>Upcoming activities</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {activities.map((act) => (
+                  <TableRow key={act.sr_no}>
+                    <TableCell>{act.sr_no}</TableCell>
+                    <TableCell>{act.past_activity}</TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+        </div>
+      </main>
+    </>
+  );
+}

app/[locale]/institute/cells/iks/page.tsx

@@ -0,0 +1,96 @@
+import { getS3Url } from '~/server/s3';
+
+export default async function IKS({
+  params: { locale },
+}: {
+  params: { locale: string };
+}) {
+  const description =
+    'IKS Cell is an innovative cell which is established in 2022 in the Institute. It is established to promote interdisciplinary research on all aspects of IKS, preserve and disseminate IKS for further research and societal applications. It will actively engage in spreading the rich heritage of our country and traditional knowledge in the field of Psychology, Basic Sciences, Engineering & Technology, Arts and literature, Agriculture, Architecture etc.';
+  const activities = [
+    {
+      id: 1,
+      description:
+        'Expert talk on “Quality Life Management and Professional Excellence” by Prof Navneet Arora, IIT Roorkee on 15.01.2024 at 9:30 AM (1 hour duration) in the Seminar Hall of the Computer Engineering Department.',
+    },
+    {
+      id: 2,
+      description:
+        'IKS Cell Celebrated Pran Pratishtha Ceremony of Lord Rama at Ayodhya on January 22, 2024. Bhagirathi Bhawan at 11 AM.',
+    },
+    {
+      id: 3,
+      description:
+        'IKS Cell organized a Five Days Workshop on “Stress Management and Professional Excellence” during November 24–28, 2023.',
+    },
+  ];
+  const members = [
+    {
+      name: 'Prof RK Aggarwal',
+      designation: 'Prof-In-Charge, IKS Cell',
+    },
+    {
+      name: 'Dr. Shabnam',
+      designation: 'Faculty-In-Charge, IKS Cell',
+    },
+    {
+      name: 'Dr. Kuldeep Kumar',
+      designation: 'Faculty-In-Charge, IKS Cell',
+    },
+  ];
+  return (
+    <>
+      {/* heading */}
+      <article
+        className="sm:h-76 md:h-84 lg:h-94 relative flex h-56 w-full bg-cover bg-center xl:h-[448px] 2xl:h-[540px]"
+        style={{
+          backgroundImage: `linear-gradient(rgba(249, 245, 235, 0.2) 0%, rgba(249, 245, 235, 0.5) 50%,rgba(249, 245, 235, 0.75) 75%, rgba(249, 245, 235, 1) 100%), url('${getS3Url()}/student-activities/clubs/technobyte/1.jpg')`,
+        }}
+      >
+        <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-center">
+          <h1 className="mx-2 my-auto text-xl text-neutral-900 md:text-2xl lg:text-3xl xl:text-4xl">
+            Indian Knowledge Systems
+          </h1>
+          <h1 className="mx-2 my-auto text-xl md:text-2xl lg:text-3xl xl:text-4xl">
+            <span className="text-neutral-900">(IKS) Cell</span>
+          </h1>
+        </div>
+      </article>
+
+      <main className="container mt-12">
+        {/* description */}
+        <article className="drop-shadow">
+          <h3 className="text-primary-300">Indian Knowledge Systems (IKS)</h3>
+          <p className="d:w-full max-md:rounded-t md:rounded-r">
+            {description}
+          </p>
+        </article>
+
+        {/* IKS Team */}
+        <div className="mt-8 rounded-md border border-primary-500 bg-neutral-50 p-4 shadow-sm">
+          <h3 className="mb-2 font-bold text-primary-300">IKS Team</h3>
+          <ul className="list-disc space-y-1 pl-5">
+            {members.map((member) => (
+              <li key={member.name}>
+                {member.name}, {member.designation}
+              </li>
+            ))}
+          </ul>
+        </div>
+
+        {/* Activities Performed in Year 2023-2024 */}
+        <article className="mt-4 p-4">
+          <h3 className="mb-3 font-bold text-primary-300">
+            Activities Performed in Year 2023-2024
+          </h3>
+          <ol className="list-decimal space-y-2 pl-5">
+            {activities.map((act) => (
+              <li key={act.id}>{act.description}</li>
+            ))}
+          </ol>
+        </article>
+        {/* Gallery */}
+      </main>
+    </>
+  );
+}