Develop SYNC

.cursorignore

@@ -0,0 +1,61 @@
+# For cursor IDE indexing.
+
+**.patch
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.vscode
+**.patch
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+# /build
+# /public/
+# /public/**/*
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+*.env*
+!env.example
+!sample.env
+
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+
+# .env
+.env
+
+# local files
+playground/
+
+# yarn and npm lockfiles
+package-lock.json
+yarn.lock
+# Sentry Config File
+.sentryclirc
+
+# Sentry Config File
+.env.sentry-build-plugin

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "src/assets/animations"]
+	path = src/assets/animations
+	url = https://github.com/peanutprotocol/peanut-animations.git

package.json

@@ -28,8 +28,8 @@
         "@dicebear/core": "^9.2.2",
         "@headlessui/react": "^1.7.19",
         "@headlessui/tailwindcss": "^0.2.1",
-        "@reown/appkit": "^1.6.0",
-        "@reown/appkit-adapter-wagmi": "^1.6.0",
+        "@reown/appkit": "1.6.4-rc.3.0",
+        "@reown/appkit-adapter-wagmi": "1.6.4-rc.3.0",
         "@safe-global/safe-apps-sdk": "^9.1.0",
         "@sentry/nextjs": "^8.39.0",
         "@squirrel-labs/peanut-sdk": "^0.5.11",
@@ -82,6 +82,7 @@
         "@types/validator": "^13.12.2",
         "jest": "^29.7.0",
         "jest-environment-jsdom": "^29.7.0",
+        "jest-transform-stub": "^2.0.0",
         "knip": "^5.37.1",
         "postcss": "^8.4.49",
         "postcss-import": "^16.1.0",
