Merge pull request #7 from C4G/feat-project-web-page-overwrite

Team page adjustment

Author: TrickkyRicky

src/app/team/demo/page.tsx src/app/team/2025/fall/demo/page.tsxsrc/app/team/demo/page.tsx renamed to src/app/team/2025/fall/demo/page.tsx

@@ -0,0 +1,75 @@
+import { Metadata } from 'next';
+import Image from 'next/image';
+
+export const metadata: Metadata = {
+  title: 'Fall 2025 Team',
+  description: 'Our Fall 2025 team members',
+};
+
+const team = [
+  {
+    name: 'Abhishek Karkar',
+    role: 'Backend Development',
+    imageUrl: 'https://ui-avatars.com/api/?name=A+K&format=png',
+  },
+  {
+    name: 'Akram Alsamarae',
+    role: 'Frontend Development',
+    imageUrl: 'https://ui-avatars.com/api/?name=A+A&format=png',
+  },
+  {
+    name: 'Akrem Abdelwahab',
+    role: 'Backend Development',
+    imageUrl: 'https://ui-avatars.com/api/?name=A+A&format=png',
+  },
+  {
+    name: 'Mika Yoshimura',
+    role: 'Frontend Development',
+    imageUrl: 'https://ui-avatars.com/api/?name=M+Y&format=png',
+  },
+  {
+    name: 'Taisiia Bahbouche',
+    role: 'PM / QA',
+    imageUrl: 'https://ui-avatars.com/api/?name=T+B&format=png',
+  },
+];
+
+export default function TeamPage() {
+  return (
+    <div>
+      <div className='py-12 sm:py-16'>
+        <div className='mx-auto max-w-7xl px-6 lg:px-8'>
+          <div className='mb-16'>
+            <h2 className='text-3xl font-semibold tracking-tight'>
+              Fall 2025 Team
+            </h2>
+            <ul
+              role='list'
+              className='mt-8 grid gap-8 sm:grid-cols-2 lg:grid-cols-3'
+            >
+              {team.map((member) => (
+                <li key={member.name}>
+                  <div className='flex items-center gap-x-6'>
+                    <Image
+                      alt={member.name}
+                      src={member.imageUrl}
+                      width={64}
+                      height={64}
+                      className='rounded-full'
+                    />
+                    <div>
+                      <h3 className='text-base font-semibold'>{member.name}</h3>
+                      <p className='text-sm font-semibold text-indigo-600'>
+                        {member.role}
+                      </p>
+                    </div>
+                  </div>
+                </li>
+              ))}
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

src/app/team/layout.tsx src/app/team/2025/fall/layout.tsxsrc/app/team/layout.tsx renamed to src/app/team/2025/fall/layout.tsx

@@ -0,0 +1,49 @@
+'use client';
+
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { ChevronLeft } from 'lucide-react';
+
+const basePath = '/team/2025/fall';
+
+const tabs = [
+  { name: 'Team', href: basePath },
+  { name: 'Project Description', href: `${basePath}/project-description` },
+  { name: 'Project Goal', href: `${basePath}/project-goal` },
+  { name: 'Lighthouse Report', href: `${basePath}/lighthouse-report` },
+  { name: 'Presentation Slides', href: `${basePath}/presentation-slides` },
+  { name: 'Weekly Updates', href: `${basePath}/weekly-updates` },
+  { name: 'Project Peer Evaluations', href: `${basePath}/peer-evaluations` },
+  { name: 'Demo', href: `${basePath}/demo` },
+];
+
+export function TeamTabs() {
+  const pathname = usePathname();
+
+  return (
+    <div>
+      <Link
+        href='/team'
+        className='mb-4 inline-flex items-center text-sm text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100'
+      >
+        <ChevronLeft className='mr-1 h-4 w-4' />
+        Back to all teams
+      </Link>
+      <Tabs value={pathname} className='flex w-full justify-center'>
+        <TabsList className='inline-flex h-10 max-w-full items-center justify-center overflow-x-auto rounded-md bg-muted p-1 text-muted-foreground'>
+          {tabs.map((tab) => (
+            <TabsTrigger
+              key={tab.href}
+              value={tab.href}
+              className='inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm'
+              asChild
+            >
+              <Link href={tab.href}>{tab.name}</Link>
+            </TabsTrigger>
+          ))}
+        </TabsList>
+      </Tabs>
+    </div>
+  );
+}