udpate

app/page.js

@@ -178,7 +178,7 @@ const WorksData = [
     },
     {title:"dGROOM DEFORMER", link:"dgroom-deformer", role:['Development', 'Tools'], year: '2023', 
       desc:"Custom Houdini groom deformer built to tackle complex guide-to-groom deformations.",
-      image:"images/art.png",
+      image:"images/deformer.webp",
     },
     {title:"STORYBOARD - ANIMATICS", link:"story-board", role:['Art', 'Viz Dev'], year: '2023', 
       desc:"Some stuff I enjoy learning and exploring...",

components/Header.js

@@ -27,7 +27,7 @@ const Header = () => {
                     <Link href="/art" className="menu">
                         ART
                     </Link>
-                    <Link href="https://imbirdperson.gumroad.com/" className="menu">
+                    <Link href="/store" className="menu">
                         STORE
                     </Link>
                     <Link href="/blog" className="menu">

components/elements/Buttons/BuyNow.js

@@ -0,0 +1,9 @@
+const BuyNow = ({name, link, margin="0px"}) => {
+    return(
+        <a href={link}>
+            <button className='buy-now-button' style={{marginTop: margin}}>{name}</button>
+        </a>
+    )
+}
+
+export default BuyNow;  

components/elements/Buttons/PurchaseButton.js

@@ -0,0 +1,9 @@
+const PurchaseButton = ({name, link, margin="0px"}) => {
+    return(
+        <a href={link}>
+            <button className='purchase-button' style={{marginTop: margin}}>{name}</button>
+        </a>
+    )
+}
+
+export default PurchaseButton;  

components/elements/Store/ProductCard.js

@@ -0,0 +1,14 @@
+const ProductCard = ({title, desc, link, price="$0" , src="/images/yazhi.png"})=>{
+    return(
+        <a href={link}>
+        <div className="product-card-wrapper">
+            <img className="product-card-image" src={src} alt={title}/>
+            <div className="product-card-title">{title}</div>
+            <div className="product-card-desc">{desc}</div>
+            <div className="product-price">{price}</div>
+        </div>
+        </a>
+    )
+}
+
+export default ProductCard;

data/store/dgroom-deformer.md

@@ -0,0 +1,8 @@
+---
+title: dGroom Deformer
+banner: /images/yazhi.png
+description: This dGroom Deformer tool allows you to easily deform grooms with generated or existing guides, making your workflow smoother and more efficient.
+---
+
+# Additional content can go here
+Any markdown content below the frontmatter can be used for longer descriptions, features, etc.