@@ -98,22 +99,29 @@
             "^.+\\.(ts|tsx)$": [
                 "ts-jest",
                 {
-                    "tsconfig": "tsconfig.test.json"
+                    "tsconfig": "tsconfig.test.json",
+                    "useESM": true
                 }
             ]
         },
         "transformIgnorePatterns": [
-            "node_modules/(?!(wagmi|viem|@wagmi|@viem)/)"
+            "node_modules/(?!(@wagmi|wagmi|viem|@viem|@squirrel-labs)/)"
         ],
         "moduleNameMapper": {
-            "^@/(.*)$": "<rootDir>/src/$1"
+            "^@/(.*)$": "<rootDir>/src/$1",
+            "^wagmi/chains$": "<rootDir>/src/utils/__mocks__/wagmi.ts",
+            "^@squirrel-labs/peanut-sdk$": "<rootDir>/src/utils/__mocks__/peanut-sdk.ts"
         },
         "setupFilesAfterEnv": [
             "<rootDir>/jest.setup.ts"
         ],
         "testMatch": [
             "**/__tests__/**/*.test.[jt]s?(x)",
             "**/?(*.)+(spec|test).[jt]s?(x)"
+        ],
+        "extensionsToTreatAsEsm": [
+            ".ts",
+            ".tsx"
         ]
     },
     "resolutions": {

src/app/cashout/page.tsx

@@ -1,9 +1,14 @@
 import { Cashout } from '@/components'
 import Layout from '@/components/Global/Layout'
+import { generateMetadata } from '../metadata'
 
 export const dynamic = 'force-dynamic'
 
-// TODO: add metadata
+export const metadata = generateMetadata({
+    title: 'Cash Out Crypto | Peanut',
+    description: 'Convert your crypto to fiat and withdraw directly to your bank account. Fast, secure crypto offramp.',
+    keywords: 'crypto cashout, offramp, crypto to bank, digital dollars, fiat withdrawal',
+})
 
 export default function CashoutPage() {
     return (

src/app/jobs/page.tsx

@@ -1,25 +1,13 @@
-// import * as components from '@/components'
 import { Jobs } from '@/components'
 import Layout from '@/components/Global/Layout'
+import { generateMetadata } from '../metadata'
 
-import { Metadata } from 'next'
-
-export const metadata: Metadata = {
-    title: 'Peanut Protocol',
-    description: 'Text Tokens',
-    metadataBase: new URL('https://peanut.to'),
-
-    icons: {
-        icon: '/favicon.ico',
-    },
-    openGraph: {
-        images: [
-            {
-                url: '/metadata-img.png',
-            },
-        ],
-    },
-}
+export const metadata = generateMetadata({
+    title: 'Jobs | Peanut',
+    description: 'Join the Peanut team and help us build the future of crypto payments.',
+    image: '/metadata-img.png',
+    keywords: 'jobs, careers, work, employment, crypto, payments',
+})
 
 export default function JobsPage() {
     return (

src/app/layout.tsx

@@ -4,7 +4,7 @@ import CrispChat from '../components/CrispChat'
 import { PeanutProvider } from '@/config'
 import * as context from '@/context'
 import { FooterVisibilityProvider } from '@/context/footerVisibility'
-import { Metadata } from 'next'
+import { generateMetadata } from './metadata'
 
 const roboto = Roboto_Flex({
     subsets: ['latin'],
@@ -27,14 +27,14 @@ const sniglet = Sniglet({
     variable: '--font-sniglet',
 })
 
-export const metadata: Metadata = {
-    viewport: {
-        width: 'device-width',
-        initialScale: 1,
-        maximumScale: 1,
-        userScalable: false,
-    },
-}
+export const metadata = generateMetadata({
+    title: 'Peanut Protocol | Cross-Chain Payment Infrastructure',
+    description:
+        'Seamless cross-chain payment infrastructure for sending and receiving digital assets. Built for both developers and consumers to abstract away blockchain complexities with chain-agnostic transfers, stablecoin conversions, and fiat offramps.',
+    image: '/metadata-img.png',
+    keywords:
+        'blockchain payments, cross-chain transfers, payment infrastructure, crypto payments, stablecoin conversion, fiat offramp, web3 payments, blockchain protocol',
+})
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
     return (

src/app/metadata.ts

@@ -0,0 +1,37 @@
+import { Metadata } from 'next'
+
+export function generateMetadata({
+    title,
+    description,
+    image = '/metadata-img.png',
+    keywords,
+}: {
+    title: string
+    description: string
+    image?: string
+    keywords?: string
+}): Metadata {
+    return {
+        title,
+        description,
+        metadataBase: new URL(process.env.NEXT_PUBLIC_BASE_URL || 'https://peanut.to'),
+        icons: { icon: '/favicon.ico' },
+        keywords,
+        openGraph: {
+            type: 'website',
+            title,
+            description,
+            url: 'https://peanut.to',
+            siteName: 'Peanut Protocol',
+            images: [{ url: image, width: 1200, height: 630, alt: title }],
+        },
+        twitter: {
+            card: 'summary_large_image',
+            title,
+            description,
+            images: [image],
+            creator: '@PeanutProtocol',
+            site: '@PeanutProtocol',
+        },
+    }
+}

src/app/page.tsx

@@ -1,28 +1,10 @@
 'use client'
 
-import { useState, useEffect } from 'react'
-import { Metadata } from 'next'
 import * as assets from '@/assets'
 import Layout from '@/components/Global/Layout'
-import { Hero, FAQs, Features, Mike, Story, BuildOnUs, CashoutSection } from '@/components/LandingPage'
-import { MarqueeComp } from '@/components/Global/MarqueeWrapper'
+import { BuildOnUs, FAQs, Features, Hero, Mike, Story } from '@/components/LandingPage'
 import { useFooterVisibility } from '@/context/footerVisibility'
-
-const metadata: Metadata = {
-    title: 'Peanut Protocol',
-    description: 'Text Tokens',
-    metadataBase: new URL('https://peanut.to'),
-    icons: {
-        icon: '/favicon.ico',
-    },
-    openGraph: {
-        images: [
-            {
-                url: '/metadata-img.png',
-            },
-        ],
-    },
-}
+import { useEffect, useState } from 'react'
 
 export default function LandingPage() {
     const hero = {
@@ -33,7 +15,7 @@ export default function LandingPage() {
         },
         cta: {
             label: 'TRY NOW',
-            href: '/send',
+            href: '/pay',
         },
     }
     const story = {

src/app/pay/page.tsx

@@ -0,0 +1,21 @@
+import TryNow from '@/components/Global/TryNow'
+
+import Layout from '@/components/Global/Layout'
+import { generateMetadata } from '../metadata'
+
+export const metadata = generateMetadata({
+    title: 'Pay | Peanut',
+    description:
+        'Seamless cross-chain payment infrastructure for sending and receiving digital assets. Built for both developers and consumers to abstract away blockchain complexities with chain-agnostic transfers, stablecoin conversions, and fiat offramps.',
+    image: '/metadata-img.png',
+    keywords:
+        'blockchain payments, cross-chain transfers, payment infrastructure, crypto payments, stablecoin conversion, fiat offramp, web3 payments, blockchain protocol',
+})
+
+export default function PayPage() {
+    return (
+        <Layout>
+            <TryNow />
+        </Layout>
+    )
+}