better style

src/components/home/NavBar2.tsx

@@ -61,15 +61,14 @@ export default function NavBar2() {
       ];
 
   const navigation = [
-    // { name: 'Create', href: '/forms/new', current: false },
     {
       name: 'About',
-      href: '/about',
+      href: '/contact',
       current: false,
     },
     {
       name: 'Contact',
-      href: 'mailto:[email protected],[email protected]',
+      href: '/contact',
       current: false,
     },
     {

src/components/landing/Team.tsx

@@ -10,12 +10,12 @@ interface Props {
 const Team: React.FC<Props> = ({ members }) => {
     return (
         <div className="container mx-auto p-8">
-            <div className="p-8">
+            <div className="">
                 {/* <h2 className="text-2xl block text-center  font-semibold mb-4">About the Team</h2> */}
                 <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
                     {members.map((member, index) => (
-                        <div key={index} className="p-4 rounded">
-                            <img src={member.image} alt={member.name} className="w-48 h-48 rounded-full mx-auto mb-4 border border-2 border-gray-400"/>
+                        <div key={index} className="p-4 rounded bg-gray-100 rounded-2xl border border-2 border-gray-200">
+                            <img src={member.image} alt={member.name} className="w-40 h-40 rounded-full mx-auto mb-4 border border-2 border-gray-400"/>
                             <h3 className="block text-center text-xl">{member.name}</h3>
                             {
                                 member.subtitle && (

src/pages/contact.tsx

@@ -0,0 +1,36 @@
+import NavBar2 from "@/components/home/NavBar2";
+import Team from "@/components/landing/Team";
+import Page from "@/components/layout/Page";
+
+const teamMembers = [
+  {
+    name: 'Nick Bradford',
+    image: 'https://avatars.githubusercontent.com/u/6633811',
+    subtitle: 'Building LLM agents',
+    website: 'nsbradford.com',
+    socials: {
+      twitter: 'https://twitter.com/n_s_bradford',
+      linkedIn: 'https://linkedin.com/in/nsbradford',
+      github: 'https://github.com/nsbradford',
+    },
+  },
+  {
+      name: 'Hunter Brooks',
+      subtitle: 'Building virtual teammates for developers',
+      website: 'bitbuilder.ai',
+      image: 'https://avatars.githubusercontent.com/u/24214708',
+      socials: {
+        twitter: 'https://twitter.com/HunterFromNYC',
+        linkedIn: 'https://linkedin.com/in/seanhunterbrooks',
+        github: 'https://github.com/hbrooks',
+      },
+  },
+];
+
+export default function contact() {
+  return <>
+    <Page pageTitle="Contact the team" disableWarning={true}>
+      <Team members={teamMembers} />
+    </Page>
+  </>;
+}