machine change

src/components/products/guides/Hero.jsx

@@ -1,5 +1,6 @@
 import { Hero as BaseHero } from '@/components/Hero'
 import { HeroCode } from '@/components/HeroCode'
+import HoloCode from "../../../images/holo-code.jpg"
 
 const codeProps = {
   tabs: [
@@ -19,7 +20,8 @@ const codeProps = {
 export function Hero({ page }) {
   return (
     <BaseHero page={page}>
-      <HeroCode {...codeProps}></HeroCode>
+      <img src={HoloCode.src} className='rounded-xl dropShadowLight' />
+      {/* <HeroCode {...codeProps}></HeroCode> */}
     </BaseHero>
   )
 }

src/pages/_app.jsx

@@ -8,6 +8,7 @@ import { usePage } from '@/shared/usePage'
 import '@/styles/tailwind.css'
 import 'focus-visible'
 import 'reactflow/dist/base.css'
+import '@/styles/extra.css'
 
 // Add Prism components.
 import { Prism } from 'prism-react-renderer'

src/pages/guides/how-to-create-an-nft-on-solana.md

@@ -7,10 +7,12 @@ created: '06-16-2024'
 updated: '06-18-2024'
 ---
 
-To create a Fungible SPL Token on Solana using Metaplex packages you'll need to install the following via your package manager of choice.
+This is an intial guide on how to create a next-gen Nft (Core Asset) on the Solana blockchain using the Metaplex Mpl Core protocol. Mpl Core Assets provide the next wave of NFT projects on Solana with greater creativity and a broad dynamic experiance for both creators and owners with Mpl Core's unique plugin system.
 
 ## Initial Setup
 
+This guide will run through create of an Nft Core Asset with Javascript based on a single file script. You may need to modify and move functions around to suit your needs.
+
 ### Initializing
 
 Start by initializing a new project (optional) with the package manager of your choice (npm, yarn, pnpm, bun) and fill in required details when prompted.

src/styles/extra.css

@@ -0,0 +1,4 @@
+.dropShadowLight {
+    -webkit-box-shadow: 11px 11px 22px -3px rgba(255, 255, 255, 0.212); 
+box-shadow: 11px 11px 22px -3px rgba(255, 255, 255, 0.212);
+}