new nav layout

src/components/products/IconWithName.jsx

@@ -1,9 +1,8 @@
 import React from 'react'
 
 export const categoryToColor = new Map([
-  ['Create', '#BEF264'],
-  ['Commerce', '#F0ABFC'],
-  ['Utility', '#FCE04D'],
+  ['MPL', '#BEF264'],
+  ['Aura', '#F0ABFC'],
   ['Dev Tools', '#7DEDFC'],
 ])
 

src/components/products/amman/index.js

@@ -1,11 +1,8 @@
 import {
-  changelogSection,
-  documentationSection,
-  recipesSection,
-  referencesSection,
+  documentationSection
 } from '@/shared/sections'
-import { Hero } from './Hero'
 import { ServerIcon } from '@heroicons/react/24/solid'
+import { Hero } from './Hero'
 
 export const amman = {
   name: 'Amman',

src/components/products/bubblegum/index.js

@@ -1,9 +1,7 @@
 import {
-  changelogSection,
   documentationSection,
   guidesSection,
-  recipesSection,
-  referencesSection,
+  referencesSection
 } from '@/shared/sections'
 import { ArchiveBoxIcon } from '@heroicons/react/24/solid'
 import { Hero } from './Hero'
@@ -13,7 +11,7 @@ export const bubblegum = {
   headline: 'Compressed NFTs',
   description: 'NFTs that scale to new orders of magnitude.',
   path: 'bubblegum',
-  navigationMenuCatergory: 'Create',
+  navigationMenuCatergory: 'MPL',
   icon: <ArchiveBoxIcon />,
   github: 'https://github.com/metaplex-foundation/mpl-bubblegum',
   className: 'accent-green',

src/components/products/candyMachine/index.js

@@ -1,18 +1,16 @@
 import {
-  changelogSection,
   documentationSection,
-  recipesSection,
-  referencesSection,
-  guidesSection
+  guidesSection,
+  referencesSection
 } from '@/shared/sections'
-import { Hero } from './Hero'
 import { Square2StackIcon } from '@heroicons/react/24/solid'
+import { Hero } from './Hero'
 
 export const candyMachine = {
   name: 'Candy Machine',
   headline: 'TM NFT launchpad',
   description: 'Launch your next NFT collection on Solana.',
-  navigationMenuCatergory: 'Commerce',
+  navigationMenuCatergory: 'MPL',
   path: 'candy-machine',
   icon: <Square2StackIcon />,
   github: 'https://github.com/metaplex-foundation/mpl-candy-machine',

src/components/products/core/index.js

@@ -11,7 +11,7 @@ export const core = {
   name: 'Core',
   headline: 'Next gen NFT standard',
   description: 'Next generation Solana NFT standard.',
-  navigationMenuCatergory: 'Create',
+  navigationMenuCatergory: 'MPL',
   path: 'core',
   icon: <StopCircleIcon />,
   github: 'https://github.com/metaplex-foundation/mpl-core',

src/components/products/coreCandyMachine/index.js

@@ -1,12 +1,12 @@
 import { documentationSection, referencesSection } from '@/shared/sections'
-import { Hero } from './Hero'
 import { Square3Stack3DIcon } from '@heroicons/react/24/solid'
+import { Hero } from './Hero'
 
 export const coreCandyMachine = {
   name: 'Core Candy Machine',
   headline: 'Core Asset launchpad',
   description: 'Launch your next MPL Core Asset collection on Solana.',
-  navigationMenuCatergory: 'Commerce',
+  navigationMenuCatergory: 'MPL',
   path: 'core-candy-machine',
   icon: <Square3Stack3DIcon />,
   github: 'https://github.com/metaplex-foundation/mpl-core-candy-machine',

src/components/products/das-api/index.js

@@ -4,8 +4,8 @@ import {
   recipesSection,
   referencesSection,
 } from '@/shared/sections'
-import { Hero } from './Hero'
 import { TableCellsIcon } from '@heroicons/react/24/solid'
+import { Hero } from './Hero'
 
 export const das = {
   name: 'DAS API',

src/components/products/fusion/index.js

@@ -8,7 +8,7 @@ export const fusion = {
   name: 'Fusion',
   headline: 'NFTs inside NFTs',
   description: 'Create composable NFTs.',
-  navigationMenuCatergory: 'Utility',
+  navigationMenuCatergory: 'MPL',
   path: 'fusion',
   icon: <CircleStackIcon />,
   github: 'https://github.com/metaplex-foundation/mpl-trifle',

src/components/products/hydra/index.js

@@ -1,19 +1,16 @@
 import {
-  changelogSection,
   documentationSection,
-  recipesSection,
-  referencesSection,
+  referencesSection
 } from '@/shared/sections'
-import { Hero } from './Hero'
 import { ArrowsPointingOutIcon } from '@heroicons/react/24/solid'
+import { Hero } from './Hero'
 
 export const hydra = {
   name: 'Hydra',
   headline: 'Fanout wallets',
   description: 'Create shared wallets, split between multiple shareholders.',
-  navigationMenuCatergory: 'Hydra',
   path: 'hydra',
-  navigationMenuCatergory: 'Utility',
+  navigationMenuCatergory: 'MPL',
   icon: <ArrowsPointingOutIcon />,
   github: 'https://github.com/metaplex-foundation/mpl-hydra',
   className: 'accent-amber',

src/components/products/index.js

@@ -1,22 +1,22 @@
+import { amman } from './amman'
 import { bubblegum } from './bubblegum'
 import { candyMachine } from './candyMachine'
+import { core } from './core'
+import { coreCandyMachine } from './coreCandyMachine'
+import { das } from './das-api'
 import { fusion } from './fusion'
 import { global } from './global'
+import { guides } from './guides'
 import { hydra } from './hydra'
 import { inscription } from './inscription'
+import { legacyDocumentation } from './legacyDocumentation'
+import { mplHybrid } from './mpl-hybrid'
+import { sugar } from './sugar'
 import { tokenAuthRules } from './tokenAuthRules'
 import { tokenMetadata } from './tokenMetadata'
 import { umi } from './umi'
-import { amman } from './amman'
-import { das } from './das-api'
-import { core } from './core'
-import { coreCandyMachine } from './coreCandyMachine'
-import { legacyDocumentation } from './legacyDocumentation'
-import { sugar } from './sugar'
-import { mplHybrid } from './mpl-hybrid'
-import { guides } from './guides'
 
-export const productCategories = ['Create', 'Commerce', 'Utility', 'Dev Tools']
+export const productCategories = ['MPL', 'Aura', 'Dev Tools']
 
 export const products = [
   global,

src/components/products/inscription/index.js

@@ -2,8 +2,8 @@ import {
   documentationSection,
   referencesSection
 } from '@/shared/sections'
-import { Hero } from './Hero'
 import { PencilSquareIcon } from '@heroicons/react/24/solid'
+import { Hero } from './Hero'
 
 export const inscription = {
   name: 'Inscription',
@@ -11,7 +11,7 @@ export const inscription = {
   description: 'Inscribe Data to Solana state.',
   path: 'inscription',
   icon: <PencilSquareIcon />,
-  navigationMenuCatergory: 'Create',
+  navigationMenuCatergory: 'MPL',
   github: 'https://github.com/metaplex-foundation/mpl-inscription',
   className: 'accent-green',
   heroes: [{ path: '/inscription', component: Hero }],

src/components/products/mpl-hybrid/index.js

@@ -6,7 +6,7 @@ export const mplHybrid = {
   name: 'MPL-Hybrid',
   headline: 'Hybrid Assets',
   description: 'Framework and on-chain protocol for hybrid assets.',
-  navigationMenuCatergory: 'Create',
+  navigationMenuCatergory: 'MPL',
   path: 'mpl-hybrid',
   icon: <ArrowsRightLeftIcon />,
   github: '',

src/components/products/sugar/index.js

@@ -1,11 +1,5 @@
-import {
-  changelogSection,
-  documentationSection,
-  recipesSection,
-  referencesSection,
-} from '@/shared/sections'
-import { Hero } from './Hero'
 import { CommandLineIcon } from '@heroicons/react/24/solid'
+import { Hero } from './Hero'
 
 export const sugar = {
   name: 'Sugar',

src/components/products/tokenAuthRules/index.js

@@ -1,17 +1,15 @@
 import {
-  changelogSection,
   documentationSection,
-  recipesSection,
-  referencesSection,
+  referencesSection
 } from '@/shared/sections'
-import { Hero } from './Hero'
 import { LockOpenIcon } from '@heroicons/react/24/solid'
+import { Hero } from './Hero'
 
 export const tokenAuthRules = {
   name: 'Token Auth Rules',
   headline: 'NFT permissions',
   description: 'Design custom authorization rules for your NFTs.',
-  navigationMenuCatergory: 'Create',
+  navigationMenuCatergory: 'MPL',
   path: 'token-auth-rules',
   icon: <LockOpenIcon />,
   github: 'https://github.com/metaplex-foundation/mpl-token-auth-rules',

src/components/products/tokenMetadata/index.js

@@ -1,5 +1,4 @@
 import {
-  changelogSection,
   documentationSection,
   guidesSection,
   referencesSection
@@ -11,7 +10,7 @@ export const tokenMetadata = {
   name: 'Token Metadata',
   headline: 'Digital ownership standard',
   description: 'The NFT standard on Solana.',
-  navigationMenuCatergory: 'Create',
+  navigationMenuCatergory: 'MPL',
   path: 'token-metadata',
   icon: <EllipsisHorizontalCircleIcon />,
   github: 'https://github.com/metaplex-foundation/mpl-token-metadata',

src/components/products/umi/index.js

@@ -1,9 +1,7 @@
 import {
-  changelogSection,
   documentationSection,
   guidesSection,
-  recipesSection,
-  referencesSection,
+  referencesSection
 } from '@/shared/sections'
 import { CodeBracketSquareIcon } from '@heroicons/react/24/solid'
 import { Hero } from './Hero'