Update layout and featurecard styles and content

Sebstep · Oct 10, 2023 · 8522b1c · 8522b1c
1 parent b2aca13
commit 8522b1c
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -27,7 +27,7 @@ export default function RootLayout({
       </head>
       <body className={inter.className}>
         <Navigation />
-        <main className="mx-auto mb-32">{children}</main>
+        <main className="mx-auto mt-14 sm:mt-16 mb-32">{children}</main>
         <Footer />
       </body>
     </html>

diff --git a/app/page.tsx b/app/page.tsx
@@ -23,7 +23,9 @@ export default function Home() {
               Welcome to the Pathfinder Project
             </h1>
             <p className="mb-8 leading-relaxed">
-              We provide insights and best practices for using AI in education.
+              Pioneering AI Technology in Higher Education to Facilitate
+              Innovation and Nurture the Development of Entrepreneurial
+              Resources
             </p>
             <div className="flex justify-center">
               <button className="inline-flex text-white bg-blue-500 border-0 py-2 px-6 focus:outline-none hover:bg-blue-600 rounded text-lg">
@@ -61,20 +63,20 @@ export default function Home() {
             <Featurecard
               title="SAGE"
               description="Strategies for AI-Guided Education"
-              icon={<GiWizardStaff />}
+              icon={<GiWizardStaff size={24} />}
               link="/sage"
             />
             <Featurecard
               title="GUARD"
               description="Generative Universal Assistant for Resourceful Development"
-              icon={<GiBorderedShield />}
+              icon={<GiBorderedShield size={24} />}
               link="/guard"
             />
             <Featurecard
               title="ARTISAN"
               description="AI Readiness Training for Insightful Systematic Adaptation
                     and Navigation"
-              icon={<GiBroadsword />}
+              icon={<GiBroadsword size={24} />}
               link="/artisan"
             />
           </div>

diff --git a/components/Featurecard.tsx b/components/Featurecard.tsx
@@ -1,6 +1,5 @@
 import React from "react";
 import Link from "next/link";
-import { GiWizardStaff } from "react-icons/gi";
 
 type FeaturecardProps = {
   title: string;
@@ -14,7 +13,7 @@ export default function Featurecard(props: FeaturecardProps) {
     <div className="p-4 md:w-1/3">
       <div className="flex rounded-lg h-full bg-gray-100 p-8 flex-col">
         <div className="flex items-center mb-3">
-          <div className="w-8 h-8 mr-3 inline-flex items-center justify-center rounded-full bg-blue-500 text-white flex-shrink-0">
+          <div className="w-12 h-12 mr-4 inline-flex items-center justify-center rounded-full bg-blue-500 text-white flex-shrink-0">
             {props.icon}
           </div>
           <h3>{props.title}</h3>

diff --git a/components/Navigation.tsx b/components/Navigation.tsx
@@ -39,7 +39,7 @@ function ResponsiveAppBar() {
   };
 
   return (
-    <AppBar className="sticky">
+    <AppBar className="fixed">
       <Container maxWidth="xl">
         <Toolbar disableGutters>
           <AdbIcon sx={{ display: { xs: 'none', md: 'flex' }, mr: 1 }} />