Removed the footer

components/Header.tsx

@@ -1,21 +1,35 @@
+import Link from 'next/link';
+
 export default function Header() {
   return (
     <header className='text-gray-600 body-font'>
       <div className='container flex flex-col flex-wrap items-center p-5 mx-auto md:flex-row'>
-        <a className='flex items-center mb-4 font-medium text-gray-900 title-font md:mb-0'>
-          <svg
-            xmlns='http://www.w3.org/2000/svg'
-            fill='none'
-            stroke='currentColor'
-            strokeLinecap='round'
-            strokeLinejoin='round'
-            strokeWidth={2}
-            className='w-10 h-10 p-2 text-white bg-indigo-500 rounded-full'
-            viewBox='0 0 24 24'>
-            <path d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5' />
-          </svg>
-          <span className='ml-3 text-xl'>Mock SAML</span>
-        </a>
+        <Link href='/'>
+          <a className='flex items-center mb-4 font-medium text-gray-900 title-font md:mb-0'>
+            <svg
+              xmlns='http://www.w3.org/2000/svg'
+              fill='none'
+              stroke='currentColor'
+              strokeLinecap='round'
+              strokeLinejoin='round'
+              strokeWidth={2}
+              className='w-10 h-10 p-2 text-white bg-indigo-500 rounded-full'
+              viewBox='0 0 24 24'>
+              <path d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5' />
+            </svg>
+            <span className='ml-3 text-xl'>Mock SAML</span>
+          </a>
+        </Link>
+        <span className='ml-2 text-sm text-gray-500'>
+          Powered by
+          <a
+            href='https://boxyhq.com/'
+            className='ml-1 text-gray-600'
+            rel='noopener noreferrer'
+            target='_blank'>
+            <strong>BoxyHQ</strong>
+          </a>
+        </span>
         <nav className='flex flex-wrap items-center justify-center text-base md:ml-auto'>
           <a
             className='mr-5 underline hover:text-gray-900'

components/Layout.tsx

@@ -1,5 +1,4 @@
 import type { ReactNode } from 'react';
-import Footer from './Footer';
 import Header from './Header';
 
 type LayoutProps = {
@@ -11,7 +10,6 @@ export default function Layout({ children }: LayoutProps) {
     <>
       <Header></Header>
       <main className='h-[calc(100%_-_76px)] overflow-auto'>{children}</main>
-      <Footer></Footer>
     </>
   );
 }

pages/index.tsx

@@ -29,9 +29,8 @@ const Home: React.FC<{ metadata: IdPMetadata }> = ({ metadata }) => {
           <h1 className='mb-4 text-2xl font-medium text-gray-900 sm:text-3xl title-font'>
             Mock SAML Metadata
           </h1>
-          <p className='mx-auto text-base leading-relaxed lg:w-2/3'>
-            Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify, subway tile poke
-            farm-to-table. Franzen you probably haven't heard of them man bun deep.
+          <p className='mx-auto text-base font-medium leading-relaxed lg:w-2/3'>
+            A simple mock SAML 2.0 Identity Provider for development and testing the SAML SSO integration.
           </p>
         </div>
         <div className='flex items-end w-full px-8 mx-auto space-y-4 lg:w-2/3 sm:space-x-4 sm:space-y-0 sm:px-0'>