minor UI changes

shardeum · Jun 24, 2024 · b7bc167 · b7bc167
1 parent a98e1c8
commit b7bc167
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 11 deletions.
diff --git a/app/layout.config.tsx b/app/layout.config.tsx
@@ -1,7 +1,5 @@
 import { type BaseLayoutProps } from 'fumadocs-ui/layout';
 
-
-// basic configuration here
 export const baseOptions: BaseLayoutProps = {
 
   nav: {
@@ -10,8 +8,8 @@ export const baseOptions: BaseLayoutProps = {
 
   links: [
     {
-      text: 'Documentation',
-      url: '/docs',
+      text: 'Shardeum Documentation',
+      url: '/',
       active: 'nested-url',
     },
   ],

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -13,10 +13,14 @@ const inter = Inter({
 export default function Layout({ children }: { children: ReactNode }) {
   return (
     <html lang="en" className={inter.className} suppressHydrationWarning>
+      <head>
+        <link rel="icon" href="/img/favicon.ico" />
+      </head>
       <body>
         <RootProvider>
           <Header />
           {children}
+          <Footer />
         </RootProvider>
       </body>
     </html>

diff --git a/app/page.tsx b/app/page.tsx
@@ -1,5 +1,5 @@
 import Footer from '@/components/Footer/page';
-import { ArrowUpRightIcon, CubeTransparentIcon, CurrencyDollarIcon, ViewfinderCircleIcon, RocketLaunchIcon } from '@heroicons/react/24/outline'
+import { ArrowUpRightIcon, CubeTransparentIcon, CurrencyDollarIcon, ViewfinderCircleIcon, RocketLaunchIcon, NewspaperIcon } from '@heroicons/react/24/outline'
 
 const features = [
   {
@@ -33,19 +33,25 @@ const features = [
     icon: ArrowUpRightIcon,
     link: '/docs/smart-contracts/deploy/foundry'
   },
+  {
+    name: 'Shardeum Whitepaper',
+    description: 'Dive into Shardeum Whitepaper to learn more about the Project',
+    icon: NewspaperIcon,
+    link: '/docs/whitepaper'
+  },
 
 ];
 
 export default function Home() {
   return (
-    <div className="bg-white py-24 sm:py-32">
+    <div className="bg-white py-14 sm:py-18"> 
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto max-w-2xl lg:text-center">
           <p className="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
             Shardeum Documentation
           </p>
-          <p className="mt-6 text-lg leading-8 text-gray-600">
-            Shardeum is a scalable, secure, and efficient blockchain platform that enables developers to build and deploy decentralized applications. Dive into our documentation to learn more about Shardeum and how to get started with the platform.
+          <p className="mt-4 text-lg leading-8 text-gray-600"> 
+            Shardeum is a scalable, secure, and efficient blockchain platform that enables developers to build and deploy decentralized applications. Dive into our documentation to learn more about Shardeum and how to get started with the network.
           </p>
         </div>
         <div className="mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-4xl">
@@ -55,7 +61,7 @@ export default function Home() {
                 <div className="flex h-12 w-12 items-center justify-center rounded-lg bg-[#3042FB] mb-4">
                   <feature.icon className="h-6 w-6 text-white" aria-hidden="true" />
                 </div>
-                <dt className="text-base font-semibold leading-7">
+                <dt className="text-base font-semibold leading-7 text-black">
                   {feature.name}
                 </dt>
                 <dd className="mt-2 text-base leading-7 text-gray-600">{feature.description}</dd>
@@ -68,5 +74,3 @@ export default function Home() {
     </div>
   )
 }
-
-
diff --git a/components/Header/page.tsx b/components/Header/page.tsx
@@ -40,6 +40,8 @@ const navItems = [
     { name: 'Report Bugs', href: 'https://github.com/shardeum/bug-reporting' },
     { name: 'Open Source', href: '#' },
     { name: 'Claim Testnet SHM', href: '/docs/faucet/claim' },
+    { name: 'Join Shardeum Discord', href: 'https://github.com/shardeum/bug-reporting' },
+
 ]
 
 function classNames(...classes: string[]) {

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -2,6 +2,7 @@ import { createPreset } from 'fumadocs-ui/tailwind-plugin';
 
 /** @type {import('tailwindcss').Config} */
 export default {
+  darkMode: 'class', // Enable dark mode with class strategy
   content: [
     './components/**/*.{ts,tsx}',
     './app/**/*.{ts,tsx}',