diff --git a/apps/web/package.json b/apps/web/package.json
index afdb2a916..26b324d02 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -32,11 +32,14 @@
     "@vanilla-extract/next-plugin": "^2.4.11",
     "@vanilla-extract/recipes": "^0.5.7",
     "@vercel/og": "^0.6.8",
+    "@zoralabs/coins-sdk": "^0.3.3",
+    "@zoralabs/protocol-deployments": "^0.6.4",
     "ai": "^5.0.76",
     "alchemy-sdk": "^3.6.0",
     "axios": "^1.12.2",
     "dayjs": "^1.11.13",
     "flatpickr": "^4.6.13",
+    "formik": "^2.4.6",
     "framer-motion": "^12.12.1",
     "ioredis": "^5.8.1",
     "next": "^15.5.9",
diff --git a/apps/web/src/modules/dashboard/CreateActions.tsx b/apps/web/src/modules/dashboard/CreateActions.tsx
index d1b5912c4..651a5ef2b 100644
--- a/apps/web/src/modules/dashboard/CreateActions.tsx
+++ b/apps/web/src/modules/dashboard/CreateActions.tsx
@@ -18,6 +18,11 @@ export const CreateActions: React.FC<CreateActionsProps> = ({
   const [selectorOpen, setSelectorOpen] = useState(false)
   const [actionType, setActionType] = useState<'post' | 'proposal'>('post')
 
+  const handleCreatePost = () => {
+    setActionType('post')
+    setSelectorOpen(true)
+  }
+
   const handleCreateProposal = () => {
     setActionType('proposal')
     setSelectorOpen(true)
@@ -25,13 +30,20 @@ export const CreateActions: React.FC<CreateActionsProps> = ({
 
   return (
     <>
-      <Flex className={actionButtons} gap="x3">
-        <Button onClick={handleCreateProposal} style={{ flex: 1 }}>
-          Create Proposal
-        </Button>
-        <Button variant="outline" style={{ flex: 1 }} as={Link} href="/create">
-          Create a DAO
-        </Button>
+      <Flex direction="column" className={actionButtons} gap="x3">
+        <Flex gap="x3">
+          <Button onClick={handleCreatePost} style={{ flex: 1 }}>
+            Create Post
+          </Button>
+          <Button onClick={handleCreateProposal} variant="outline" style={{ flex: 1 }}>
+            Create Proposal
+          </Button>
+        </Flex>
+        <Link href="/create" style={{ width: '100%', flex: 1 }}>
+          <Button variant="ghost" style={{ flex: 1, width: '100%' }}>
+            Create a DAO
+          </Button>
+        </Link>
       </Flex>
 
       <DaoSelectorModal
diff --git a/apps/web/src/modules/dashboard/MobileCreateMenu.tsx b/apps/web/src/modules/dashboard/MobileCreateMenu.tsx
index 987f5f60b..0d24727c8 100644
--- a/apps/web/src/modules/dashboard/MobileCreateMenu.tsx
+++ b/apps/web/src/modules/dashboard/MobileCreateMenu.tsx
@@ -24,6 +24,11 @@ export const MobileCreateMenu: React.FC<MobileCreateMenuProps> = ({
   const [selectorOpen, setSelectorOpen] = useState(false)
   const [actionType, setActionType] = useState<'post' | 'proposal'>('post')
 
+  const handleCreatePost = () => {
+    setActionType('post')
+    setSelectorOpen(true)
+  }
+
   const handleCreateProposal = () => {
     setActionType('proposal')
     setSelectorOpen(true)
@@ -35,6 +40,16 @@ export const MobileCreateMenu: React.FC<MobileCreateMenuProps> = ({
         <Text className={createMenuTitle}>What would you like to create?</Text>
 
         <div className={createMenuGrid}>
+          <button className={createMenuCard} onClick={handleCreatePost} type="button">
+            <Icon id="brush" className={createMenuCardIcon} />
+            <Text fontSize="18" fontWeight="label">
+              Create Post
+            </Text>
+            <Text fontSize="14" color="text3">
+              Share updates and content with your DAO community
+            </Text>
+          </button>
+
           <button className={createMenuCard} onClick={handleCreateProposal} type="button">
             <Icon id="checkInCircle" className={createMenuCardIcon} />
             <Text fontSize="18" fontWeight="label">
diff --git a/apps/web/src/modules/post/components/CreateContentCoinForm.tsx b/apps/web/src/modules/post/components/CreateContentCoinForm.tsx
new file mode 100644
index 000000000..7459b3759
--- /dev/null
+++ b/apps/web/src/modules/post/components/CreateContentCoinForm.tsx
@@ -0,0 +1,463 @@
+import {
+  BUILDER_TREASURY_ADDRESS,
+  ETH_ADDRESS,
+  ZORA_ADDRESS,
+} from '@buildeross/constants'
+import {
+  getTokenPriceByAddress,
+  getTokenPriceFromMap,
+  useTokenPrices,
+} from '@buildeross/hooks'
+import { uploadFile } from '@buildeross/ipfs-service'
+import { AddressType, CHAIN_ID } from '@buildeross/types'
+import { CoinFormFields, coinFormSchema, type CoinFormValues } from '@buildeross/ui'
+import { ContractButton } from '@buildeross/ui/ContractButton'
+import { createContentPoolConfigFromTargetFdv } from '@buildeross/utils'
+import { Box, Button, Flex, Stack, Text } from '@buildeross/zord'
+import * as Sentry from '@sentry/nextjs'
+import type { Uploader, UploadResult } from '@zoralabs/coins-sdk'
+import { createMetadataBuilder } from '@zoralabs/coins-sdk'
+import {
+  coinFactoryAddress,
+  coinFactoryConfig,
+  encodeMultiCurvePoolConfig,
+} from '@zoralabs/protocol-deployments'
+import { Form, Formik, type FormikHelpers, useFormikContext } from 'formik'
+import { useRouter } from 'next/router'
+import React, { useCallback, useEffect, useState } from 'react'
+import { type Address, zeroAddress, zeroHash } from 'viem'
+import { useAccount, useConfig } from 'wagmi'
+import { simulateContract, waitForTransactionReceipt, writeContract } from 'wagmi/actions'
+
+// Supported chain IDs from Zora's deployment
+const SUPPORTED_CHAIN_IDS = [CHAIN_ID.BASE, CHAIN_ID.BASE_SEPOLIA]
+
+// Default target Fully Diluted Valuation (FDV) in USD for pool config calculations
+const DEFAULT_TARGET_FDV_USD = 50000 // $50k target FDV
+
+/**
+ * FormObserver component to watch form values and trigger callback
+ */
+interface FormObserverProps {
+  onChange: (values: CoinFormValues) => void
+}
+
+const FormObserver: React.FC<FormObserverProps> = ({ onChange }) => {
+  const { values } = useFormikContext<CoinFormValues>()
+
+  useEffect(() => {
+    onChange(values)
+  }, [values, onChange])
+
+  return null
+}
+
+/**
+ * Custom IPFS uploader that wraps uploadFile from ipfs-service
+ * and implements the Uploader interface from @zoralabs/coins-sdk
+ */
+class IPFSUploader implements Uploader {
+  async upload(file: File): Promise<UploadResult> {
+    const result = await uploadFile(file)
+
+    return {
+      url: result.uri as `ipfs://${string}`,
+      size: file.size,
+      mimeType: file.type || undefined,
+    }
+  }
+}
+
+type CurrencyOption = {
+  value: AddressType
+  label: string
+  disabled?: boolean
+}
+
+export interface CreateContentCoinFormProps {
+  chainId: CHAIN_ID
+  treasury: AddressType
+  onFormChange?: (values: CoinFormValues) => void
+}
+
+export const CreateContentCoinForm: React.FC<CreateContentCoinFormProps> = ({
+  chainId,
+  treasury,
+  onFormChange,
+}) => {
+  const router = useRouter()
+  const config = useConfig()
+  const { address: userAddress } = useAccount()
+  const [submitError, setSubmitError] = useState<string | undefined>()
+  const [isDeploying, setIsDeploying] = useState(false)
+  const [priceWarning, setPriceWarning] = useState<string | undefined>()
+
+  // Check if the current chain is supported
+  const isChainSupported = SUPPORTED_CHAIN_IDS.includes(chainId)
+  const factoryAddress = isChainSupported
+    ? (coinFactoryAddress[chainId as keyof typeof coinFactoryAddress] as AddressType)
+    : undefined
+
+  // Determine which currencies to fetch prices for based on chain
+  const currenciesToFetch = isChainSupported
+    ? chainId === CHAIN_ID.BASE_SEPOLIA
+      ? [ETH_ADDRESS as `0x${string}`] // Base Sepolia only supports ETH
+      : [ETH_ADDRESS as `0x${string}`, ZORA_ADDRESS as `0x${string}`] // Base mainnet supports ETH and ZORA
+    : undefined
+
+  // Fetch token prices for available currencies
+  const { prices: tokenPrices } = useTokenPrices(
+    isChainSupported ? chainId : undefined,
+    currenciesToFetch
+  )
+
+  // Define currency options with custom option
+  const currencyOptions: CurrencyOption[] =
+    chainId === CHAIN_ID.BASE_SEPOLIA
+      ? [
+          { value: ETH_ADDRESS, label: 'ETH' },
+          { value: '0xcustom', label: 'Custom Token Address' },
+        ]
+      : [
+          { value: ETH_ADDRESS, label: 'ETH' },
+          { value: ZORA_ADDRESS, label: 'ZORA' },
+          { value: '0xcustom', label: 'Custom Token Address' },
+        ]
+
+  // Initial values
+  const initialValues: CoinFormValues = {
+    name: '',
+    symbol: '',
+    description: '',
+    imageUrl: '',
+    mediaUrl: '',
+    mediaMimeType: '',
+    properties: {},
+    currency: ETH_ADDRESS,
+    targetFdvUsd: DEFAULT_TARGET_FDV_USD,
+  }
+
+  const handleDeploy = useCallback(
+    async (
+      values: CoinFormValues,
+      metadataUri: string,
+      encodedPoolConfig: `0x${string}`,
+      builderTreasuryAddress: Address
+    ) => {
+      if (!factoryAddress) {
+        throw new Error('Factory address not found')
+      }
+
+      if (!userAddress) {
+        throw new Error('User wallet not connected')
+      }
+
+      // Create owners array with both user and treasury
+      const owners = [userAddress as Address, treasury as Address]
+
+      // Simulate the contract call
+      const simulation = await simulateContract(config, {
+        abi: coinFactoryConfig.abi,
+        address: factoryAddress as Address,
+        functionName: 'deploy',
+        args: [
+          userAddress as Address, // payoutRecipient (user's address)
+          owners, // owners array (user and treasury)
+          metadataUri, // uri
+          values.name, // name
+          values.symbol, // symbol
+          encodedPoolConfig, // poolConfig
+          builderTreasuryAddress, // platformReferrer
+          zeroAddress, // postDeployHook
+          '0x', // postDeployHookData
+          zeroHash, // coinSalt
+        ],
+      })
+
+      // Execute the transaction
+      const txHash = await writeContract(config, simulation.request)
+
+      // Wait for confirmation
+      if (txHash) {
+        await waitForTransactionReceipt(config, { hash: txHash, chainId })
+      }
+
+      return txHash
+    },
+    [config, factoryAddress, userAddress, treasury, chainId]
+  )
+
+  const handleSubmit = async (
+    values: CoinFormValues,
+    actions: FormikHelpers<CoinFormValues>
+  ) => {
+    if (!treasury) {
+      setSubmitError('Treasury address not found')
+      actions.setSubmitting(false)
+      return
+    }
+
+    if (!factoryAddress) {
+      setSubmitError(
+        `Posts are only supported on Base and Base Sepolia. Current chain ID: ${chainId}`
+      )
+      actions.setSubmitting(false)
+      return
+    }
+
+    setSubmitError(undefined)
+    setPriceWarning(undefined)
+    setIsDeploying(true)
+
+    try {
+      // 1. Create metadata builder and configure metadata
+      const metadataBuilder = createMetadataBuilder()
+        .withName(values.name)
+        .withSymbol(values.symbol)
+        .withDescription(values.description)
+
+      // Set image URI (already uploaded to IPFS via SingleImageUpload)
+      if (values.imageUrl) {
+        metadataBuilder.withImageURI(values.imageUrl)
+      }
+
+      // Set media URI if provided (already uploaded to IPFS via handleMediaUpload)
+      if (values.mediaUrl) {
+        metadataBuilder.withMediaURI(values.mediaUrl, values.mediaMimeType)
+      }
+
+      // Add custom properties if any
+      if (values.properties && Object.keys(values.properties).length > 0) {
+        metadataBuilder.withProperties(values.properties)
+      }
+
+      // 2. Upload metadata and all files to IPFS using our custom uploader
+      const uploader = new IPFSUploader()
+      const { url: metadataUri } = await metadataBuilder.upload(uploader)
+
+      // 3. Get token price for the selected currency
+      // Use customCurrency if currency is "0xcustom", otherwise use the selected currency
+      const currency =
+        values.currency === '0xcustom' && values.customCurrency
+          ? (values.customCurrency as AddressType)
+          : ((values.currency || ETH_ADDRESS) as AddressType)
+
+      // Try to get price from fetched data first, fallback to placeholder
+      let quoteTokenUsd = getTokenPriceFromMap(tokenPrices, currency)
+
+      if (!quoteTokenUsd) {
+        // Fallback to placeholder prices
+        quoteTokenUsd = getTokenPriceByAddress(currency)
+      }
+
+      // For custom tokens or test tokens, use a default price if none available
+      if (!quoteTokenUsd) {
+        const warningMessage = `No price data available for token ${currency}. Using $1 as default price for market cap calculations. This is normal for custom or test tokens.`
+        console.warn(warningMessage)
+        setPriceWarning(warningMessage)
+        // Use $1 as default price for custom/test tokens
+        quoteTokenUsd = 1
+      }
+
+      // 4. Create pool config using the utility with form values
+      const poolConfig = createContentPoolConfigFromTargetFdv({
+        currency,
+        quoteTokenUsd,
+        targetFdvUsd: values.targetFdvUsd || DEFAULT_TARGET_FDV_USD,
+      })
+
+      // 5. Encode pool config using Zora's function
+      const encodedPoolConfig = encodeMultiCurvePoolConfig({
+        currency: poolConfig.currency,
+        tickLower: poolConfig.lowerTicks,
+        tickUpper: poolConfig.upperTicks,
+        numDiscoveryPositions: poolConfig.numDiscoveryPositions,
+        maxDiscoverySupplyShare: poolConfig.maxDiscoverySupplyShares,
+      })
+
+      // 6. Get Builder treasury address for platformReferrer, fallback to zero address
+      const builderTreasuryAddress =
+        (BUILDER_TREASURY_ADDRESS[
+          chainId as keyof typeof BUILDER_TREASURY_ADDRESS
+        ] as Address) || zeroAddress
+
+      // 7. Deploy the content coin
+      const txHash = await handleDeploy(
+        values,
+        metadataUri,
+        encodedPoolConfig,
+        builderTreasuryAddress
+      )
+
+      // Success! Navigate back or show success message
+      if (txHash) {
+        // Reset form
+        actions.resetForm()
+        // Navigate back to DAO page
+        router.back()
+      }
+    } catch (error) {
+      console.error('Error publishing post:', error)
+      Sentry.captureException(error)
+      await Sentry.flush(2000)
+      setSubmitError(error instanceof Error ? error.message : 'Failed to publish post')
+    } finally {
+      setIsDeploying(false)
+      actions.setSubmitting(false)
+    }
+  }
+
+  // If chain is not supported, show message and don't render form
+  if (!isChainSupported) {
+    return (
+      <Box w="100%">
+        <Box
+          p="x6"
+          borderRadius="curved"
+          borderStyle="solid"
+          borderWidth="normal"
+          borderColor="warning"
+          backgroundColor="background2"
+        >
+          <Stack gap="x2">
+            <Text fontSize="16" fontWeight="label">
+              Network Not Supported
+            </Text>
+            <Text fontSize="14" color="text3">
+              Publishing posts is currently only supported on Base and Base Sepolia
+              networks. Please switch to a supported network to publish your post.
+            </Text>
+          </Stack>
+        </Box>
+      </Box>
+    )
+  }
+
+  return (
+    <Box w="100%">
+      <Formik
+        initialValues={initialValues}
+        validationSchema={coinFormSchema}
+        onSubmit={handleSubmit}
+        validateOnBlur
+        validateOnMount={false}
+        validateOnChange={false}
+      >
+        {(formik) => {
+          const isDisabled =
+            formik.isSubmitting || formik.isValidating || !treasury || !userAddress
+
+          return (
+            <Box
+              as="fieldset"
+              disabled={isDisabled}
+              style={{ outline: 0, border: 0, padding: 0, margin: 0 }}
+            >
+              <Flex as={Form} direction="column" gap="x6">
+                {/* Observer to trigger onFormChange callback */}
+                {onFormChange && <FormObserver onChange={onFormChange} />}
+
+                <CoinFormFields
+                  formik={formik}
+                  showMediaUpload={true}
+                  showProperties={true}
+                  initialValues={initialValues}
+                  chainId={chainId}
+                  showCurrencyInput={true}
+                  currencyOptions={currencyOptions}
+                />
+
+                {priceWarning && (
+                  <Box
+                    p="x4"
+                    borderRadius="curved"
+                    borderStyle="solid"
+                    borderWidth="normal"
+                    borderColor="warning"
+                    backgroundColor="background2"
+                  >
+                    <Stack gap="x2">
+                      <Text fontSize="14" fontWeight="label" color="warning">
+                        ⚠️ Price Data Unavailable
+                      </Text>
+                      <Text fontSize="14" color="text3">
+                        {priceWarning}
+                      </Text>
+                    </Stack>
+                  </Box>
+                )}
+
+                {submitError && (
+                  <Box
+                    p="x4"
+                    borderRadius="curved"
+                    borderStyle="solid"
+                    borderWidth="normal"
+                    borderColor="negative"
+                    backgroundColor="background2"
+                  >
+                    <Text fontSize="14" color="negative">
+                      {submitError}
+                    </Text>
+                  </Box>
+                )}
+
+                {!treasury && (
+                  <Box
+                    p="x4"
+                    borderRadius="curved"
+                    borderStyle="solid"
+                    borderWidth="normal"
+                    borderColor="warning"
+                    backgroundColor="background2"
+                  >
+                    <Text fontSize="14" color="warning">
+                      Treasury address not found. Please ensure DAO is properly
+                      configured.
+                    </Text>
+                  </Box>
+                )}
+
+                {!userAddress && (
+                  <Box
+                    p="x4"
+                    borderRadius="curved"
+                    borderStyle="solid"
+                    borderWidth="normal"
+                    borderColor="warning"
+                    backgroundColor="background2"
+                  >
+                    <Text fontSize="14" color="warning">
+                      Please connect your wallet to publish a post.
+                    </Text>
+                  </Box>
+                )}
+
+                <Flex gap="x3" justify="flex-end">
+                  <Button
+                    variant="ghost"
+                    onClick={() => router.back()}
+                    type="button"
+                    disabled={isDeploying}
+                  >
+                    Cancel
+                  </Button>
+                  <ContractButton
+                    variant="outline"
+                    borderRadius="curved"
+                    disabled={isDisabled || !formik.isValid}
+                    loading={isDeploying}
+                    handleClick={formik.handleSubmit}
+                    chainId={chainId}
+                  >
+                    {isDeploying ? 'Publishing...' : 'Publish Post'}
+                  </ContractButton>
+                </Flex>
+              </Flex>
+            </Box>
+          )
+        }}
+      </Formik>
+    </Box>
+  )
+}
diff --git a/apps/web/src/modules/post/components/index.ts b/apps/web/src/modules/post/components/index.ts
new file mode 100644
index 000000000..3ba2f8761
--- /dev/null
+++ b/apps/web/src/modules/post/components/index.ts
@@ -0,0 +1 @@
+export * from './CreateContentCoinForm'
diff --git a/apps/web/src/modules/post/styles/postCreate.css.ts b/apps/web/src/modules/post/styles/postCreate.css.ts
new file mode 100644
index 000000000..139a4a959
--- /dev/null
+++ b/apps/web/src/modules/post/styles/postCreate.css.ts
@@ -0,0 +1,18 @@
+import { style } from '@vanilla-extract/css'
+
+export const twoColumnGrid = style({
+  display: 'grid',
+  gridTemplateColumns: '1fr',
+  gap: '24px',
+  width: '100%',
+  '@media': {
+    '(min-width: 1024px)': {
+      gridTemplateColumns: '1fr 1fr',
+    },
+  },
+})
+
+export const previewColumn = style({
+  display: 'block',
+  width: '100%',
+})
diff --git a/apps/web/src/pages/api/alchemy/token-prices.ts b/apps/web/src/pages/api/alchemy/token-prices.ts
new file mode 100644
index 000000000..fe50ef0da
--- /dev/null
+++ b/apps/web/src/pages/api/alchemy/token-prices.ts
@@ -0,0 +1,70 @@
+import { CHAIN_ID } from '@buildeross/types'
+import { NextApiRequest, NextApiResponse } from 'next'
+import { getCachedTokenPrices } from 'src/services/alchemyService'
+import { withCors } from 'src/utils/api/cors'
+import { withRateLimit } from 'src/utils/api/rateLimit'
+
+async function handler(req: NextApiRequest, res: NextApiResponse) {
+  const { chainId, addresses } = req.query
+
+  if (!chainId) {
+    return res.status(400).json({ error: 'Missing chainId parameter' })
+  }
+
+  if (!addresses) {
+    return res.status(400).json({ error: 'Missing addresses parameter' })
+  }
+
+  const chainIdNum = parseInt(chainId as string, 10)
+
+  if (!Object.values(CHAIN_ID).includes(chainIdNum)) {
+    return res.status(400).json({ error: 'Invalid chainId' })
+  }
+
+  // Parse addresses - can be comma-separated or array
+  let addressArray: string[]
+  if (Array.isArray(addresses)) {
+    addressArray = addresses
+  } else {
+    addressArray = (addresses as string).split(',').map((addr) => addr.trim())
+  }
+
+  if (addressArray.length === 0) {
+    return res.status(400).json({ error: 'No addresses provided' })
+  }
+
+  // Limit to 25 addresses per request (Alchemy API batch limit)
+  if (addressArray.length > 25) {
+    return res.status(400).json({ error: 'Maximum 25 addresses allowed per request' })
+  }
+
+  try {
+    const result = await getCachedTokenPrices(
+      chainIdNum as CHAIN_ID,
+      addressArray as `0x${string}`[]
+    )
+
+    // Handle null result (unsupported chain or missing API key)
+    if (!result) {
+      return res.status(200).json({
+        data: [],
+        source: 'fetched',
+      })
+    }
+
+    // Data is already sanitized by the service
+    return res.status(200).json({
+      data: result.data,
+      source: result.source,
+    })
+  } catch (error) {
+    console.error('Token prices API error:', error)
+    return res.status(500).json({ error: 'Internal server error' })
+  }
+}
+
+export default withCors()(
+  withRateLimit({
+    keyPrefix: 'alchemy:tokenPrices',
+  })(handler)
+)
diff --git a/apps/web/src/pages/dao/[network]/[token]/post/create.tsx b/apps/web/src/pages/dao/[network]/[token]/post/create.tsx
index 23e3e9e91..d9eebf9b4 100644
--- a/apps/web/src/pages/dao/[network]/[token]/post/create.tsx
+++ b/apps/web/src/pages/dao/[network]/[token]/post/create.tsx
@@ -1,18 +1,21 @@
 import { PUBLIC_DEFAULT_CHAINS } from '@buildeross/constants/chains'
 import { daoOGMetadataRequest } from '@buildeross/sdk/subgraph'
 import { AddressType, CHAIN_ID } from '@buildeross/types'
+import { type CoinFormValues, ContentPostPreview } from '@buildeross/ui'
 import { DaoAvatar } from '@buildeross/ui/Avatar'
-import { Box, Button, Flex, Stack, Text } from '@buildeross/zord'
+import { Box, Flex, Stack, Text } from '@buildeross/zord'
 import { GetServerSideProps } from 'next'
-import { useRouter } from 'next/router'
 import React, { useState } from 'react'
 
 import { DefaultLayout } from '../../../../../layouts/DefaultLayout'
+import { CreateContentCoinForm } from '../../../../../modules/post/components/CreateContentCoinForm'
+import * as styles from '../../../../../modules/post/styles/postCreate.css'
 
 interface CreatePostPageProps {
   daoName: string
   collectionAddress: AddressType
   auctionAddress: AddressType
+  treasuryAddress: AddressType
   chainId: CHAIN_ID
   network: string
 }
@@ -21,35 +24,32 @@ export default function CreatePostPage({
   daoName,
   collectionAddress,
   auctionAddress,
+  treasuryAddress,
   chainId,
   network,
 }: CreatePostPageProps) {
-  const router = useRouter()
-  const [postContent, setPostContent] = useState('')
-
-  const handleCancel = () => {
-    router.back()
-  }
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
-    // TODO: Implement post creation logic
-    // eslint-disable-next-line no-console
-    console.log('Create post:', { network, collectionAddress, postContent })
-  }
+  // State to track form values for preview
+  const [previewData, setPreviewData] = useState<CoinFormValues>({
+    name: '',
+    symbol: '',
+    description: '',
+    imageUrl: '',
+    mediaUrl: '',
+    mediaMimeType: '',
+  })
 
   return (
     <DefaultLayout>
       <Flex justify="center" py="x12" px="x4">
-        <Box style={{ maxWidth: 640, width: '100%' }}>
+        <Box style={{ maxWidth: 1280, width: '100%' }}>
           <Stack gap="x6">
             {/* Header */}
             <Box>
               <Text fontSize="35" fontWeight="display" mb="x2">
-                Create Post
+                Publish Post
               </Text>
               <Text fontSize="16" color="text3">
-                Share an update or announcement with the DAO community
+                Share your content on-chain and enable supporters to collect and trade
               </Text>
             </Box>
 
@@ -70,7 +70,7 @@ export default function CreatePostPage({
                 />
                 <Stack gap="x1">
                   <Text fontSize="16" fontWeight="label">
-                    Posting to {daoName}
+                    Creating for {daoName}
                   </Text>
                   <Text fontSize="14" color="text3">
                     {network}
@@ -79,71 +79,26 @@ export default function CreatePostPage({
               </Flex>
             </Box>
 
-            {/* Form */}
-            <form onSubmit={handleSubmit}>
-              <Stack gap="x4">
-                {/* Content textarea */}
-                <Box>
-                  <Text fontSize="14" fontWeight="label" mb="x2">
-                    Post Content
-                  </Text>
-                  <textarea
-                    value={postContent}
-                    onChange={(e) => setPostContent(e.target.value)}
-                    placeholder="Share your thoughts..."
-                    rows={8}
-                    style={{
-                      width: '100%',
-                      padding: '12px',
-                      borderRadius: '8px',
-                      border: '1px solid var(--colors-border)',
-                      backgroundColor: 'var(--colors-background2)',
-                      color: 'var(--colors-text1)',
-                      fontSize: '16px',
-                      fontFamily: 'inherit',
-                      resize: 'vertical',
-                    }}
-                  />
-                </Box>
-
-                {/* Image upload placeholder */}
-                <Box>
-                  <Text fontSize="14" fontWeight="label" mb="x2">
-                    Image (Optional)
-                  </Text>
-                  <Box
-                    borderRadius="curved"
-                    borderStyle="dashed"
-                    borderWidth="normal"
-                    borderColor="border"
-                    p="x8"
-                    style={{
-                      textAlign: 'center',
-                      cursor: 'not-allowed',
-                      opacity: 0.6,
-                    }}
-                  >
-                    <Text fontSize="14" color="text3">
-                      Image upload coming soon
-                    </Text>
-                  </Box>
-                </Box>
+            {/* Two-column layout: Form on left, Preview on right */}
+            <Box className={styles.twoColumnGrid}>
+              {/* Left column: Form */}
+              <Box>
+                <CreateContentCoinForm
+                  chainId={chainId}
+                  treasury={treasuryAddress}
+                  onFormChange={setPreviewData}
+                />
+              </Box>
 
-                {/* Action buttons */}
-                <Flex gap="x3" justify="flex-end">
-                  <Button variant="ghost" onClick={handleCancel} type="button">
-                    Cancel
-                  </Button>
-                  <Button
-                    type="submit"
-                    disabled={!postContent.trim()}
-                    style={{ cursor: 'not-allowed', opacity: 0.6 }}
-                  >
-                    Publish Post (Coming Soon)
-                  </Button>
-                </Flex>
-              </Stack>
-            </form>
+              {/* Right column: Preview (hidden on mobile) */}
+              <Box className={styles.previewColumn}>
+                <ContentPostPreview
+                  {...previewData}
+                  chainId={chainId}
+                  daoName={daoName}
+                />
+              </Box>
+            </Box>
           </Stack>
         </Box>
       </Flex>
@@ -170,6 +125,7 @@ export const getServerSideProps: GetServerSideProps<CreatePostPageProps> = async
       daoName: dao.name,
       collectionAddress: token,
       auctionAddress: dao.auctionAddress as AddressType,
+      treasuryAddress: dao.treasuryAddress as AddressType,
       chainId: chain.id,
       network: chain.name,
     }
diff --git a/packages/constants/src/addresses.ts b/packages/constants/src/addresses.ts
index 51602ba59..0c4cea4ca 100644
--- a/packages/constants/src/addresses.ts
+++ b/packages/constants/src/addresses.ts
@@ -130,3 +130,15 @@ export const ALLOWED_MIGRATION_DAOS: AddressType[] = [
 
 export const PROTOCOL_REWARDS_MANAGER: AddressType =
   '0x7777777F279eba3d3Ad8F4E708545291A6fDBA8B'
+
+// Currency addresses for creator coins
+export const ETH_ADDRESS: AddressType = '0x0000000000000000000000000000000000000000'
+export const ZORA_ADDRESS: AddressType = '0x1111111111166b7fe7bd91427724b487980afc69'
+export const TEST0_ADDRESS: AddressType = '0x0b0fdb7a0615726edc4f4436fbca96d36e0b87a6'
+export const TEST1_ADDRESS: AddressType = '0x00a7835d5a28f7fff70560d334ace7b2e5bfe3bf'
+
+// Builder Treasury addresses by chain (used as referral address)
+export const BUILDER_TREASURY_ADDRESS = {
+  [CHAIN_ID.BASE]: '0xcF325a4C78912216249B818521b0798A0f904C10' as AddressType,
+  [CHAIN_ID.BASE_SEPOLIA]: '0xc89e4075D630351355b8c0fEe452B414b77582Df' as AddressType,
+}
diff --git a/packages/constants/src/swrKeys.ts b/packages/constants/src/swrKeys.ts
index 75b5d835a..09a9f88e5 100644
--- a/packages/constants/src/swrKeys.ts
+++ b/packages/constants/src/swrKeys.ts
@@ -36,6 +36,7 @@ export const SWR_KEYS = {
   DAO_MEMBERSHIP: 'dao-membership',
   TOKEN_BALANCES: 'token-balances',
   TOKEN_METADATA: 'token-metadata',
+  TOKEN_PRICES: 'token-prices',
   NFT_BALANCES: 'nft-balances',
   NFT_METADATA: 'nft-metadata',
   PINNED_ASSETS: 'pinned-assets',
diff --git a/packages/create-dao-ui/src/components/AllocationForm/AllocationForm.tsx b/packages/create-dao-ui/src/components/AllocationForm/AllocationForm.tsx
index d552b12c6..9e7ca727b 100644
--- a/packages/create-dao-ui/src/components/AllocationForm/AllocationForm.tsx
+++ b/packages/create-dao-ui/src/components/AllocationForm/AllocationForm.tsx
@@ -2,6 +2,7 @@ import { PUBLIC_MANAGER_ADDRESS } from '@buildeross/constants/addresses'
 import { managerAbi } from '@buildeross/sdk/contract'
 import { useChainStore } from '@buildeross/stores'
 import { CHAIN_ID, type TokenAllocation } from '@buildeross/types'
+import { Toggle } from '@buildeross/ui'
 import { FIELD_TYPES, SmartInput } from '@buildeross/ui/Fields'
 import {
   defaultFormAdvancedToggle,
@@ -22,7 +23,6 @@ import { validationSchemaAllocations } from './AllocationForm.schema'
 import { ContributionAllocation } from './ContributionAllocation'
 import { FounderAllocationFields } from './FounderAllocationFields'
 import { FounderRewardsFields } from './FounderRewardsFields'
-import { Toggle } from './Toggle'
 
 export type { TokenAllocation }
 
diff --git a/packages/create-dao-ui/src/components/AllocationForm/ContributionAllocationForm.tsx b/packages/create-dao-ui/src/components/AllocationForm/ContributionAllocationForm.tsx
index aeec600f6..d347e7fdb 100644
--- a/packages/create-dao-ui/src/components/AllocationForm/ContributionAllocationForm.tsx
+++ b/packages/create-dao-ui/src/components/AllocationForm/ContributionAllocationForm.tsx
@@ -4,7 +4,7 @@ import {
 } from '@buildeross/constants/addresses'
 import { useEnsData } from '@buildeross/hooks/useEnsData'
 import { useChainStore } from '@buildeross/stores'
-import { DatePicker, SmartInput } from '@buildeross/ui/Fields'
+import { DatePicker, SmartInput, Toggle } from '@buildeross/ui'
 import { yearsAhead } from '@buildeross/utils/helpers'
 import { Box, Button, Flex, Stack, Text } from '@buildeross/zord'
 import { Form, Formik } from 'formik'
@@ -13,7 +13,6 @@ import { TokenAllocation } from './AllocationForm'
 import { validationSchemaContributions } from './AllocationForm.schema'
 import { ContributionChain } from './ContributionAllocation'
 import { DaoCopyAddress } from './DaoCopyAddress'
-import { Toggle } from './Toggle'
 
 export interface ContributionAllocationFormValues {
   builderAllocation?: TokenAllocation
diff --git a/packages/create-dao-ui/src/components/ReviewAndDeploy/ReviewAndDeploy.tsx b/packages/create-dao-ui/src/components/ReviewAndDeploy/ReviewAndDeploy.tsx
index 8e858e1e1..783d08a50 100644
--- a/packages/create-dao-ui/src/components/ReviewAndDeploy/ReviewAndDeploy.tsx
+++ b/packages/create-dao-ui/src/components/ReviewAndDeploy/ReviewAndDeploy.tsx
@@ -7,7 +7,7 @@ import type { AddressType } from '@buildeross/types'
 import { ContractButton } from '@buildeross/ui/ContractButton'
 import { FallbackImage } from '@buildeross/ui/FallbackImage'
 import { formatDuration } from '@buildeross/utils/formatDuration'
-import { isTestnetChain, toSeconds } from '@buildeross/utils/helpers'
+import { toSeconds } from '@buildeross/utils/helpers'
 import { sanitizeStringForJSON } from '@buildeross/utils/sanitize'
 import { atoms, Box, Flex, Icon } from '@buildeross/zord'
 import React, { useCallback, useMemo, useState } from 'react'
@@ -562,32 +562,29 @@ export const ReviewAndDeploy: React.FC<ReviewAndDeploy> = ({
               </Flex>
             )}
 
-            {isTestnetChain(chain.id) && (
-              <Flex mt="x4">
-                <Flex align={'center'} justify={'center'} gap={'x4'}>
-                  <Flex
-                    align={'center'}
-                    justify={'center'}
-                    className={
-                      deployCheckboxStyleVariants[enableFastDAO ? 'confirmed' : 'default']
-                    }
-                    onClick={() => setEnableFastDAO((bool) => !bool)}
-                  >
-                    {enableFastDAO && <Icon fill="background1" id="check" />}
-                  </Flex>
+            <Flex mt="x4">
+              <Flex align={'center'} justify={'center'} gap={'x4'}>
+                <Flex
+                  align={'center'}
+                  justify={'center'}
+                  className={
+                    deployCheckboxStyleVariants[enableFastDAO ? 'confirmed' : 'default']
+                  }
+                  onClick={() => setEnableFastDAO((bool) => !bool)}
+                >
+                  {enableFastDAO && <Icon fill="background1" id="check" />}
+                </Flex>
 
-                  <Flex className={deployCheckboxHelperText}>
-                    <strong>Enable Fast DAO (testnet only):</strong> ultra-short timings
-                    for testing - {formatDuration(FAST_DAO_TIMINGS.AUCTION_DURATION)}{' '}
-                    auction (0 ETH reserve),{' '}
-                    {formatDuration(FAST_DAO_TIMINGS.TIMELOCK_DELAY)} timelock,{' '}
-                    {formatDuration(FAST_DAO_TIMINGS.VOTING_DELAY)} voting delay,{' '}
-                    {formatDuration(FAST_DAO_TIMINGS.VOTING_PERIOD)} voting period.{' '}
-                    <strong>Not for production.</strong>
-                  </Flex>
+                <Flex className={deployCheckboxHelperText}>
+                  <strong>Enable Fast DAO (testnet only):</strong> ultra-short timings for
+                  testing - {formatDuration(FAST_DAO_TIMINGS.AUCTION_DURATION)} auction (0
+                  ETH reserve), {formatDuration(FAST_DAO_TIMINGS.TIMELOCK_DELAY)}{' '}
+                  timelock, {formatDuration(FAST_DAO_TIMINGS.VOTING_DELAY)} voting delay,{' '}
+                  {formatDuration(FAST_DAO_TIMINGS.VOTING_PERIOD)} voting period.{' '}
+                  <strong>Not for production.</strong>
                 </Flex>
               </Flex>
-            )}
+            </Flex>
 
             {deploymentError && (
               <Flex mt={'x4'} color="negative">
diff --git a/packages/create-proposal-ui/package.json b/packages/create-proposal-ui/package.json
index 1a61139ab..c6667faec 100644
--- a/packages/create-proposal-ui/package.json
+++ b/packages/create-proposal-ui/package.json
@@ -10,8 +10,11 @@
     "@walletconnect/types": "2.11.3",
     "@walletconnect/utils": "2.11.3",
     "@walletconnect/web3wallet": "1.10.3",
+    "@zoralabs/coins-sdk": "^0.3.3",
+    "@zoralabs/protocol-deployments": "^0.6.4",
     "axios": "^1.12.2",
     "bs58": "^6.0.0",
+    "clanker-sdk": "^4.2.8",
     "dayjs": "^1.11.13",
     "formik": "^2.4.6",
     "framer-motion": "^12.12.1",
diff --git a/packages/create-proposal-ui/src/components/ArtworkUpload/ArtworkUpload.tsx b/packages/create-proposal-ui/src/components/ArtworkUpload/ArtworkUpload.tsx
index c79e25a5d..d038fb940 100644
--- a/packages/create-proposal-ui/src/components/ArtworkUpload/ArtworkUpload.tsx
+++ b/packages/create-proposal-ui/src/components/ArtworkUpload/ArtworkUpload.tsx
@@ -1,5 +1,6 @@
 import { useArtworkPreview } from '@buildeross/hooks/useArtworkPreview'
 import { useArtworkUpload } from '@buildeross/hooks/useArtworkUpload'
+import { useScrollDirection } from '@buildeross/hooks/useScrollDirection'
 import { getFetchableUrls } from '@buildeross/ipfs-service'
 import { type Property } from '@buildeross/sdk/contract'
 import { ImageProps, IPFSUpload, Trait } from '@buildeross/types'
@@ -138,6 +139,11 @@ export const ArtworkUpload: React.FC<ArtworkFormProps> = ({
     setOrderedLayers,
   } = useArtworkStore()
   const { artwork } = setUpArtwork
+  const scrollDirection = useScrollDirection()
+
+  // Calculate top offset based on header visibility
+  // Header is 80px tall and hidden when scrollDirection is 'down'
+  const topOffset = scrollDirection === 'down' ? 24 : 104 // 24px + 80px header
 
   const handleUploadStart = useCallback(() => {
     setIsUploadingToIPFS(true)
@@ -286,13 +292,21 @@ export const ArtworkUpload: React.FC<ArtworkFormProps> = ({
           animate={'open'}
           className={artworkPreviewPanel}
         >
-          <ArtworkPreview
-            canvas={canvas}
-            generateStackedImage={generateStackedImage}
-            images={mergedImages}
-            generatedImages={generatedImages}
-            orderedLayers={orderedLayers}
-          />
+          <div
+            style={{
+              position: 'sticky',
+              top: `${topOffset}px`,
+              transition: 'top 150ms cubic-bezier(0.4, 0, 0.2, 1)',
+            }}
+          >
+            <ArtworkPreview
+              canvas={canvas}
+              generateStackedImage={generateStackedImage}
+              images={mergedImages}
+              generatedImages={generatedImages}
+              orderedLayers={orderedLayers}
+            />
+          </div>
         </motion.div>
       )}
     </>
diff --git a/packages/create-proposal-ui/src/components/StickyPreviewContainer/StickyPreviewContainer.css.ts b/packages/create-proposal-ui/src/components/StickyPreviewContainer/StickyPreviewContainer.css.ts
new file mode 100644
index 000000000..e284474cd
--- /dev/null
+++ b/packages/create-proposal-ui/src/components/StickyPreviewContainer/StickyPreviewContainer.css.ts
@@ -0,0 +1,23 @@
+import { style } from '@vanilla-extract/css'
+
+export const previewContainer = style({
+  position: 'absolute',
+  right: 0,
+  top: 0,
+  height: '100%',
+  width: '100%',
+  '@media': {
+    'screen and (max-width: 768px)': {
+      width: '100%',
+      position: 'relative',
+    },
+    'screen and (min-width: 768px)': {
+      width: '50%',
+    },
+  },
+})
+
+export const stickyWrapper = style({
+  position: 'sticky',
+  right: 0,
+})
diff --git a/packages/create-proposal-ui/src/components/StickyPreviewContainer/StickyPreviewContainer.tsx b/packages/create-proposal-ui/src/components/StickyPreviewContainer/StickyPreviewContainer.tsx
new file mode 100644
index 000000000..9225081d0
--- /dev/null
+++ b/packages/create-proposal-ui/src/components/StickyPreviewContainer/StickyPreviewContainer.tsx
@@ -0,0 +1,36 @@
+import { useScrollDirection } from '@buildeross/hooks/useScrollDirection'
+import { Stack } from '@buildeross/zord'
+import React, { ReactNode } from 'react'
+
+import * as styles from './StickyPreviewContainer.css'
+
+interface StickyPreviewContainerProps {
+  children: ReactNode
+  align?: 'flex-start' | 'flex-end'
+}
+
+export const StickyPreviewContainer: React.FC<StickyPreviewContainerProps> = ({
+  children,
+  align = 'flex-start',
+}) => {
+  const scrollDirection = useScrollDirection()
+
+  // Calculate top offset based on header visibility
+  // Header is 80px tall and hidden when scrollDirection is 'down'
+  const topOffset = scrollDirection === 'down' ? 24 : 104 // 24px + 80px header
+
+  return (
+    <div className={styles.previewContainer}>
+      <Stack
+        className={styles.stickyWrapper}
+        style={{
+          top: `${topOffset}px`,
+          transition: 'top 150ms cubic-bezier(0.4, 0, 0.2, 1)',
+        }}
+        align={align}
+      >
+        {children}
+      </Stack>
+    </div>
+  )
+}
diff --git a/packages/create-proposal-ui/src/components/StickyPreviewContainer/index.ts b/packages/create-proposal-ui/src/components/StickyPreviewContainer/index.ts
new file mode 100644
index 000000000..a195dc7c1
--- /dev/null
+++ b/packages/create-proposal-ui/src/components/StickyPreviewContainer/index.ts
@@ -0,0 +1 @@
+export { StickyPreviewContainer } from './StickyPreviewContainer'
diff --git a/packages/create-proposal-ui/src/components/TransactionForm/ContentCoin/ContentCoin.tsx b/packages/create-proposal-ui/src/components/TransactionForm/ContentCoin/ContentCoin.tsx
new file mode 100644
index 000000000..b5f1796fa
--- /dev/null
+++ b/packages/create-proposal-ui/src/components/TransactionForm/ContentCoin/ContentCoin.tsx
@@ -0,0 +1,363 @@
+import {
+  BUILDER_TREASURY_ADDRESS,
+  ETH_ADDRESS,
+  ZORA_ADDRESS,
+} from '@buildeross/constants'
+import {
+  getTokenPriceByAddress,
+  getTokenPriceFromMap,
+  useTokenPrices,
+} from '@buildeross/hooks'
+import { useChainStore, useDaoStore, useProposalStore } from '@buildeross/stores'
+import { AddressType, CHAIN_ID, TransactionType } from '@buildeross/types'
+import { CoinFormFields, coinFormSchema, type CoinFormValues } from '@buildeross/ui'
+import { createContentPoolConfigFromTargetFdv } from '@buildeross/utils/poolConfig'
+import { Box, Button, Stack, Text } from '@buildeross/zord'
+import { createMetadataBuilder } from '@zoralabs/coins-sdk'
+import {
+  coinFactoryAddress,
+  coinFactoryConfig,
+  encodeMultiCurvePoolConfig,
+} from '@zoralabs/protocol-deployments'
+import { Form, Formik, type FormikHelpers, useFormikContext } from 'formik'
+import React, { useEffect, useState } from 'react'
+import { type Address, encodeFunctionData, zeroAddress, zeroHash } from 'viem'
+
+import { ContentCoinPreviewDisplay } from './ContentCoinPreviewDisplay'
+import { IPFSUploader } from './ipfsUploader'
+
+// Supported chain IDs from Zora's deployment
+const SUPPORTED_CHAIN_IDS = [CHAIN_ID.BASE, CHAIN_ID.BASE_SEPOLIA]
+
+// Default target Fully Diluted Valuation (FDV) in USD for pool config calculations
+const DEFAULT_TARGET_FDV_USD = 50000 // $50k target FDV
+
+/**
+ * FormObserver component to watch form values and trigger callback
+ */
+interface FormObserverProps {
+  onChange: (values: CoinFormValues) => void
+}
+
+const FormObserver: React.FC<FormObserverProps> = ({ onChange }) => {
+  const { values } = useFormikContext<CoinFormValues>()
+
+  useEffect(() => {
+    onChange(values)
+  }, [values, onChange])
+
+  return null
+}
+
+export interface ContentCoinProps {
+  initialValues?: Partial<CoinFormValues>
+  onSubmitSuccess?: () => void
+  showMediaUpload?: boolean
+  showProperties?: boolean
+}
+
+export const ContentCoin: React.FC<ContentCoinProps> = ({
+  initialValues: providedInitialValues,
+  onSubmitSuccess,
+  showMediaUpload = true,
+  showProperties = true,
+}) => {
+  const { treasury } = useDaoStore((state) => state.addresses)
+  const addTransaction = useProposalStore((state) => state.addTransaction)
+  const { chain } = useChainStore()
+
+  const [submitError, setSubmitError] = useState<string | undefined>()
+  const [previewData, setPreviewData] = useState<CoinFormValues>({
+    name: '',
+    symbol: '',
+    description: '',
+    imageUrl: '',
+    mediaUrl: '',
+    mediaMimeType: '',
+  })
+
+  // Check if the current chain is supported
+  const isChainSupported = SUPPORTED_CHAIN_IDS.includes(chain.id)
+  const factoryAddress = isChainSupported
+    ? (coinFactoryAddress[chain.id as keyof typeof coinFactoryAddress] as AddressType)
+    : undefined
+
+  // Determine which currencies to fetch prices for based on chain
+  const currenciesToFetch = isChainSupported
+    ? chain.id === CHAIN_ID.BASE_SEPOLIA
+      ? [ETH_ADDRESS as `0x${string}`] // Base Sepolia only supports ETH
+      : [ETH_ADDRESS as `0x${string}`, ZORA_ADDRESS as `0x${string}`] // Base mainnet supports ETH and ZORA
+    : undefined
+
+  // Fetch token prices for available currencies
+  const { prices: tokenPrices } = useTokenPrices(
+    isChainSupported ? chain.id : undefined,
+    currenciesToFetch
+  )
+
+  // Initial values from props only
+  const initialValues: CoinFormValues = {
+    name: providedInitialValues?.name || '',
+    symbol: providedInitialValues?.symbol || '',
+    description: providedInitialValues?.description || '',
+    imageUrl: providedInitialValues?.imageUrl || '',
+    mediaUrl: providedInitialValues?.mediaUrl || '',
+    mediaMimeType: providedInitialValues?.mediaMimeType || '',
+    properties: providedInitialValues?.properties || {},
+    currency: providedInitialValues?.currency || ETH_ADDRESS,
+  }
+
+  const handleSubmit = async (
+    values: CoinFormValues,
+    actions: FormikHelpers<CoinFormValues>
+  ) => {
+    if (!treasury) {
+      setSubmitError('Treasury address not found')
+      actions.setSubmitting(false)
+      return
+    }
+
+    if (!factoryAddress) {
+      setSubmitError(
+        `Content coins are only supported on Base and Base Sepolia. Current chain: ${chain.name}`
+      )
+      actions.setSubmitting(false)
+      return
+    }
+
+    setSubmitError(undefined)
+
+    try {
+      // 1. Create metadata builder and configure metadata
+      const metadataBuilder = createMetadataBuilder()
+        .withName(values.name)
+        .withSymbol(values.symbol)
+        .withDescription(values.description)
+
+      // Set image URI (already uploaded to IPFS via SingleImageUpload)
+      if (values.imageUrl) {
+        metadataBuilder.withImageURI(values.imageUrl)
+      }
+
+      // Set media URI if provided (already uploaded to IPFS via handleMediaUpload)
+      if (values.mediaUrl) {
+        metadataBuilder.withMediaURI(values.mediaUrl, values.mediaMimeType)
+      }
+
+      // Add custom properties if any
+      if (values.properties && Object.keys(values.properties).length > 0) {
+        metadataBuilder.withProperties(values.properties)
+      }
+
+      // 2. Upload metadata and all files to IPFS using our custom uploader
+      const uploader = new IPFSUploader()
+      const { url: metadataUri } = await metadataBuilder.upload(uploader)
+
+      // 3. Get token price for the selected currency
+      // Use customCurrency if currency is "0xcustom", otherwise use the selected currency
+      const currency =
+        values.currency === '0xcustom' && values.customCurrency
+          ? (values.customCurrency as AddressType)
+          : ((values.currency || ETH_ADDRESS) as AddressType)
+
+      // Try to get price from fetched data first, fallback to placeholder
+      let quoteTokenUsd = getTokenPriceFromMap(tokenPrices, currency)
+
+      if (!quoteTokenUsd) {
+        // Fallback to placeholder prices
+        quoteTokenUsd = getTokenPriceByAddress(currency)
+      }
+
+      if (!quoteTokenUsd) {
+        throw new Error(`Unable to get price for selected currency: ${currency}`)
+      }
+
+      // 4. Create pool config using the utility with constant FDV
+      const poolConfig = createContentPoolConfigFromTargetFdv({
+        currency,
+        quoteTokenUsd,
+        targetFdvUsd: DEFAULT_TARGET_FDV_USD, // Always use constant $10K for ContentCoin
+      })
+
+      // 5. Encode pool config using Zora's function
+      const encodedPoolConfig = encodeMultiCurvePoolConfig({
+        currency: poolConfig.currency,
+        tickLower: poolConfig.lowerTicks,
+        tickUpper: poolConfig.upperTicks,
+        numDiscoveryPositions: poolConfig.numDiscoveryPositions,
+        maxDiscoverySupplyShare: poolConfig.maxDiscoverySupplyShares,
+      })
+
+      // 6. Get Builder treasury address for platformReferrer, fallback to zero address
+      const builderTreasuryAddress =
+        BUILDER_TREASURY_ADDRESS[chain.id as keyof typeof BUILDER_TREASURY_ADDRESS] ||
+        zeroAddress
+
+      // 7. Encode the contract call using Zora's ABI with deploy function
+      const calldata = encodeFunctionData({
+        abi: coinFactoryConfig.abi,
+        functionName: 'deploy',
+        args: [
+          treasury as Address, // payoutRecipient
+          [treasury as Address], // owners array
+          metadataUri, // uri
+          values.name, // name
+          values.symbol, // symbol
+          encodedPoolConfig, // poolConfig
+          builderTreasuryAddress as Address, // platformReferrer (Builder treasury for referral, or zero address)
+          zeroAddress, // postDeployHook (no hook for content coins)
+          '0x', // postDeployHookData (empty bytes)
+          zeroHash, // coinSalt (can be customized if needed)
+        ],
+      })
+
+      // 8. Create transaction object
+      const transaction = {
+        target: factoryAddress,
+        functionSignature:
+          'deploy(address,address[],string,string,string,bytes,address,address,bytes,bytes32)',
+        calldata,
+        value: '0',
+      }
+
+      // 9. Add transaction to proposal queue
+      addTransaction({
+        type: TransactionType.CONTENT_COIN,
+        summary: `Create ${values.symbol} Content Coin`,
+        transactions: [transaction],
+      })
+
+      // Reset form
+      actions.resetForm()
+
+      // Call success callback if provided
+      if (onSubmitSuccess) {
+        onSubmitSuccess()
+      }
+    } catch (error) {
+      console.error('Error creating content coin transaction:', error)
+      setSubmitError(
+        error instanceof Error ? error.message : 'Failed to create transaction'
+      )
+    } finally {
+      actions.setSubmitting(false)
+    }
+  }
+
+  // If chain is not supported, show message and don't render form
+  if (!isChainSupported) {
+    return (
+      <Box w="100%">
+        <Box
+          p="x6"
+          borderRadius="curved"
+          backgroundColor="warning"
+          style={{ opacity: 0.1 }}
+        >
+          <Stack gap="x2">
+            <Text variant="heading-sm">Network Not Supported</Text>
+            <Text variant="paragraph-md" color="text3">
+              Content coins are currently only supported on Base and Base Sepolia
+              networks. Please switch to a supported network to create a content coin.
+            </Text>
+          </Stack>
+        </Box>
+      </Box>
+    )
+  }
+
+  return (
+    <Box w="100%">
+      <Formik
+        initialValues={initialValues}
+        validationSchema={coinFormSchema}
+        onSubmit={handleSubmit}
+        validateOnBlur
+        validateOnMount={false}
+        validateOnChange={false}
+        enableReinitialize
+      >
+        {(formik) => {
+          const isDisabled = formik.isSubmitting || formik.isValidating || !treasury
+
+          return (
+            <Box
+              as="fieldset"
+              disabled={isDisabled}
+              style={{ outline: 0, border: 0, padding: 0, margin: 0 }}
+            >
+              <Form>
+                {/* Observer to trigger preview updates */}
+                <FormObserver onChange={setPreviewData} />
+
+                <Stack gap="x6">
+                  {/* Preview positioned absolutely on the right side (hidden on mobile) */}
+                  <ContentCoinPreviewDisplay
+                    previewData={previewData}
+                    chainId={chain.id}
+                  />
+
+                  {/* Form header and fields */}
+                  <Stack gap="x4">
+                    <Text variant="heading-sm">Create Content Coin</Text>
+                    <Text variant="paragraph-md" color="text3">
+                      Configure your content coin metadata and add the transaction to the
+                      proposal queue.
+                    </Text>
+                  </Stack>
+
+                  <CoinFormFields
+                    formik={formik}
+                    showMediaUpload={showMediaUpload}
+                    showProperties={showProperties}
+                    showTargetFdv={true}
+                    chainId={chain.id}
+                    showCurrencyInput={true}
+                  />
+
+                  {submitError && (
+                    <Box
+                      p="x4"
+                      borderRadius="curved"
+                      backgroundColor="negative"
+                      style={{ opacity: 0.1 }}
+                    >
+                      <Text variant="paragraph-sm" color="negative">
+                        {submitError}
+                      </Text>
+                    </Box>
+                  )}
+
+                  {!treasury && (
+                    <Box
+                      p="x4"
+                      borderRadius="curved"
+                      backgroundColor="warning"
+                      style={{ opacity: 0.1 }}
+                    >
+                      <Text variant="paragraph-sm" color="warning">
+                        Treasury address not found. Please connect to a DAO.
+                      </Text>
+                    </Box>
+                  )}
+
+                  <Button
+                    variant="outline"
+                    borderRadius="curved"
+                    w="100%"
+                    type="submit"
+                    disabled={isDisabled || !formik.isValid}
+                  >
+                    {formik.isSubmitting
+                      ? 'Adding Transaction to Queue...'
+                      : 'Add Transaction to Queue'}
+                  </Button>
+                </Stack>
+              </Form>
+            </Box>
+          )
+        }}
+      </Formik>
+    </Box>
+  )
+}
diff --git a/packages/create-proposal-ui/src/components/TransactionForm/ContentCoin/ContentCoinPreviewDisplay.tsx b/packages/create-proposal-ui/src/components/TransactionForm/ContentCoin/ContentCoinPreviewDisplay.tsx
new file mode 100644
index 000000000..853081538
--- /dev/null
+++ b/packages/create-proposal-ui/src/components/TransactionForm/ContentCoin/ContentCoinPreviewDisplay.tsx
@@ -0,0 +1,15 @@
+import { CHAIN_ID } from '@buildeross/types'
+import { type CoinFormValues, ContentPostPreview } from '@buildeross/ui'
+
+import { StickyPreviewContainer } from '../../StickyPreviewContainer'
+
+export const ContentCoinPreviewDisplay: React.FC<{
+  previewData: CoinFormValues
+  chainId: CHAIN_ID
+}> = ({ previewData, chainId }) => {
+  return (
+    <StickyPreviewContainer>
+      <ContentPostPreview {...previewData} chainId={chainId} />
+    </StickyPreviewContainer>
+  )
+}
diff --git a/packages/create-proposal-ui/src/components/TransactionForm/ContentCoin/index.ts b/packages/create-proposal-ui/src/components/TransactionForm/ContentCoin/index.ts
new file mode 100644
index 000000000..bb058dc36
--- /dev/null
+++ b/packages/create-proposal-ui/src/components/TransactionForm/ContentCoin/index.ts
@@ -0,0 +1 @@
+export * from './ContentCoin'
diff --git a/packages/create-proposal-ui/src/components/TransactionForm/ContentCoin/ipfsUploader.ts b/packages/create-proposal-ui/src/components/TransactionForm/ContentCoin/ipfsUploader.ts
new file mode 100644
index 000000000..7ecbe5967
--- /dev/null
+++ b/packages/create-proposal-ui/src/components/TransactionForm/ContentCoin/ipfsUploader.ts
@@ -0,0 +1,18 @@
+import { uploadFile } from '@buildeross/ipfs-service'
+import type { Uploader, UploadResult } from '@zoralabs/coins-sdk'
+
+/**
+ * Custom IPFS uploader that wraps uploadFile from ipfs-service
+ * and implements the Uploader interface from @zoralabs/coins-sdk
+ */
+export class IPFSUploader implements Uploader {
+  async upload(file: File): Promise<UploadResult> {
+    const result = await uploadFile(file)
+
+    return {
+      url: result.uri as `ipfs://${string}`,
+      size: file.size,
+      mimeType: file.type || undefined,
+    }
+  }
+}
diff --git a/packages/create-proposal-ui/src/components/TransactionForm/CreatorCoin/CreatorCoin.tsx b/packages/create-proposal-ui/src/components/TransactionForm/CreatorCoin/CreatorCoin.tsx
new file mode 100644
index 000000000..46a756924
--- /dev/null
+++ b/packages/create-proposal-ui/src/components/TransactionForm/CreatorCoin/CreatorCoin.tsx
@@ -0,0 +1,432 @@
+import { useEthUsdPrice } from '@buildeross/hooks'
+import { useChainStore, useDaoStore, useProposalStore } from '@buildeross/stores'
+import { CHAIN_ID, TransactionType } from '@buildeross/types'
+import {
+  ClankerCoinFormFields,
+  coinFormSchema,
+  type CoinFormValues,
+} from '@buildeross/ui'
+import {
+  convertDaysToSeconds,
+  createClankerPoolPositionsFromTargetFdv,
+  DEFAULT_CLANKER_TARGET_FDV,
+  FEE_CONFIGS,
+  POOL_POSITIONS,
+} from '@buildeross/utils'
+import { Box, Button, Flex, Stack, Text } from '@buildeross/zord'
+import { type ClankerTokenV4, FEE_CONFIGS as SDK_FEE_CONFIGS } from 'clanker-sdk'
+import { Clanker } from 'clanker-sdk/v4'
+import { Form, Formik, type FormikHelpers } from 'formik'
+import { useMemo, useState } from 'react'
+import { type Address, encodeFunctionData } from 'viem'
+import { ZodError } from 'zod'
+
+// Supported chain IDs for Clanker deployment
+const SUPPORTED_CHAIN_IDS = [CHAIN_ID.BASE, CHAIN_ID.BASE_SEPOLIA]
+
+// Default values for Clanker deployment
+const DEFAULT_VAULT_PERCENTAGE = 10 // 10% of supply
+const DEFAULT_LOCKUP_DAYS = 30 // 30 days
+const DEFAULT_VESTING_DAYS = 30 // 30 days
+
+/**
+ * Parse error into a user-friendly message
+ * Handles ZodError, Error objects, and other error types
+ */
+function parseErrorMessage(error: unknown): string {
+  // Handle ZodError
+  if (error instanceof ZodError) {
+    const issues = error.issues.map((issue) => {
+      const path = issue.path.join('.')
+      return `${path}: ${issue.message}`
+    })
+    return issues.length > 0
+      ? `Validation error: ${issues.join(', ')}`
+      : 'Validation error occurred'
+  }
+
+  // Handle standard Error
+  if (error instanceof Error) {
+    return error.message
+  }
+
+  // Handle error objects with message property
+  if (
+    error &&
+    typeof error === 'object' &&
+    'message' in error &&
+    typeof error.message === 'string'
+  ) {
+    return error.message
+  }
+
+  // Try toString() as fallback
+  try {
+    const stringified = String(error)
+    if (stringified && stringified !== '[object Object]') {
+      return stringified
+    }
+  } catch {
+    // ignore
+  }
+
+  // Last resort
+  return 'Failed to create transaction'
+}
+
+export interface CreatorCoinProps {
+  initialValues?: Partial<CoinFormValues>
+  onSubmitSuccess?: () => void
+  showMediaUpload?: boolean
+  showProperties?: boolean
+}
+
+export const CreatorCoin: React.FC<CreatorCoinProps> = ({
+  initialValues: providedInitialValues,
+  onSubmitSuccess,
+  showMediaUpload = false,
+  showProperties = false,
+}) => {
+  const { treasury } = useDaoStore((state) => state.addresses)
+  const addTransaction = useProposalStore((state) => state.addTransaction)
+  const { chain } = useChainStore()
+
+  const [submitError, setSubmitError] = useState<string | undefined>()
+
+  // Fetch current ETH/USD price
+  const {
+    price: ethUsdPrice,
+    isLoading: isPriceLoading,
+    error: priceError,
+  } = useEthUsdPrice()
+
+  // Check if the current chain is supported
+  const isChainSupported = SUPPORTED_CHAIN_IDS.includes(chain.id)
+
+  // Create Clanker SDK instance
+  const clanker = useMemo(() => {
+    if (!isChainSupported) return null
+    return new Clanker()
+  }, [isChainSupported])
+
+  // Initial values from props with Clanker defaults
+  const initialValues: CoinFormValues = {
+    name: providedInitialValues?.name || '',
+    symbol: providedInitialValues?.symbol || '',
+    description: providedInitialValues?.description || '',
+    imageUrl: providedInitialValues?.imageUrl || '',
+    mediaUrl: providedInitialValues?.mediaUrl || '',
+    mediaMimeType: providedInitialValues?.mediaMimeType || '',
+    properties: providedInitialValues?.properties || {},
+    currency: providedInitialValues?.currency || 'WETH',
+    targetFdvUsd: providedInitialValues?.targetFdvUsd || DEFAULT_CLANKER_TARGET_FDV,
+    // Clanker-specific defaults
+    poolConfig: providedInitialValues?.poolConfig || POOL_POSITIONS.Project,
+    feeConfig: providedInitialValues?.feeConfig || FEE_CONFIGS.DynamicBasic,
+    vaultPercentage: providedInitialValues?.vaultPercentage ?? DEFAULT_VAULT_PERCENTAGE,
+    lockupDuration: providedInitialValues?.lockupDuration ?? DEFAULT_LOCKUP_DAYS,
+    vestingDuration: providedInitialValues?.vestingDuration ?? DEFAULT_VESTING_DAYS,
+    vaultRecipient: providedInitialValues?.vaultRecipient || undefined,
+    devBuyEthAmount: providedInitialValues?.devBuyEthAmount || undefined,
+  }
+
+  const handleSubmit = async (
+    values: CoinFormValues,
+    actions: FormikHelpers<CoinFormValues>
+  ) => {
+    if (!treasury) {
+      setSubmitError('Treasury address not found')
+      actions.setSubmitting(false)
+      return
+    }
+
+    if (!isChainSupported || !clanker) {
+      setSubmitError(
+        `Creator coins are only supported on Base and Base Sepolia. Current chain: ${chain.name}`
+      )
+      actions.setSubmitting(false)
+      return
+    }
+
+    if (!ethUsdPrice) {
+      setSubmitError('Unable to fetch ETH/USD price. Please try again.')
+      actions.setSubmitting(false)
+      return
+    }
+
+    setSubmitError(undefined)
+
+    try {
+      // Prepare Clanker token configuration for SDK
+      const tokenConfig: ClankerTokenV4 = {
+        name: values.name,
+        chainId: chain.id as ClankerTokenV4['chainId'],
+        symbol: values.symbol,
+        tokenAdmin: treasury as Address,
+        image: values.imageUrl || '',
+        metadata: {
+          description: values.description,
+        },
+        context: {
+          interface: 'Builder DAO Proposal',
+        },
+        pool: {
+          positions: createClankerPoolPositionsFromTargetFdv({
+            targetFdvUsd: values.targetFdvUsd || DEFAULT_CLANKER_TARGET_FDV,
+            quoteTokenUsd: ethUsdPrice,
+          }),
+        },
+        fees:
+          SDK_FEE_CONFIGS[values.feeConfig as keyof typeof SDK_FEE_CONFIGS] ||
+          SDK_FEE_CONFIGS.DynamicBasic,
+        rewards: {
+          recipients: [
+            {
+              recipient: treasury as Address,
+              admin: treasury as Address,
+              bps: 10000, // 100% to DAO treasury
+              token: 'Paired' as const,
+            },
+          ],
+        },
+        vault: {
+          percentage: values.vaultPercentage ?? DEFAULT_VAULT_PERCENTAGE,
+          lockupDuration: convertDaysToSeconds(
+            values.lockupDuration ?? DEFAULT_LOCKUP_DAYS
+          ),
+          vestingDuration: convertDaysToSeconds(
+            values.vestingDuration ?? DEFAULT_VESTING_DAYS
+          ),
+          recipient: values.vaultRecipient as Address | undefined,
+        },
+        ...(values.devBuyEthAmount && Number(values.devBuyEthAmount) > 0
+          ? {
+              devBuy: {
+                ethAmount: Number(values.devBuyEthAmount),
+              },
+            }
+          : {}),
+      }
+
+      // Use Clanker SDK to get the properly formatted transaction data
+      const txData = await clanker.getDeployTransaction(tokenConfig)
+
+      const calldata = encodeFunctionData({
+        abi: txData.abi,
+        functionName: txData.functionName,
+        args: txData.args,
+      })
+
+      // Create transaction for DAO proposal
+      const transaction = {
+        target: txData.address,
+        functionSignature: calldata.substring(0, 10),
+        calldata: calldata,
+        value: txData.value ? txData.value.toString() : '0',
+      }
+
+      // Add transaction to proposal queue
+      addTransaction({
+        type: TransactionType.CREATOR_COIN,
+        summary: `Create ${values.symbol} Creator Coin via Clanker`,
+        transactions: [transaction],
+      })
+
+      // Reset form
+      actions.resetForm()
+
+      // Call success callback if provided
+      if (onSubmitSuccess) {
+        onSubmitSuccess()
+      }
+    } catch (error) {
+      console.error('Error creating creator coin transaction:', error)
+      setSubmitError(parseErrorMessage(error))
+    } finally {
+      actions.setSubmitting(false)
+    }
+  }
+
+  // If chain is not supported, show message and don't render form
+  if (!isChainSupported) {
+    return (
+      <Box w="100%">
+        <Box
+          p="x6"
+          borderRadius="curved"
+          backgroundColor="warning"
+          style={{ opacity: 0.1 }}
+        >
+          <Stack gap="x2">
+            <Text variant="heading-sm">Network Not Supported</Text>
+            <Text variant="paragraph-md" color="text3">
+              Creator coins are currently only supported on Base and Base Sepolia
+              networks. Please switch to a supported network to create a creator coin.
+            </Text>
+          </Stack>
+        </Box>
+      </Box>
+    )
+  }
+
+  return (
+    <Box w="100%">
+      <Formik
+        initialValues={initialValues}
+        validationSchema={coinFormSchema}
+        onSubmit={handleSubmit}
+        validateOnBlur
+        validateOnMount={false}
+        validateOnChange={false}
+        enableReinitialize
+      >
+        {(formik) => {
+          const isDisabled = formik.isSubmitting || formik.isValidating || !treasury
+
+          return (
+            <Box
+              as="fieldset"
+              disabled={isDisabled}
+              style={{ outline: 0, border: 0, padding: 0, margin: 0 }}
+            >
+              <Flex as={Form} direction="column" gap="x6">
+                <Stack gap="x4">
+                  <Text variant="heading-sm">Create Creator Coin</Text>
+                  <Text variant="paragraph-md" color="text3">
+                    Configure your creator coin metadata and add the transaction to the
+                    proposal queue.
+                  </Text>
+                </Stack>
+
+                <ClankerCoinFormFields
+                  formik={formik}
+                  showMediaUpload={showMediaUpload}
+                  showProperties={showProperties}
+                  initialValues={initialValues}
+                  chainId={chain.id}
+                  showCurrencyInput={false}
+                />
+
+                {submitError && (
+                  <Box
+                    p="x4"
+                    borderRadius="curved"
+                    backgroundColor="negative"
+                    style={{ opacity: 0.1 }}
+                  >
+                    <Text variant="paragraph-sm" color="negative">
+                      {submitError}
+                    </Text>
+                  </Box>
+                )}
+
+                {!treasury && (
+                  <Box
+                    p="x4"
+                    borderRadius="curved"
+                    backgroundColor="warning"
+                    style={{ opacity: 0.1 }}
+                  >
+                    <Text variant="paragraph-sm" color="warning">
+                      Treasury address not found. Please connect to a DAO.
+                    </Text>
+                  </Box>
+                )}
+
+                {/* Estimated Launch Parameters */}
+                {ethUsdPrice && !isDisabled && (
+                  <Box
+                    p="x4"
+                    borderRadius="curved"
+                    backgroundColor="secondary"
+                    style={{ opacity: 0.1 }}
+                  >
+                    <Stack gap="x2">
+                      <Text variant="label-md" fontWeight="bold">
+                        Estimated Launch Parameters
+                      </Text>
+                      <Text variant="paragraph-sm" color="text3">
+                        Current ETH Price: $
+                        {ethUsdPrice.toLocaleString('en-US', {
+                          minimumFractionDigits: 2,
+                          maximumFractionDigits: 2,
+                        })}
+                      </Text>
+                      <Text variant="paragraph-sm" color="text3">
+                        Target Market Cap: $
+                        {(
+                          formik.values.targetFdvUsd || DEFAULT_CLANKER_TARGET_FDV
+                        ).toLocaleString('en-US')}
+                      </Text>
+                      <Text variant="paragraph-sm" color="text3">
+                        Liquidity Range: $
+                        {Math.round(
+                          (formik.values.targetFdvUsd || DEFAULT_CLANKER_TARGET_FDV) /
+                            235.7
+                        ).toLocaleString('en-US')}{' '}
+                        - $
+                        {Math.round(
+                          (formik.values.targetFdvUsd || DEFAULT_CLANKER_TARGET_FDV) *
+                            235.7
+                        ).toLocaleString('en-US')}
+                      </Text>
+                      <Text variant="paragraph-sm" color="text3">
+                        Initial Price per Token: $
+                        {(
+                          (formik.values.targetFdvUsd || DEFAULT_CLANKER_TARGET_FDV) /
+                          235.7 /
+                          1_000_000_000
+                        ).toFixed(8)}
+                      </Text>
+                    </Stack>
+                  </Box>
+                )}
+
+                {/* Loading State */}
+                {isPriceLoading && (
+                  <Box
+                    p="x4"
+                    borderRadius="curved"
+                    backgroundColor="warning"
+                    style={{ opacity: 0.1 }}
+                  >
+                    <Text variant="paragraph-sm" color="warning">
+                      Fetching current ETH price...
+                    </Text>
+                  </Box>
+                )}
+
+                {/* Price Error */}
+                {priceError && (
+                  <Box
+                    p="x4"
+                    borderRadius="curved"
+                    backgroundColor="negative"
+                    style={{ opacity: 0.1 }}
+                  >
+                    <Text variant="paragraph-sm" color="negative">
+                      Unable to fetch ETH price: {priceError.message}. Please refresh the
+                      page.
+                    </Text>
+                  </Box>
+                )}
+
+                <Button
+                  variant="outline"
+                  borderRadius="curved"
+                  w="100%"
+                  type="submit"
+                  disabled={isDisabled || !formik.isValid}
+                >
+                  {formik.isSubmitting
+                    ? 'Adding Transaction to Queue...'
+                    : 'Add Transaction to Queue'}
+                </Button>
+              </Flex>
+            </Box>
+          )
+        }}
+      </Formik>
+    </Box>
+  )
+}
diff --git a/packages/create-proposal-ui/src/components/TransactionForm/CreatorCoin/index.ts b/packages/create-proposal-ui/src/components/TransactionForm/CreatorCoin/index.ts
new file mode 100644
index 000000000..da337f4e3
--- /dev/null
+++ b/packages/create-proposal-ui/src/components/TransactionForm/CreatorCoin/index.ts
@@ -0,0 +1 @@
+export * from './CreatorCoin'
diff --git a/packages/create-proposal-ui/src/components/TransactionForm/CreatorCoin/ipfsUploader.ts b/packages/create-proposal-ui/src/components/TransactionForm/CreatorCoin/ipfsUploader.ts
new file mode 100644
index 000000000..7ecbe5967
--- /dev/null
+++ b/packages/create-proposal-ui/src/components/TransactionForm/CreatorCoin/ipfsUploader.ts
@@ -0,0 +1,18 @@
+import { uploadFile } from '@buildeross/ipfs-service'
+import type { Uploader, UploadResult } from '@zoralabs/coins-sdk'
+
+/**
+ * Custom IPFS uploader that wraps uploadFile from ipfs-service
+ * and implements the Uploader interface from @zoralabs/coins-sdk
+ */
+export class IPFSUploader implements Uploader {
+  async upload(file: File): Promise<UploadResult> {
+    const result = await uploadFile(file)
+
+    return {
+      url: result.uri as `ipfs://${string}`,
+      size: file.size,
+      mimeType: file.type || undefined,
+    }
+  }
+}
diff --git a/packages/create-proposal-ui/src/components/TransactionForm/Escrow/EscrowDetailsDisplay.tsx b/packages/create-proposal-ui/src/components/TransactionForm/Escrow/EscrowDetailsDisplay.tsx
index 7b22fdb9e..aa6714bde 100644
--- a/packages/create-proposal-ui/src/components/TransactionForm/Escrow/EscrowDetailsDisplay.tsx
+++ b/packages/create-proposal-ui/src/components/TransactionForm/Escrow/EscrowDetailsDisplay.tsx
@@ -1,5 +1,6 @@
 import { Box, Stack, Text } from '@buildeross/zord'
 
+import { StickyPreviewContainer } from '../../StickyPreviewContainer'
 import { link } from './EscrowDetailsDisplay.css'
 
 export const EscrowDetailsDisplay: React.FC<{
@@ -7,21 +8,8 @@ export const EscrowDetailsDisplay: React.FC<{
   totalEscrowAmountWithSymbol?: string
 }> = ({ totalEscrowAmountWithSymbol, escrowAmountError }) => {
   return (
-    <Box
-      position={{ '@initial': 'relative', '@768': 'absolute' }}
-      style={{
-        height: '100%',
-        maxWidth: '100%',
-        '@media': {
-          '(min-width: 768px)': {
-            maxWidth: '50%',
-          },
-        },
-      }}
-      top={'x0'}
-      right={'x0'}
-    >
-      <Stack position={'sticky'} top={'x20'} right={'x0'} gap={'x5'} align="flex-end">
+    <StickyPreviewContainer align="flex-end">
+      <Stack gap={'x5'} align="flex-end">
         {escrowAmountError && (
           <Text variant="paragraph-sm" color="negative">
             {escrowAmountError}
@@ -66,6 +54,6 @@ export const EscrowDetailsDisplay: React.FC<{
           </a>
         </Box>
       </Stack>
-    </Box>
+    </StickyPreviewContainer>
   )
 }
diff --git a/packages/create-proposal-ui/src/components/TransactionForm/TransactionForm.tsx b/packages/create-proposal-ui/src/components/TransactionForm/TransactionForm.tsx
index 59b1ac2fb..42531f5c7 100644
--- a/packages/create-proposal-ui/src/components/TransactionForm/TransactionForm.tsx
+++ b/packages/create-proposal-ui/src/components/TransactionForm/TransactionForm.tsx
@@ -1,8 +1,10 @@
 import { TransactionType } from '@buildeross/types'
-import React, { ReactNode } from 'react'
+import { ReactNode } from 'react'
 
 import { AddArtwork } from './AddArtwork'
 import { Airdrop } from './Airdrop'
+import { ContentCoin } from './ContentCoin'
+import { CreatorCoin } from './CreatorCoin'
 import { CustomTransaction } from './CustomTransaction'
 import { Droposal } from './Droposal'
 import { Escrow } from './Escrow'
@@ -41,6 +43,8 @@ export const TRANSACTION_FORM_OPTIONS = [
   TransactionType.DROPOSAL,
   TransactionType.MIGRATION,
   TransactionType.CUSTOM,
+  TransactionType.CREATOR_COIN,
+  TransactionType.CONTENT_COIN,
 ] as const
 
 export const TransactionForm = ({ type }: TransactionFormProps) => {
@@ -61,6 +65,8 @@ export const TransactionForm = ({ type }: TransactionFormProps) => {
     [TransactionType.ADD_ARTWORK]: <AddArtwork />,
     [TransactionType.REPLACE_ARTWORK]: <ReplaceArtwork />,
     [TransactionType.MIGRATION]: <Migration />,
+    [TransactionType.CREATOR_COIN]: <CreatorCoin />,
+    [TransactionType.CONTENT_COIN]: <ContentCoin />,
   }
 
   return <>{FORMS[type]}</>
diff --git a/packages/dao-ui/src/components/Treasury/Treasury.tsx b/packages/dao-ui/src/components/Treasury/Treasury.tsx
index 9b412f92d..e9c192bbd 100644
--- a/packages/dao-ui/src/components/Treasury/Treasury.tsx
+++ b/packages/dao-ui/src/components/Treasury/Treasury.tsx
@@ -1,4 +1,5 @@
 import { SWR_KEYS } from '@buildeross/constants/swrKeys'
+import { useEthUsdPrice } from '@buildeross/hooks'
 import { SubgraphSDK } from '@buildeross/sdk/subgraph'
 import { useChainStore, useDaoStore } from '@buildeross/stores'
 import { ContractLink } from '@buildeross/ui/ContractLink'
@@ -24,13 +25,7 @@ export const Treasury = () => {
     chainId: chain.id,
   })
 
-  const { data: ethUsd } = useSWR(SWR_KEYS.ETH_USD, async () => {
-    const response = await fetch(
-      'https://api.coinbase.com/v2/exchange-rates?currency=ETH'
-    )
-    const json = await response.json()
-    return json.data.rates.USD
-  })
+  const { price: ethUsd } = useEthUsdPrice()
 
   const { data: earnings } = useSWR(
     chain && addresses.token
@@ -47,16 +42,16 @@ export const Treasury = () => {
   const formattedEarnings = earnings && formatCryptoVal(earnings)
 
   const ethToUsd = React.useMemo(() => {
-    if (!balance) return 0
+    if (!balance || !ethUsd) return 0
     const wei = balance.value
     const eth = formatEther(wei)
-    const usd = ((eth as any) * ethUsd).toFixed(2)
+    const usd = (Number(eth) * ethUsd).toFixed(2)
     const usdFormatted = numberFormatter(usd)
     return usdFormatted
   }, [balance, ethUsd])
 
   const treasuryBalance = React.useMemo(() => {
-    return balance?.value ? formatCryptoVal(formatEther(balance?.value)) : null
+    return balance?.value ? formatCryptoVal(formatEther(balance?.value)) : '0'
   }, [balance])
 
   return (
@@ -129,7 +124,7 @@ export const Treasury = () => {
           align={{ '@initial': 'start', '@768': 'center' }}
         >
           <Text className={statisticContent} fontWeight={'display'}>
-            ${ethToUsd ? ethToUsd : ' '}
+            ${ethToUsd ? ethToUsd : '0'}
           </Text>
           <Text
             variant="paragraph-md"
diff --git a/packages/hooks/src/index.ts b/packages/hooks/src/index.ts
index 568030c6e..1d49d8e4c 100644
--- a/packages/hooks/src/index.ts
+++ b/packages/hooks/src/index.ts
@@ -16,6 +16,7 @@ export * from './useEnsAvatar'
 export * from './useEnsData'
 export * from './useEnsName'
 export * from './useEscrowDelegate'
+export * from './useEthUsdPrice' // exports useEthUsdPrice and useCurrencyUsdPrice
 export * from './useExplore'
 export * from './useExploreUserDaos'
 export * from './useFallbackSrc'
@@ -37,6 +38,7 @@ export * from './useScrollDirection'
 export * from './useTimeout'
 export * from './useTokenBalances'
 export * from './useTokenMetadata'
+export * from './useTokenPrices'
 export * from './useTransactionSummary'
 export * from './useUserDaos'
 export * from './useVotes'
diff --git a/packages/hooks/src/useEthUsdPrice.ts b/packages/hooks/src/useEthUsdPrice.ts
new file mode 100644
index 000000000..c10a079d0
--- /dev/null
+++ b/packages/hooks/src/useEthUsdPrice.ts
@@ -0,0 +1,75 @@
+import { SWR_KEYS } from '@buildeross/constants/swrKeys'
+import useSWR, { type KeyedMutator } from 'swr'
+
+export type CurrencyUsdPriceReturnType = {
+  price: number | undefined
+  isValidating: boolean
+  isLoading: boolean
+  error: Error | undefined
+  mutate: KeyedMutator<number>
+}
+
+const fetchCurrencyUsdPrice = async (currency: string): Promise<number> => {
+  const response = await fetch(
+    `https://api.coinbase.com/v2/exchange-rates?currency=${currency}`
+  )
+  if (!response.ok) {
+    throw new Error(`Failed to fetch ${currency}/USD price`)
+  }
+  const json = await response.json()
+
+  // Validate that USD rate exists in the response
+  if (!json.data?.rates?.USD) {
+    throw new Error(
+      `USD rate not available for currency: ${currency}. Currency may not be supported by Coinbase.`
+    )
+  }
+
+  const priceString = json.data.rates.USD
+  const price = parseFloat(priceString)
+
+  // Validate that the parsed price is a valid number
+  if (isNaN(price)) {
+    throw new Error(`Invalid price value received for ${currency}/USD: ${priceString}`)
+  }
+
+  return price
+}
+
+/**
+ * Hook to fetch the current currency/USD exchange rate from Coinbase API
+ *
+ * @param currency - The currency code (e.g., 'ETH', 'ZORA', 'BTC'). Defaults to 'ETH'.
+ * @returns An object with the currency/USD price, loading states, error, and mutate function
+ */
+export const useCurrencyUsdPrice = (
+  currency: string = 'ETH'
+): CurrencyUsdPriceReturnType => {
+  const { data, error, isLoading, isValidating, mutate } = useSWR(
+    [SWR_KEYS.ETH_USD, currency],
+    async ([, _currency]) => fetchCurrencyUsdPrice(_currency),
+    {
+      revalidateOnFocus: false,
+      revalidateOnReconnect: false,
+      refreshInterval: 60000, // Refresh every 60 seconds
+    }
+  )
+
+  return {
+    price: data,
+    isLoading,
+    isValidating,
+    error,
+    mutate,
+  }
+}
+
+/**
+ * Hook to fetch the current ETH/USD exchange rate from Coinbase API
+ * This is a convenience wrapper around useCurrencyUsdPrice for backwards compatibility
+ *
+ * @returns An object with the ETH/USD price, loading states, error, and mutate function
+ */
+export const useEthUsdPrice = (): CurrencyUsdPriceReturnType => {
+  return useCurrencyUsdPrice('ETH')
+}
diff --git a/packages/hooks/src/useTokenPrices.ts b/packages/hooks/src/useTokenPrices.ts
new file mode 100644
index 000000000..9d6e03d4a
--- /dev/null
+++ b/packages/hooks/src/useTokenPrices.ts
@@ -0,0 +1,131 @@
+import {
+  ETH_ADDRESS,
+  TEST0_ADDRESS,
+  TEST1_ADDRESS,
+  ZORA_ADDRESS,
+} from '@buildeross/constants/addresses'
+import { BASE_URL } from '@buildeross/constants/baseUrl'
+import { SWR_KEYS } from '@buildeross/constants/swrKeys'
+import type { CHAIN_ID } from '@buildeross/types'
+import useSWR, { type KeyedMutator } from 'swr'
+import { type Address } from 'viem'
+
+export type TokenPrice = {
+  address: string
+  price: string // USD price as string
+}
+
+export type TokenPricesReturnType = {
+  prices: Record<string, number> | undefined // address -> USD price
+  isValidating: boolean
+  isLoading: boolean
+  error: Error | undefined
+  mutate: KeyedMutator<TokenPrice[]>
+}
+
+const fetchTokenPrices = async (
+  chainId: CHAIN_ID,
+  addresses: Address[]
+): Promise<TokenPrice[]> => {
+  const params = new URLSearchParams()
+  params.set('chainId', chainId.toString())
+  params.set('addresses', addresses.join(','))
+
+  const response = await fetch(
+    `${BASE_URL}/api/alchemy/token-prices?${params.toString()}`
+  )
+  if (!response.ok) {
+    throw new Error('Failed to fetch token prices')
+  }
+  const result = await response.json()
+  return result.data || []
+}
+
+/**
+ * Hook to fetch token prices in USD from Alchemy API
+ *
+ * @param chainId - The chain ID to fetch prices for
+ * @param addresses - Array of token addresses to fetch prices for (max 25)
+ * @returns An object with token prices mapped by address, loading states, and error
+ */
+export const useTokenPrices = (
+  chainId?: CHAIN_ID,
+  addresses?: Address[]
+): TokenPricesReturnType => {
+  const { data, error, isLoading, isValidating, mutate } = useSWR(
+    !!addresses && addresses.length > 0 && !!chainId
+      ? ([SWR_KEYS.TOKEN_PRICES, chainId, addresses.join(',')] as const)
+      : null,
+    async ([, _chainId, _addresses]) => {
+      const addressArray = (_addresses as string).split(',') as Address[]
+      return fetchTokenPrices(_chainId as CHAIN_ID, addressArray)
+    },
+    {
+      revalidateOnFocus: false,
+      revalidateOnReconnect: false,
+      refreshInterval: 60000, // Refresh every 60 seconds
+    }
+  )
+
+  // Convert array of TokenPrice to Record<address, number>
+  const pricesMap = data?.reduce(
+    (acc, tokenPrice) => {
+      acc[tokenPrice.address.toLowerCase()] = parseFloat(tokenPrice.price) || 0
+      return acc
+    },
+    {} as Record<string, number>
+  )
+
+  return {
+    prices: pricesMap,
+    isLoading,
+    isValidating,
+    error,
+    mutate,
+  }
+}
+
+/**
+ * Get the price for a specific token by address
+ * This is a synchronous helper that works with the hook's result
+ *
+ * @param prices - The prices map from useTokenPrices hook
+ * @param address - The token address
+ * @returns The price in USD, or null if not found
+ */
+export const getTokenPriceFromMap = (
+  prices: Record<string, number> | undefined,
+  address: string
+): number | null => {
+  if (!prices) return null
+  return prices[address.toLowerCase()] ?? null
+}
+
+/**
+ * Placeholder function for getting token price by address
+ * Used for backwards compatibility and SSR contexts
+ *
+ * @param address - The token address
+ * @returns Placeholder price or null
+ */
+export const getTokenPriceByAddress = (address: string): number | null => {
+  const lowerAddress = address.toLowerCase()
+
+  if (lowerAddress === ETH_ADDRESS.toLowerCase()) {
+    return 3000 // $3,000 per ETH (placeholder)
+  }
+
+  if (lowerAddress === ZORA_ADDRESS.toLowerCase()) {
+    return 0.05 // $0.050 per ZORA (placeholder)
+  }
+
+  if (lowerAddress === TEST0_ADDRESS.toLowerCase()) {
+    return 0.00001 // $0.00001 per TEST0 (placeholder)
+  }
+
+  if (lowerAddress === TEST1_ADDRESS.toLowerCase()) {
+    return 0.0000005 // $0.0000005 per TEST1 (placeholder)
+  }
+
+  return null
+}
diff --git a/packages/ipfs-service/src/upload.ts b/packages/ipfs-service/src/upload.ts
index 981b57fad..ccc7c129b 100644
--- a/packages/ipfs-service/src/upload.ts
+++ b/packages/ipfs-service/src/upload.ts
@@ -253,12 +253,16 @@ export async function uploadFile(
 ): Promise<IPFSUploadResponse> {
   console.info('ipfs-service/uploadFile: file:', file)
 
-  const { onProgress, cache, type } = {
+  const {
+    onProgress,
+    cache = true,
+    type = 'file',
+  } = {
     ...defaultOptions,
     ...options,
   }
 
-  const uploadType = (type ?? 'file') as UploadType
+  const uploadType = type as UploadType
   const uploadOptions = pinataOptions[uploadType]
 
   if (file.size > uploadOptions.max_file_size) {
diff --git a/packages/proposal-ui/src/constants/transactionTypes.ts b/packages/proposal-ui/src/constants/transactionTypes.ts
index 2aaae4b85..cc27a9203 100644
--- a/packages/proposal-ui/src/constants/transactionTypes.ts
+++ b/packages/proposal-ui/src/constants/transactionTypes.ts
@@ -131,4 +131,16 @@ export const TRANSACTION_TYPES: TransactionTypesPropsMap = {
     iconBackdrop: 'rgba(236, 113, 75, 0.1)',
     iconFill: 'warning',
   },
+  [TransactionType.CREATOR_COIN]: {
+    title: 'Creator Coin',
+    subTitle: 'Create a proposal to mint Creator Coin',
+    icon: 'collection',
+    iconBackdrop: 'rgba(0, 163, 255, 0.1)',
+  },
+  [TransactionType.CONTENT_COIN]: {
+    title: 'Content Coin',
+    subTitle: 'Create a proposal to mint Content Coin',
+    icon: 'collection',
+    iconBackdrop: 'rgba(0, 163, 255, 0.1)',
+  },
 }
diff --git a/packages/types/src/transaction.ts b/packages/types/src/transaction.ts
index 59089336c..bb8f99114 100644
--- a/packages/types/src/transaction.ts
+++ b/packages/types/src/transaction.ts
@@ -20,6 +20,8 @@ export enum TransactionType {
   WALLET_CONNECT = 'wallet-connect',
   ADD_ARTWORK = 'add-artwork',
   PIN_TREASURY_ASSET = 'pin-treasury-asset',
+  CREATOR_COIN = 'creator-coin',
+  CONTENT_COIN = 'content-coin',
 }
 
 export type Transaction = {
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 7a7be1c55..eaba2438f 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -13,7 +13,9 @@
     "react-portal": "^4.3.0",
     "rehype-raw": "^7.0.0",
     "rehype-sanitize": "^6.0.0",
-    "remark-gfm": "^4.0.1"
+    "remark-gfm": "^4.0.1",
+    "yup": "^1.6.1",
+    "zustand": "^5.0.4"
   },
   "devDependencies": {
     "@buildeross/constants": "workspace:*",
diff --git a/packages/ui/src/CoinForm/ClankerCoinFormFields.tsx b/packages/ui/src/CoinForm/ClankerCoinFormFields.tsx
new file mode 100644
index 000000000..de37a3322
--- /dev/null
+++ b/packages/ui/src/CoinForm/ClankerCoinFormFields.tsx
@@ -0,0 +1,257 @@
+import { FEE_CONFIG_OPTIONS, POOL_POSITION_OPTIONS } from '@buildeross/utils'
+import { Box, Flex, Stack, Text } from '@buildeross/zord'
+import React from 'react'
+
+import NumberInput from '../Fields/NumberInput'
+import SmartInput from '../Fields/SmartInput'
+import { FIELD_TYPES } from '../Fields/types'
+import { Toggle } from '../Toggle'
+import { CoinFormFields } from './CoinFormFields'
+import type { CoinFormFieldsProps } from './types'
+
+/**
+ * Extended coin form fields for Clanker deployment
+ * Includes all standard fields plus Clanker-specific configuration
+ */
+export const ClankerCoinFormFields: React.FC<CoinFormFieldsProps> = ({
+  formik,
+  showMediaUpload = false,
+  showProperties = false,
+  chainId,
+  showCurrencyInput = true,
+  currencyOptions,
+}) => {
+  const [showVaultSettings, setShowVaultSettings] = React.useState(false)
+
+  return (
+    <Stack gap="x4">
+      {/* Reuse existing coin form fields */}
+      <CoinFormFields
+        formik={formik}
+        showMediaUpload={showMediaUpload}
+        showProperties={showProperties}
+        showTargetFdv={true}
+        chainId={chainId}
+        showCurrencyInput={showCurrencyInput}
+        currencyOptions={currencyOptions}
+      />
+
+      {/* Clanker-specific configuration */}
+      <Box mt="x8">
+        <Text as="h3" variant="heading-sm" mb="x4">
+          Pool Configuration
+        </Text>
+
+        {/* Pool Configuration Dropdown */}
+        <Box mb="x6">
+          <Text as="label" htmlFor="poolConfig" variant="label-md" mb="x2">
+            Pool Type
+          </Text>
+          <Text variant="paragraph-sm" color="text3" mb="x2">
+            Choose a preset pool configuration or customize based on market cap. Project
+            pools are optimized for long-term projects.
+          </Text>
+          <Box
+            as="select"
+            id="poolConfig"
+            value={formik.values.poolConfig || POOL_POSITION_OPTIONS[0].value}
+            onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {
+              formik.setFieldValue('poolConfig', e.target.value)
+            }}
+            style={{
+              width: '100%',
+              padding: '12px',
+              border: '1px solid #e5e5e5',
+              borderRadius: '8px',
+              fontSize: '16px',
+              backgroundColor: 'white',
+            }}
+          >
+            {POOL_POSITION_OPTIONS.map((option) => (
+              <option key={option.value} value={option.value}>
+                {option.label} - {option.description}
+              </option>
+            ))}
+          </Box>
+        </Box>
+
+        {/* Fee Configuration Dropdown */}
+        <Box mb="x6">
+          <Text as="label" htmlFor="feeConfig" variant="label-md" mb="x2">
+            Fee Configuration
+          </Text>
+          <Text variant="paragraph-sm" color="text3" mb="x2">
+            Fee structure for trading. DynamicBasic adjusts fees based on trading volume.
+          </Text>
+          <Box
+            as="select"
+            id="feeConfig"
+            value={formik.values.feeConfig || FEE_CONFIG_OPTIONS[0].value}
+            onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {
+              formik.setFieldValue('feeConfig', e.target.value)
+            }}
+            style={{
+              width: '100%',
+              padding: '12px',
+              border: '1px solid #e5e5e5',
+              borderRadius: '8px',
+              fontSize: '16px',
+              backgroundColor: 'white',
+            }}
+          >
+            {FEE_CONFIG_OPTIONS.map((option) => (
+              <option key={option.value} value={option.value}>
+                {option.label} - {option.description}
+              </option>
+            ))}
+          </Box>
+        </Box>
+
+        {/* Dev Buy Amount */}
+        <Box>
+          <Text as="label" htmlFor="devBuyEthAmount" variant="label-md" mb="x2">
+            Initial Purchase (ETH)
+          </Text>
+          <Text variant="paragraph-sm" color="text3" mb="x2">
+            Optional: Amount of ETH to automatically purchase on deployment (e.g., 0.1
+            ETH)
+          </Text>
+          <NumberInput
+            id="devBuyEthAmount"
+            value={formik.values.devBuyEthAmount ?? ''}
+            onChange={formik.handleChange}
+            placeholder="0.1"
+            useTextInput={true}
+            errorMessage={
+              formik.touched.devBuyEthAmount && formik.errors.devBuyEthAmount
+                ? formik.errors.devBuyEthAmount
+                : undefined
+            }
+            hasError={!!(formik.touched.devBuyEthAmount && formik.errors.devBuyEthAmount)}
+          />
+        </Box>
+      </Box>
+
+      {/* Vault Settings Section */}
+      <Box mt="x8">
+        <Flex justify="space-between" align="center" mb="x4">
+          <Text as="h3" variant="heading-sm">
+            Vault Settings
+          </Text>
+          <Toggle
+            on={showVaultSettings}
+            onToggle={() => setShowVaultSettings(!showVaultSettings)}
+          />
+        </Flex>
+
+        {showVaultSettings && (
+          <Stack gap="x4">
+            <Text variant="paragraph-sm" color="text3" mb="x2">
+              Configure token lockup and vesting for the DAO treasury
+            </Text>
+
+            {/* Vault Percentage */}
+            <Box>
+              <Text as="label" htmlFor="vaultPercentage" variant="label-md" mb="x2">
+                Vault Allocation (%)
+              </Text>
+              <Text variant="paragraph-sm" color="text3" mb="x2">
+                Percentage of token supply locked in vault for the DAO (1-90%). Default:
+                10%
+              </Text>
+              <NumberInput
+                id="vaultPercentage"
+                value={formik.values.vaultPercentage ?? 10}
+                onChange={formik.handleChange}
+                placeholder="10"
+                step="1"
+                min="1"
+                max="90"
+                errorMessage={
+                  formik.touched.vaultPercentage && formik.errors.vaultPercentage
+                    ? formik.errors.vaultPercentage
+                    : undefined
+                }
+                hasError={
+                  !!(formik.touched.vaultPercentage && formik.errors.vaultPercentage)
+                }
+              />
+            </Box>
+
+            {/* Lockup Duration */}
+            <Box>
+              <Text as="label" htmlFor="lockupDuration" variant="label-md" mb="x2">
+                Lockup Period (days)
+              </Text>
+              <Text variant="paragraph-sm" color="text3" mb="x2">
+                How long tokens are locked before vesting begins (minimum 7 days).
+                Default: 30 days
+              </Text>
+              <NumberInput
+                id="lockupDuration"
+                value={formik.values.lockupDuration ?? 30}
+                onChange={formik.handleChange}
+                placeholder="30"
+                step="1"
+                min="7"
+                errorMessage={
+                  formik.touched.lockupDuration && formik.errors.lockupDuration
+                    ? formik.errors.lockupDuration
+                    : undefined
+                }
+                hasError={
+                  !!(formik.touched.lockupDuration && formik.errors.lockupDuration)
+                }
+              />
+            </Box>
+
+            {/* Vesting Duration */}
+            <Box>
+              <Text as="label" htmlFor="vestingDuration" variant="label-md" mb="x2">
+                Vesting Period (days)
+              </Text>
+              <Text variant="paragraph-sm" color="text3" mb="x2">
+                How long tokens take to fully vest after lockup (can be 0 for instant).
+                Default: 30 days
+              </Text>
+              <NumberInput
+                id="vestingDuration"
+                value={formik.values.vestingDuration ?? 30}
+                onChange={formik.handleChange}
+                placeholder="30"
+                step="1"
+                min="0"
+                errorMessage={
+                  formik.touched.vestingDuration && formik.errors.vestingDuration
+                    ? formik.errors.vestingDuration
+                    : undefined
+                }
+                hasError={
+                  !!(formik.touched.vestingDuration && formik.errors.vestingDuration)
+                }
+              />
+            </Box>
+
+            {/* Vault Recipient (Optional) */}
+            <SmartInput
+              id="vaultRecipient"
+              type={FIELD_TYPES.TEXT}
+              value={formik.values.vaultRecipient || ''}
+              onChange={formik.handleChange}
+              inputLabel="Vault Recipient Address (Optional)"
+              placeholder="0x..."
+              helperText="Custom address to receive vaulted tokens. Defaults to DAO treasury if not specified."
+              isAddress={true}
+              errorMessage={
+                formik.touched.vaultRecipient && formik.errors.vaultRecipient
+                  ? formik.errors.vaultRecipient
+                  : undefined
+              }
+              formik={formik}
+            />
+          </Stack>
+        )}
+      </Box>
+    </Stack>
+  )
+}
diff --git a/packages/ui/src/CoinForm/CoinForm.schema.ts b/packages/ui/src/CoinForm/CoinForm.schema.ts
new file mode 100644
index 000000000..64591ff9c
--- /dev/null
+++ b/packages/ui/src/CoinForm/CoinForm.schema.ts
@@ -0,0 +1,129 @@
+import * as yup from 'yup'
+
+export const coinFormSchema = yup.object({
+  name: yup
+    .string()
+    .required('Name is required')
+    .min(1, 'Name must be at least 1 character')
+    .max(100, 'Name must be less than 100 characters'),
+  symbol: yup
+    .string()
+    .required('Symbol is required')
+    .min(1, 'Symbol must be at least 1 character')
+    .max(10, 'Symbol must be less than 10 characters')
+    .matches(
+      /^[A-Z0-9$]+$/,
+      'Symbol must only contain uppercase letters, numbers, and $'
+    ),
+  description: yup
+    .string()
+    .required('Description is required')
+    .min(1, 'Description must be at least 1 character')
+    .max(1000, 'Description must be less than 1000 characters'),
+  imageUrl: yup.string().when('imageFile', {
+    is: (imageFile: File | undefined) => !imageFile,
+    then: (schema) => schema.required('Image is required'),
+    otherwise: (schema) => schema,
+  }),
+  imageFile: yup.mixed<File>(),
+  mediaUrl: yup.string(),
+  mediaFile: yup.mixed<File>(),
+  mediaMimeType: yup.string(),
+  properties: yup
+    .object()
+    .test(
+      'valid-properties',
+      'All property keys and values must be strings',
+      function (value) {
+        if (!value) return true
+
+        for (const [key, val] of Object.entries(value)) {
+          if (typeof key !== 'string' || typeof val !== 'string') {
+            return false
+          }
+        }
+        return true
+      }
+    ),
+  currency: yup.string(),
+  customCurrency: yup
+    .string()
+    .test('is-address', 'Must be a valid Ethereum address', function (value) {
+      // Only validate if currency is set to "custom"
+      if (this.parent.currency !== 'custom') return true
+      if (!value) return this.createError({ message: 'Custom token address is required' })
+      return /^0x[a-fA-F0-9]{40}$/.test(value)
+    }),
+  targetFdvUsd: yup
+    .number()
+    .transform((value, originalValue) => {
+      if (originalValue === '' || originalValue === null || originalValue === undefined) {
+        return 6364000 // default value (geometric center of $27K-$1.5B)
+      }
+      const num = Number(originalValue)
+      return isNaN(num) ? originalValue : num
+    })
+    .positive('Target FDV must be a positive number')
+    .min(1000, 'Target FDV must be at least $1,000')
+    .default(6364000)
+    .typeError('Target FDV must be a valid number'),
+  // Clanker-specific fields
+  poolConfig: yup.string(),
+  feeConfig: yup.string(),
+  vaultPercentage: yup
+    .number()
+    .transform((value, originalValue) => {
+      if (originalValue === '' || originalValue === null || originalValue === undefined) {
+        return 10 // default value
+      }
+      const num = Number(originalValue)
+      return isNaN(num) ? originalValue : num
+    })
+    .min(1, 'Vault percentage must be at least 1%')
+    .max(90, 'Vault percentage cannot exceed 90%')
+    .default(10)
+    .typeError('Vault percentage must be a valid number'),
+  lockupDuration: yup
+    .number()
+    .transform((value, originalValue) => {
+      if (originalValue === '' || originalValue === null || originalValue === undefined) {
+        return 30 // default value
+      }
+      const num = Number(originalValue)
+      return isNaN(num) ? originalValue : num
+    })
+    .min(7, 'Lockup duration must be at least 7 days')
+    .default(30)
+    .typeError('Lockup duration must be a valid number'),
+  vestingDuration: yup
+    .number()
+    .transform((value, originalValue) => {
+      if (originalValue === '' || originalValue === null || originalValue === undefined) {
+        return 30 // default value
+      }
+      const num = Number(originalValue)
+      return isNaN(num) ? originalValue : num
+    })
+    .min(0, 'Vesting duration cannot be negative')
+    .default(30)
+    .typeError('Vesting duration must be a valid number'),
+  vaultRecipient: yup
+    .string()
+    .test('is-address', 'Must be a valid Ethereum address', function (value) {
+      if (!value) return true // optional field
+      return /^0x[a-fA-F0-9]{40}$/.test(value)
+    }),
+  devBuyEthAmount: yup
+    .number()
+    .transform((value, originalValue) => {
+      // Convert empty string to undefined
+      if (originalValue === '' || originalValue === null || originalValue === undefined) {
+        return undefined
+      }
+      // Convert string to number
+      const num = Number(originalValue)
+      return isNaN(num) ? originalValue : num
+    })
+    .min(0, 'Dev buy amount cannot be negative')
+    .typeError('Dev buy amount must be a valid number'),
+})
diff --git a/packages/ui/src/CoinForm/CoinFormFields.tsx b/packages/ui/src/CoinForm/CoinFormFields.tsx
new file mode 100644
index 000000000..9cbd17080
--- /dev/null
+++ b/packages/ui/src/CoinForm/CoinFormFields.tsx
@@ -0,0 +1,332 @@
+import {
+  ETH_ADDRESS,
+  TEST0_ADDRESS,
+  TEST1_ADDRESS,
+  ZORA_ADDRESS,
+} from '@buildeross/constants'
+import { CHAIN_ID } from '@buildeross/types'
+import { Box, Flex, Stack, Text } from '@buildeross/zord'
+import React from 'react'
+
+import NumberInput from '../Fields/NumberInput'
+import TextArea from '../Fields/TextArea'
+import TextInput from '../Fields/TextInput'
+import { SingleImageUpload } from '../SingleImageUpload/SingleImageUpload'
+import { SingleMediaUpload } from '../SingleMediaUpload/SingleMediaUpload'
+import { Toggle } from '../Toggle'
+import type { CoinFormFieldsProps, CurrencyOption } from './types'
+
+// Currency options based on chain
+const BASE_MAINNET_CHAIN_ID = CHAIN_ID.BASE
+const BASE_SEPOLIA_CHAIN_ID = CHAIN_ID.BASE_SEPOLIA
+
+export const CoinFormFields: React.FC<CoinFormFieldsProps> = ({
+  formik,
+  showMediaUpload = false,
+  showProperties = false,
+  showTargetFdv = false,
+  chainId,
+  showCurrencyInput = true,
+  currencyOptions: defaultCurrencyOptions,
+}) => {
+  const [showAdvancedFdv, setShowAdvancedFdv] = React.useState(false)
+  // Determine available currency options based on chain
+  const isBaseSepolia = chainId === BASE_SEPOLIA_CHAIN_ID
+  const isBaseMainnet = chainId === BASE_MAINNET_CHAIN_ID
+
+  const currencyOptions: CurrencyOption[] = React.useMemo(() => {
+    if (defaultCurrencyOptions) {
+      return defaultCurrencyOptions
+    }
+    if (isBaseSepolia) {
+      return [{ value: ETH_ADDRESS, label: 'ETH' }]
+    }
+    if (isBaseMainnet) {
+      return [
+        { value: ETH_ADDRESS, label: 'ETH' },
+        { value: ZORA_ADDRESS, label: 'ZORA' },
+        { value: TEST0_ADDRESS, label: 'TEST0' },
+        { value: TEST1_ADDRESS, label: 'TEST1' },
+      ]
+    }
+    return [{ value: ETH_ADDRESS, label: 'ETH' }]
+  }, [isBaseSepolia, isBaseMainnet, defaultCurrencyOptions])
+
+  // Handle media upload to store mime type
+  const handleMediaUploadStart = React.useCallback(
+    (file: File) => {
+      formik.setFieldValue('mediaMimeType', file.type)
+    },
+    [formik]
+  )
+
+  return (
+    <Stack gap="x4">
+      {/* Name Field */}
+      <TextInput
+        id="name"
+        value={formik.values.name}
+        onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+          const name = e.target.value
+          formik.handleChange(e)
+
+          // Auto-generate symbol if it's empty or hasn't been manually touched
+          if (!formik.touched.symbol || !formik.values.symbol) {
+            const generatedSymbol = `$${name
+              .toUpperCase()
+              .replace(/[AEIOU\s]/g, '')
+              .slice(0, 4)}`
+            formik.setFieldValue('symbol', generatedSymbol)
+          }
+        }}
+        inputLabel="Coin Name"
+        placeholder="My Creator Coin"
+        helperText="The display name for your coin (1-100 characters)"
+        errorMessage={
+          formik.touched.name && formik.errors.name ? formik.errors.name : undefined
+        }
+        formik={formik}
+      />
+
+      {/* Symbol Field */}
+      <TextInput
+        id="symbol"
+        value={formik.values.symbol}
+        onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+          const value = e.target.value.toUpperCase()
+          formik.setFieldValue('symbol', value)
+        }}
+        inputLabel="Symbol"
+        placeholder="COIN"
+        helperText="A short ticker symbol for your coin (1-10 uppercase letters/numbers). Auto-generated from name but you can customize it."
+        errorMessage={
+          formik.touched.symbol && formik.errors.symbol ? formik.errors.symbol : undefined
+        }
+        formik={formik}
+      />
+
+      {/* Description Field */}
+      <TextArea
+        id="description"
+        value={formik.values.description}
+        onChange={formik.handleChange}
+        onBlur={formik.handleBlur}
+        inputLabel="Description"
+        placeholder="Describe your creator coin..."
+        helperText="Provide a detailed description of your creator coin"
+        errorMessage={
+          formik.touched.description && formik.errors.description
+            ? formik.errors.description
+            : undefined
+        }
+        formik={formik}
+      />
+
+      {/* Currency Selection */}
+      {showCurrencyInput && (
+        <Stack gap="x4">
+          <Box>
+            <Text as="label" htmlFor="currency" variant="label-md" mb="x2">
+              Base Currency
+            </Text>
+            <Text variant="paragraph-sm" color="text3" mb="x2">
+              Select the currency for the creator coin pool
+            </Text>
+            <Box
+              as="select"
+              id="currency"
+              value={formik.values.currency || ETH_ADDRESS}
+              onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {
+                formik.setFieldValue('currency', e.target.value)
+              }}
+              style={{
+                width: '100%',
+                padding: '12px',
+                border: '1px solid #e5e5e5',
+                borderRadius: '8px',
+                fontSize: '16px',
+                backgroundColor: 'white',
+              }}
+            >
+              {currencyOptions.map((option) => (
+                <option
+                  key={option.value}
+                  value={option.value}
+                  disabled={option.disabled}
+                >
+                  {option.label}
+                </option>
+              ))}
+            </Box>
+          </Box>
+
+          {/* Custom Currency Address Input - show when "custom" is selected */}
+          {formik.values.currency === '0xcustom' && (
+            <Box>
+              <TextInput
+                id="customCurrency"
+                value={formik.values.customCurrency || ''}
+                onChange={formik.handleChange}
+                inputLabel="Custom Token Address"
+                placeholder="0x..."
+                helperText="Enter the ERC20 token contract address to use as base currency"
+                errorMessage={
+                  formik.touched.customCurrency && formik.errors.customCurrency
+                    ? formik.errors.customCurrency
+                    : undefined
+                }
+                formik={formik}
+              />
+            </Box>
+          )}
+        </Stack>
+      )}
+
+      {/* Image Upload */}
+      <SingleImageUpload
+        formik={formik}
+        id="imageUrl"
+        inputLabel="Coin Image"
+        helperText="Upload an image for your coin (JPG, PNG, SVG, WebP)"
+        value={formik.values.imageUrl}
+        size="lg"
+      />
+
+      {/* Optional Media Upload */}
+      {showMediaUpload && (
+        <SingleMediaUpload
+          formik={formik}
+          id="mediaUrl"
+          inputLabel="Media (Optional)"
+          helperText="Upload additional media content (video, audio, etc.)"
+          value={formik.values.mediaUrl || ''}
+          onUploadStart={handleMediaUploadStart}
+        />
+      )}
+
+      {/* Optional Properties/Attributes */}
+      {showProperties && (
+        <Box>
+          <Text as="label" variant="label-md" mb="x2">
+            Custom Properties (Optional)
+          </Text>
+          <Text variant="paragraph-sm" color="text3" mb="x2">
+            Add custom key-value pairs as metadata attributes
+          </Text>
+          <Flex direction="column" gap="x2">
+            {Object.entries(formik.values.properties || {}).map(([key, value], index) => (
+              <Flex key={index} gap="x2">
+                <TextInput
+                  id={`property-key-${index}`}
+                  value={key}
+                  onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+                    const newProps = { ...formik.values.properties }
+                    delete newProps[key]
+                    newProps[e.target.value] = value as string
+                    formik.setFieldValue('properties', newProps)
+                  }}
+                  placeholder="Key"
+                  formik={formik}
+                />
+                <TextInput
+                  id={`property-value-${index}`}
+                  value={value as string}
+                  onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+                    const newProps = { ...formik.values.properties }
+                    newProps[key] = e.target.value
+                    formik.setFieldValue('properties', newProps)
+                  }}
+                  placeholder="Value"
+                  formik={formik}
+                />
+              </Flex>
+            ))}
+            <Box
+              as="button"
+              type="button"
+              onClick={() => {
+                const newProps = { ...formik.values.properties, '': '' }
+                formik.setFieldValue('properties', newProps)
+              }}
+              style={{
+                padding: '8px',
+                border: '1px dashed #e5e5e5',
+                borderRadius: '8px',
+                background: 'transparent',
+                cursor: 'pointer',
+              }}
+            >
+              + Add Property
+            </Box>
+          </Flex>
+        </Box>
+      )}
+
+      {/* Advanced Pool Settings Section */}
+      {showTargetFdv && (
+        <Box mt="x8">
+          <Flex justify="space-between" align="center" mb="x4">
+            <Text as="h3" variant="heading-sm">
+              Advanced Pool Settings
+            </Text>
+            <Toggle
+              on={showAdvancedFdv}
+              onToggle={() => setShowAdvancedFdv(!showAdvancedFdv)}
+            />
+          </Flex>
+
+          {showAdvancedFdv && (
+            <Stack gap="x4">
+              <Text variant="paragraph-sm" color="text3" mb="x2">
+                Configure the target market cap for your token's liquidity pool. The pool
+                will distribute liquidity geometrically around this central value.
+              </Text>
+
+              {/* Target FDV */}
+              <Box>
+                <Text as="label" htmlFor="targetFdvUsd" variant="label-md" mb="x2">
+                  Target Market Cap (USD)
+                </Text>
+                <Text variant="paragraph-sm" color="text3" mb="x2">
+                  The geometric center for liquidity distribution. Default: $6,364,000
+                  (spreads to $27K-$1.5B range)
+                </Text>
+                <NumberInput
+                  id="targetFdvUsd"
+                  value={formik.values.targetFdvUsd ?? 6364000}
+                  onChange={formik.handleChange}
+                  placeholder="6364000"
+                  step="100000"
+                  min="1000"
+                  useTextInput={true}
+                  errorMessage={
+                    formik.touched.targetFdvUsd && formik.errors.targetFdvUsd
+                      ? formik.errors.targetFdvUsd
+                      : undefined
+                  }
+                  hasError={!!(formik.touched.targetFdvUsd && formik.errors.targetFdvUsd)}
+                />
+
+                {/* Display calculated range */}
+                {formik.values.targetFdvUsd && (
+                  <Box mt="x2">
+                    <Text variant="paragraph-sm" color="text3">
+                      Liquidity Range: $
+                      {Math.round(
+                        (formik.values.targetFdvUsd ?? 6364000) / 235.7
+                      ).toLocaleString('en-US')}{' '}
+                      - $
+                      {Math.round(
+                        (formik.values.targetFdvUsd ?? 6364000) * 235.7
+                      ).toLocaleString('en-US')}
+                    </Text>
+                  </Box>
+                )}
+              </Box>
+            </Stack>
+          )}
+        </Box>
+      )}
+    </Stack>
+  )
+}
diff --git a/packages/ui/src/CoinForm/index.ts b/packages/ui/src/CoinForm/index.ts
new file mode 100644
index 000000000..537282660
--- /dev/null
+++ b/packages/ui/src/CoinForm/index.ts
@@ -0,0 +1,4 @@
+export { ClankerCoinFormFields } from './ClankerCoinFormFields'
+export { coinFormSchema } from './CoinForm.schema'
+export { CoinFormFields } from './CoinFormFields'
+export type { CoinFormFieldsProps, CoinFormValues } from './types'
diff --git a/packages/ui/src/CoinForm/types.ts b/packages/ui/src/CoinForm/types.ts
new file mode 100644
index 000000000..002e03b25
--- /dev/null
+++ b/packages/ui/src/CoinForm/types.ts
@@ -0,0 +1,40 @@
+import type { AddressType } from '@buildeross/types'
+
+export type CoinFormValues = {
+  name: string
+  symbol: string
+  description: string
+  imageUrl?: string
+  mediaFile?: File
+  mediaUrl?: string
+  mediaMimeType?: string
+  properties?: Record<string, string>
+  currency?: string
+  customCurrency?: string // Custom ERC20 token address when currency is "custom"
+  targetFdvUsd?: number // Target fully diluted valuation for pool configuration
+  // Clanker-specific fields
+  poolConfig?: string
+  feeConfig?: string
+  vaultPercentage?: number
+  lockupDuration?: number // in days
+  vestingDuration?: number // in days
+  vaultRecipient?: string
+  devBuyEthAmount?: number
+}
+
+export type CurrencyOption = {
+  value: AddressType
+  label: string
+  disabled?: boolean
+}
+
+export type CoinFormFieldsProps = {
+  formik: any // FormikProps<CoinFormValues>
+  showMediaUpload?: boolean
+  showProperties?: boolean
+  showTargetFdv?: boolean
+  initialValues?: Partial<CoinFormValues>
+  chainId?: number
+  showCurrencyInput?: boolean
+  currencyOptions?: CurrencyOption[]
+}
diff --git a/packages/ui/src/ContentPostPreview/ContentPostPreview.css.ts b/packages/ui/src/ContentPostPreview/ContentPostPreview.css.ts
new file mode 100644
index 000000000..3794995c8
--- /dev/null
+++ b/packages/ui/src/ContentPostPreview/ContentPostPreview.css.ts
@@ -0,0 +1,12 @@
+import { style } from '@vanilla-extract/css'
+
+export const previewContainer = style({
+  position: 'relative',
+  width: '100%',
+  '@media': {
+    '(min-width: 1024px)': {
+      position: 'sticky',
+      top: '24px',
+    },
+  },
+})
diff --git a/packages/ui/src/ContentPostPreview/ContentPostPreview.tsx b/packages/ui/src/ContentPostPreview/ContentPostPreview.tsx
new file mode 100644
index 000000000..7a1d2a216
--- /dev/null
+++ b/packages/ui/src/ContentPostPreview/ContentPostPreview.tsx
@@ -0,0 +1,116 @@
+import { CHAIN_ID } from '@buildeross/types'
+import { Box, Stack, Text } from '@buildeross/zord'
+import React from 'react'
+
+import { MediaPreview } from '../MediaPreview'
+import * as styles from './ContentPostPreview.css'
+
+export interface ContentPostPreviewProps {
+  name: string
+  symbol: string
+  description: string
+  imageUrl?: string
+  mediaUrl?: string
+  mediaMimeType?: string
+  chainId: CHAIN_ID
+  daoName?: string
+}
+
+export const ContentPostPreview: React.FC<ContentPostPreviewProps> = ({
+  name,
+  description,
+  imageUrl,
+  mediaUrl,
+  mediaMimeType,
+}) => {
+  // Determine which media to show - prefer mediaUrl over imageUrl
+  const displayMediaUrl = mediaUrl || imageUrl
+  const displayMediaType = mediaUrl ? mediaMimeType : 'image/png'
+
+  return (
+    <Box
+      borderRadius="curved"
+      borderStyle="solid"
+      borderWidth="normal"
+      borderColor="border"
+      backgroundColor="background1"
+      p="x4"
+      className={styles.previewContainer}
+    >
+      <Stack gap="x4">
+        {/* Preview Header */}
+        <Box>
+          <Text fontSize="16" fontWeight="label" color="text3">
+            Preview
+          </Text>
+        </Box>
+
+        {/* Content Card */}
+        <Stack gap="x3">
+          {/* Title */}
+          {name && (
+            <Text fontSize="18" fontWeight="display" color="text1">
+              {name}
+            </Text>
+          )}
+
+          {/* Media Display */}
+          {displayMediaUrl && (
+            <Box
+              borderRadius="curved"
+              overflow="hidden"
+              backgroundColor="background2"
+              style={{ width: '100%', aspectRatio: '1 / 1' }}
+            >
+              <MediaPreview
+                mediaUrl={displayMediaUrl}
+                mediaType={displayMediaType}
+                coverUrl={imageUrl}
+                width="100%"
+                height="100%"
+              />
+            </Box>
+          )}
+
+          {/* Description */}
+          {description && (
+            <Box
+              p="x4"
+              borderRadius="curved"
+              backgroundColor="border"
+              style={{
+                maxHeight: '300px',
+                overflow: 'auto',
+              }}
+            >
+              <Text fontSize="14" color="text2" style={{ whiteSpace: 'pre-wrap' }}>
+                {description}
+              </Text>
+            </Box>
+          )}
+
+          {/* Empty State */}
+          {!name && !displayMediaUrl && !description && (
+            <Box
+              p="x6"
+              borderRadius="curved"
+              backgroundColor="background2"
+              style={{ textAlign: 'center' }}
+            >
+              <Text fontSize="14" color="text3">
+                Fill in the form to see your post preview
+              </Text>
+            </Box>
+          )}
+        </Stack>
+
+        {/* Info */}
+        <Box p="x3" borderRadius="curved" backgroundColor="background2">
+          <Text fontSize="12" color="text3">
+            This is how your content post will appear to collectors
+          </Text>
+        </Box>
+      </Stack>
+    </Box>
+  )
+}
diff --git a/packages/ui/src/ContentPostPreview/index.ts b/packages/ui/src/ContentPostPreview/index.ts
new file mode 100644
index 000000000..ff5086f2c
--- /dev/null
+++ b/packages/ui/src/ContentPostPreview/index.ts
@@ -0,0 +1,2 @@
+export type { ContentPostPreviewProps } from './ContentPostPreview'
+export { ContentPostPreview } from './ContentPostPreview'
diff --git a/packages/ui/src/DecodedTransactions/ArgumentDisplay/ArgumentDisplay.tsx b/packages/ui/src/DecodedTransactions/ArgumentDisplay/ArgumentDisplay.tsx
index 8cfd68de6..82db04ed1 100644
--- a/packages/ui/src/DecodedTransactions/ArgumentDisplay/ArgumentDisplay.tsx
+++ b/packages/ui/src/DecodedTransactions/ArgumentDisplay/ArgumentDisplay.tsx
@@ -15,6 +15,7 @@ import { BaseArgumentDisplay } from './BaseArgumentDisplay'
 import { ERC20ArgumentDisplay } from './ERC20ArgumentDisplay'
 import { EscrowArgumentDisplay } from './EscrowArgumentDisplay'
 import { NFTArgumentDisplay } from './NFTArgumentDisplay'
+import { PoolConfigArgumentDisplay } from './PoolConfigArgumentDisplay'
 
 const toLower = (str: string) => str.toLowerCase()
 
@@ -56,6 +57,14 @@ export const ArgumentDisplay: React.FC<ArgumentDisplayProps> = ({
     return <ERC20ArgumentDisplay arg={arg} tokenMetadata={tokenMetadata} />
   }
 
+  // Check if this is a pool config argument for deploy functions
+  if (
+    (functionName === 'deploy' || functionName === 'deployCreatorCoin') &&
+    arg.name === 'poolConfig'
+  ) {
+    return <PoolConfigArgumentDisplay arg={arg} />
+  }
+
   // Check if this is an escrow argument
   const isEscrowTarget =
     toLower(target) === toLower(getEscrowBundler(chainId)) ||
diff --git a/packages/ui/src/DecodedTransactions/ArgumentDisplay/PoolConfigArgumentDisplay.tsx b/packages/ui/src/DecodedTransactions/ArgumentDisplay/PoolConfigArgumentDisplay.tsx
new file mode 100644
index 000000000..f17e82aad
--- /dev/null
+++ b/packages/ui/src/DecodedTransactions/ArgumentDisplay/PoolConfigArgumentDisplay.tsx
@@ -0,0 +1,99 @@
+import { DecodedArg } from '@buildeross/types'
+import { decodePoolConfig } from '@buildeross/utils/poolConfig'
+import { Flex, Stack, Text } from '@buildeross/zord'
+import React from 'react'
+import { formatUnits } from 'viem'
+
+import { BaseArgumentDisplay } from './BaseArgumentDisplay'
+
+interface PoolConfigArgumentDisplayProps {
+  arg: DecodedArg
+}
+
+export const PoolConfigArgumentDisplay: React.FC<PoolConfigArgumentDisplayProps> = ({
+  arg,
+}) => {
+  const decodedConfig = React.useMemo(() => {
+    if (!arg.value || typeof arg.value !== 'string' || !arg.value.startsWith('0x')) {
+      return null
+    }
+
+    try {
+      return decodePoolConfig(arg.value as `0x${string}`)
+    } catch (e) {
+      console.warn('Failed to decode pool config', e)
+      return null
+    }
+  }, [arg.value])
+
+  if (!decodedConfig) {
+    return <BaseArgumentDisplay name={arg.name} value={arg.value} />
+  }
+
+  const {
+    version,
+    currency,
+    tickLower,
+    tickUpper,
+    numDiscoveryPositions,
+    maxDiscoverySupplyShare,
+  } = decodedConfig
+
+  return (
+    <>
+      <Flex wrap="wrap" align="flex-start">
+        <Text pr="x1" style={{ flexShrink: 0 }}>
+          {arg.name}:
+        </Text>
+        <Text>{'{'}</Text>
+      </Flex>
+      <Stack pl="x4" gap="x1">
+        <BaseArgumentDisplay name="version" value={String(version)} />
+        <BaseArgumentDisplay name="currency" value={currency} />
+
+        {/* Display tickLower array */}
+        <Flex wrap="wrap" align="flex-start">
+          <Text pr="x1" style={{ flexShrink: 0 }}>
+            tickLower:
+          </Text>
+          <Text>[{tickLower.join(', ')}]</Text>
+        </Flex>
+
+        {/* Display tickUpper array */}
+        <Flex wrap="wrap" align="flex-start">
+          <Text pr="x1" style={{ flexShrink: 0 }}>
+            tickUpper:
+          </Text>
+          <Text>[{tickUpper.join(', ')}]</Text>
+        </Flex>
+
+        {/* Display numDiscoveryPositions array */}
+        <Flex wrap="wrap" align="flex-start">
+          <Text pr="x1" style={{ flexShrink: 0 }}>
+            numDiscoveryPositions:
+          </Text>
+          <Text>[{numDiscoveryPositions.join(', ')}]</Text>
+        </Flex>
+
+        {/* Display maxDiscoverySupplyShare array with percentage formatting */}
+        <Flex wrap="wrap" align="flex-start">
+          <Text pr="x1" style={{ flexShrink: 0 }}>
+            maxDiscoverySupplyShare:
+          </Text>
+          <Text>
+            [
+            {maxDiscoverySupplyShare
+              .map((share, i) => {
+                const percentage = formatUnits(share, 18)
+                const percentageNum = (parseFloat(percentage) * 100).toFixed(2)
+                return `${percentageNum}%${i < maxDiscoverySupplyShare.length - 1 ? ', ' : ''}`
+              })
+              .join('')}
+            ]
+          </Text>
+        </Flex>
+      </Stack>
+      <Text>{'}'}</Text>
+    </>
+  )
+}
diff --git a/packages/ui/src/Fields/NumberInput.tsx b/packages/ui/src/Fields/NumberInput.tsx
index c188d14e9..7dd05625b 100644
--- a/packages/ui/src/Fields/NumberInput.tsx
+++ b/packages/ui/src/Fields/NumberInput.tsx
@@ -15,6 +15,7 @@ interface NumberInputProps extends InputHTMLAttributes<HTMLInputElement> {
   errorMessage?: string
   hasError?: boolean
   disableWheelEvent?: boolean
+  useTextInput?: boolean // Use text input with inputMode for better decimal support
 }
 
 const NumberInput = ({
@@ -24,8 +25,18 @@ const NumberInput = ({
   hasError,
   value,
   disableWheelEvent = true,
+  useTextInput = false,
   ...rest
 }: NumberInputProps) => {
+  // For text-based numeric input, ensure value is always a string
+  const displayValue = useTextInput
+    ? value === null || value === undefined
+      ? ''
+      : String(value)
+    : Number.isNaN(value)
+      ? ''
+      : value
+
   return (
     <Box as="fieldset" className={defaultFieldsetStyle}>
       {errorMessage && (
@@ -40,8 +51,9 @@ const NumberInput = ({
       )}
       <input
         {...rest}
-        type="number"
-        value={Number.isNaN(value) ? '' : value}
+        type={useTextInput ? 'text' : 'number'}
+        inputMode={useTextInput ? 'decimal' : undefined}
+        value={displayValue}
         className={hasError ? numberInputErrorStyle : numberInputStyle}
         onWheel={
           disableWheelEvent
diff --git a/packages/ui/src/Fields/TextInput.tsx b/packages/ui/src/Fields/TextInput.tsx
index 69d90c450..a1f85a8bc 100644
--- a/packages/ui/src/Fields/TextInput.tsx
+++ b/packages/ui/src/Fields/TextInput.tsx
@@ -5,6 +5,7 @@ import React, { ChangeEventHandler, ReactElement } from 'react'
 import FieldError from './FieldError'
 import {
   defaultFieldsetStyle,
+  defaultHelperTextStyle,
   defaultInputLabelStyle,
   inputStyleVariants,
 } from './styles.css'
@@ -19,6 +20,7 @@ interface TextInputProps {
   placeholder?: string
   disabled?: boolean
   style?: React.CSSProperties
+  helperText?: string
 }
 
 const TextInput: React.FC<TextInputProps> = ({
@@ -30,6 +32,7 @@ const TextInput: React.FC<TextInputProps> = ({
   placeholder,
   disabled = false,
   style,
+  helperText,
 }) => {
   return (
     <Box as="fieldset" mb={'x8'} p={'x0'} className={defaultFieldsetStyle}>
@@ -45,6 +48,9 @@ const TextInput: React.FC<TextInputProps> = ({
         disabled={disabled}
         style={style}
       />
+      {helperText && !errorMessage && (
+        <Box className={defaultHelperTextStyle}>{helperText}</Box>
+      )}
       {!!errorMessage && <FieldError message={errorMessage} />}
     </Box>
   )
diff --git a/packages/ui/src/MediaPreview/AudioPreview.tsx b/packages/ui/src/MediaPreview/AudioPreview.tsx
index a0177d241..b565aa498 100644
--- a/packages/ui/src/MediaPreview/AudioPreview.tsx
+++ b/packages/ui/src/MediaPreview/AudioPreview.tsx
@@ -4,9 +4,16 @@ import { useCallback, useRef, useState } from 'react'
 export interface AudioPreviewProps {
   src: string
   cover?: string
+  width?: string | number
+  height?: string | number
 }
 
-export const AudioPreview: React.FC<AudioPreviewProps> = ({ src, cover }) => {
+export const AudioPreview: React.FC<AudioPreviewProps> = ({
+  src,
+  cover,
+  width = 400,
+  height = 400,
+}) => {
   const [playing, setPlaying] = useState(false)
   const audioRef = useRef<HTMLAudioElement>(null)
 
@@ -23,14 +30,14 @@ export const AudioPreview: React.FC<AudioPreviewProps> = ({ src, cover }) => {
       ) : (
         <img
           src={cover}
-          width={400}
-          height={400}
+          width={width}
+          height={height}
           alt="Preview"
           style={{
             objectFit: 'cover',
             borderRadius: '10px',
-            height: '400px',
-            width: '400px',
+            height: typeof height === 'number' ? `${height}px` : height,
+            width: typeof width === 'number' ? `${width}px` : width,
           }}
         />
       )}
diff --git a/packages/ui/src/MediaPreview/ImagePreview.tsx b/packages/ui/src/MediaPreview/ImagePreview.tsx
index 8243481ca..5fba64147 100644
--- a/packages/ui/src/MediaPreview/ImagePreview.tsx
+++ b/packages/ui/src/MediaPreview/ImagePreview.tsx
@@ -1,20 +1,27 @@
 export interface ImagePreviewProps {
   src: string
   alt?: string
+  width?: string | number
+  height?: string | number
 }
 
-export const ImagePreview: React.FC<ImagePreviewProps> = ({ src, alt = 'Preview' }) => {
+export const ImagePreview: React.FC<ImagePreviewProps> = ({
+  src,
+  alt = 'Preview',
+  width = 400,
+  height = 400,
+}) => {
   return (
     <img
       src={src}
-      width={400}
-      height={400}
+      width={width}
+      height={height}
       alt={alt}
       style={{
         objectFit: 'cover',
         borderRadius: '10px',
-        height: '400px',
-        width: '400px',
+        height: typeof height === 'number' ? `${height}px` : height,
+        width: typeof width === 'number' ? `${width}px` : width,
       }}
     />
   )
diff --git a/packages/ui/src/MediaPreview/MediaPreview.tsx b/packages/ui/src/MediaPreview/MediaPreview.tsx
index d06029158..5168bb98d 100644
--- a/packages/ui/src/MediaPreview/MediaPreview.tsx
+++ b/packages/ui/src/MediaPreview/MediaPreview.tsx
@@ -10,12 +10,16 @@ export interface MediaPreviewProps {
   mediaUrl: string
   mediaType?: string
   coverUrl?: string
+  width?: string | number
+  height?: string | number
 }
 
 export const MediaPreview: React.FC<MediaPreviewProps> = ({
   mediaType,
   mediaUrl,
   coverUrl,
+  width,
+  height,
 }) => {
   const fetchableMediaURL = useMemo(
     () => getFetchableUrls(mediaUrl)?.[0] || '',
@@ -27,15 +31,24 @@ export const MediaPreview: React.FC<MediaPreviewProps> = ({
   )
 
   if (fetchableMediaURL && mediaType?.startsWith('image')) {
-    return <ImagePreview src={fetchableMediaURL} alt="Preview" />
+    return (
+      <ImagePreview src={fetchableMediaURL} alt="Preview" width={width} height={height} />
+    )
   }
 
   if (fetchableMediaURL && mediaType?.startsWith('video')) {
-    return <VideoPreview src={fetchableMediaURL} />
+    return <VideoPreview src={fetchableMediaURL} width={width} height={height} />
   }
 
   if (fetchableMediaURL && mediaType?.startsWith('audio')) {
-    return <AudioPreview src={fetchableMediaURL} cover={fetchableCoverURL} />
+    return (
+      <AudioPreview
+        src={fetchableMediaURL}
+        cover={fetchableCoverURL}
+        width={width}
+        height={height}
+      />
+    )
   }
 
   return <Box backgroundColor="background2" w="100%" h="100%" borderRadius={'curved'} />
diff --git a/packages/ui/src/MediaPreview/VideoPreview.tsx b/packages/ui/src/MediaPreview/VideoPreview.tsx
index c005afbc1..959f5ccf4 100644
--- a/packages/ui/src/MediaPreview/VideoPreview.tsx
+++ b/packages/ui/src/MediaPreview/VideoPreview.tsx
@@ -1,8 +1,14 @@
 export interface VideoPreviewProps {
   src: string
+  width?: string | number
+  height?: string | number
 }
 
-export const VideoPreview: React.FC<VideoPreviewProps> = ({ src }) => {
+export const VideoPreview: React.FC<VideoPreviewProps> = ({
+  src,
+  width = 400,
+  height = 400,
+}) => {
   return (
     <video
       src={src}
@@ -13,8 +19,8 @@ export const VideoPreview: React.FC<VideoPreviewProps> = ({ src }) => {
       style={{
         objectFit: 'cover',
         borderRadius: '10px',
-        height: '400px',
-        width: '400px',
+        height: typeof height === 'number' ? `${height}px` : height,
+        width: typeof width === 'number' ? `${width}px` : width,
       }}
     />
   )
diff --git a/packages/ui/src/SingleImageUpload/SingleImageUpload.css.ts b/packages/ui/src/SingleImageUpload/SingleImageUpload.css.ts
index 1f1332b86..5a658e0ed 100644
--- a/packages/ui/src/SingleImageUpload/SingleImageUpload.css.ts
+++ b/packages/ui/src/SingleImageUpload/SingleImageUpload.css.ts
@@ -1,4 +1,4 @@
-import { style } from '@vanilla-extract/css'
+import { style, styleVariants } from '@vanilla-extract/css'
 
 export const defaultUploadStyle = style({
   display: 'none',
@@ -9,15 +9,53 @@ export const uploadErrorBox = style({
   boxSizing: 'border-box',
 })
 
-export const singleImageUploadWrapper = style({
-  height: 160,
-  width: 160,
-  borderRadius: 80,
-  background: '#F2F2F2',
-  overflow: 'hidden',
-  selectors: {
-    '&:hover': {
-      cursor: 'pointer',
+export const singleImageUploadWrapperVariants = styleVariants({
+  sm: {
+    height: 80,
+    width: 80,
+    borderRadius: 40,
+    background: '#F2F2F2',
+    overflow: 'hidden',
+    selectors: {
+      '&:hover': {
+        cursor: 'pointer',
+      },
+    },
+  },
+  md: {
+    height: 160,
+    width: 160,
+    borderRadius: 80,
+    background: '#F2F2F2',
+    overflow: 'hidden',
+    selectors: {
+      '&:hover': {
+        cursor: 'pointer',
+      },
+    },
+  },
+  lg: {
+    height: 240,
+    width: 240,
+    borderRadius: 120,
+    background: '#F2F2F2',
+    overflow: 'hidden',
+    selectors: {
+      '&:hover': {
+        cursor: 'pointer',
+      },
+    },
+  },
+  xl: {
+    height: 320,
+    width: 320,
+    borderRadius: 160,
+    background: '#F2F2F2',
+    overflow: 'hidden',
+    selectors: {
+      '&:hover': {
+        cursor: 'pointer',
+      },
     },
   },
 })
diff --git a/packages/ui/src/SingleImageUpload/SingleImageUpload.tsx b/packages/ui/src/SingleImageUpload/SingleImageUpload.tsx
index 9178ad62c..a89dd888e 100644
--- a/packages/ui/src/SingleImageUpload/SingleImageUpload.tsx
+++ b/packages/ui/src/SingleImageUpload/SingleImageUpload.tsx
@@ -6,7 +6,7 @@ import React, { ReactElement, useEffect, useState } from 'react'
 import { FallbackImage } from '../FallbackImage'
 import {
   defaultUploadStyle,
-  singleImageUploadWrapper,
+  singleImageUploadWrapperVariants,
   uploadErrorBox,
 } from './SingleImageUpload.css'
 
@@ -16,6 +16,7 @@ export type SingleImageUploadProps = {
   inputLabel: string | ReactElement
   helperText: string | undefined
   value: string
+  size?: 'sm' | 'md' | 'lg' | 'xl'
 }
 
 export const SingleImageUpload: React.FC<SingleImageUploadProps> = ({
@@ -24,6 +25,7 @@ export const SingleImageUpload: React.FC<SingleImageUploadProps> = ({
   inputLabel,
   helperText,
   value,
+  size = 'md',
 }) => {
   const acceptableMIME = ['image/jpeg', 'image/png', 'image/svg+xml', 'image/webp']
 
@@ -78,7 +80,7 @@ export const SingleImageUpload: React.FC<SingleImageUploadProps> = ({
           position={'relative'}
           align={'center'}
           justify={'center'}
-          className={singleImageUploadWrapper}
+          className={singleImageUploadWrapperVariants[size]}
           htmlFor="file-upload"
         >
           {isUploading && <Spinner alignSelf={'center'} m={'x0'} />}
@@ -97,10 +99,12 @@ export const SingleImageUpload: React.FC<SingleImageUploadProps> = ({
 
           {!isUploading && isMounted && !value && (
             <>
-              <Flex color="text4" mb={'x2'}>
+              <Flex color="text4" mb={'x2'} style={{ textAlign: 'center' }}>
                 {inputLabel}
               </Flex>
-              <Flex fontWeight={'display'}>{helperText}</Flex>
+              <Flex fontWeight={'display'} style={{ textAlign: 'center' }}>
+                {helperText}
+              </Flex>
             </>
           )}
 
diff --git a/packages/ui/src/SingleMediaUpload/SingleMediaUpload.tsx b/packages/ui/src/SingleMediaUpload/SingleMediaUpload.tsx
index 4de0baf09..53b72f186 100644
--- a/packages/ui/src/SingleMediaUpload/SingleMediaUpload.tsx
+++ b/packages/ui/src/SingleMediaUpload/SingleMediaUpload.tsx
@@ -3,7 +3,7 @@ import { Box, Flex, Spinner, Stack, Text } from '@buildeross/zord'
 import { FormikProps } from 'formik'
 import React, { ReactElement, useEffect, useState } from 'react'
 
-import { defaultInputLabelStyle } from '../styles'
+import { defaultHelperTextStyle, defaultInputLabelStyle } from '../styles'
 import {
   defaultUploadStyle,
   singleMediaUploadWrapper,
@@ -15,6 +15,7 @@ export type SingleMediaUploadProps = {
   id: string
   inputLabel: string | ReactElement
   value: string
+  helperText?: string
   onUploadStart?: (value: File) => void
   onUploadSettled?: () => void
 }
@@ -23,6 +24,7 @@ export const SingleMediaUpload: React.FC<SingleMediaUploadProps> = ({
   id,
   formik,
   inputLabel,
+  helperText,
   onUploadStart,
   onUploadSettled,
   value,
@@ -90,6 +92,9 @@ export const SingleMediaUpload: React.FC<SingleMediaUploadProps> = ({
     <Flex mb={'x8'}>
       <Stack width={'100%'}>
         <label className={defaultInputLabelStyle}>{inputLabel}</label>
+        {helperText && !uploadMediaError && (
+          <Box className={defaultHelperTextStyle}>{helperText}</Box>
+        )}
         <Flex
           as={'label'}
           direction={'column'}
diff --git a/packages/create-dao-ui/src/components/AllocationForm/Toggle.css.ts b/packages/ui/src/Toggle/Toggle.css.ts
similarity index 100%
rename from packages/create-dao-ui/src/components/AllocationForm/Toggle.css.ts
rename to packages/ui/src/Toggle/Toggle.css.ts
diff --git a/packages/create-dao-ui/src/components/AllocationForm/Toggle.tsx b/packages/ui/src/Toggle/Toggle.tsx
similarity index 100%
rename from packages/create-dao-ui/src/components/AllocationForm/Toggle.tsx
rename to packages/ui/src/Toggle/Toggle.tsx
diff --git a/packages/ui/src/Toggle/index.ts b/packages/ui/src/Toggle/index.ts
new file mode 100644
index 000000000..e0998179c
--- /dev/null
+++ b/packages/ui/src/Toggle/index.ts
@@ -0,0 +1 @@
+export { Toggle } from './Toggle'
diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
index bb13bfd99..b10f75e78 100644
--- a/packages/ui/src/index.ts
+++ b/packages/ui/src/index.ts
@@ -2,7 +2,9 @@
 export * from './Accordion'
 export * from './Artwork'
 export * from './Avatar'
+export * from './CoinForm'
 export * from './ConnectModalProvider'
+export * from './ContentPostPreview'
 export * from './ContractButton'
 export * from './ContractLink'
 export * from './CopyButton'
@@ -26,6 +28,8 @@ export * from './Panel'
 export * from './Playground'
 export * from './SingleImageUpload'
 export * from './SingleMediaUpload'
+export * from './stores/useCoinFormStore'
+export * from './Toggle'
 export * from './Tooltip'
 export * from './UpgradeCard'
 export * from './Uploading'
diff --git a/packages/ui/src/stores/useCoinFormStore.ts b/packages/ui/src/stores/useCoinFormStore.ts
new file mode 100644
index 000000000..5c7ac2ced
--- /dev/null
+++ b/packages/ui/src/stores/useCoinFormStore.ts
@@ -0,0 +1,42 @@
+import { create } from 'zustand'
+import { createJSONStorage, persist } from 'zustand/middleware'
+
+import type { CoinFormValues } from '../CoinForm/types'
+
+export interface CoinFormStore {
+  formValues: Partial<CoinFormValues>
+  isUploadingToIPFS: boolean
+  uploadProgress: number
+  setFormValues: (values: Partial<CoinFormValues>) => void
+  setIsUploadingToIPFS: (isUploading: boolean) => void
+  setUploadProgress: (progress: number) => void
+  resetForm: () => void
+}
+
+const initialState = {
+  formValues: {},
+  isUploadingToIPFS: false,
+  uploadProgress: 0,
+}
+
+export const useCoinFormStore = create<CoinFormStore>()(
+  persist(
+    (set) => ({
+      ...initialState,
+      setFormValues: (values) =>
+        set((state) => ({
+          formValues: { ...state.formValues, ...values },
+        })),
+      setIsUploadingToIPFS: (isUploadingToIPFS) => set({ isUploadingToIPFS }),
+      setUploadProgress: (uploadProgress) => set({ uploadProgress }),
+      resetForm: () => set(() => ({ ...initialState })),
+    }),
+    {
+      name: 'coin-form-store',
+      storage: createJSONStorage(() => localStorage),
+      partialize: (state) => ({
+        formValues: state.formValues,
+      }),
+    }
+  )
+)
diff --git a/packages/utils/package.json b/packages/utils/package.json
index 310b2b813..75fedb704 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -28,6 +28,11 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
+    "./poolConfig": {
+      "types": "./dist/poolConfig/index.d.ts",
+      "import": "./dist/poolConfig/index.mjs",
+      "require": "./dist/poolConfig/index.js"
+    },
     "./wagmi": {
       "types": "./dist/wagmi/index.d.ts",
       "import": "./dist/wagmi/index.mjs",
diff --git a/packages/utils/src/clankerConfig.ts b/packages/utils/src/clankerConfig.ts
new file mode 100644
index 000000000..53ba8f582
--- /dev/null
+++ b/packages/utils/src/clankerConfig.ts
@@ -0,0 +1,154 @@
+import type { Address } from 'viem'
+
+// Clanker SDK types and constants based on the reference implementation
+
+/**
+ * Pool position presets from Clanker SDK
+ * These are standard configurations for different types of token launches
+ */
+export enum POOL_POSITIONS {
+  Project = 'Project',
+  Creator = 'Creator',
+  // Add other presets as they become available in the SDK
+}
+
+/**
+ * Fee configuration presets from Clanker SDK
+ * These determine the fee structure for trading
+ */
+export enum FEE_CONFIGS {
+  DynamicBasic = 'DynamicBasic',
+  Fixed = 'Fixed',
+  // Add other presets as they become available in the SDK
+}
+
+/**
+ * Configuration for vault (lockup/vesting)
+ */
+export interface VaultConfig {
+  percentage: number // 1-90% of token supply
+  lockupDuration: number // in seconds, minimum 7 days
+  vestingDuration: number // in seconds, can be 0
+  recipient?: Address // optional, defaults to tokenAdmin
+}
+
+/**
+ * Configuration for rewards distribution
+ */
+export interface RewardRecipient {
+  recipient: Address
+  admin: Address
+  bps: number // basis points (100 = 1%, 10000 = 100%)
+  token: 'Paired' | 'Both' // which tokens to receive as rewards
+}
+
+/**
+ * Configuration for developer buy
+ */
+export interface DevBuyConfig {
+  ethAmount: number // ETH amount to purchase on deployment
+}
+
+/**
+ * Pool configuration options
+ */
+export type ClankerPoolConfig = POOL_POSITIONS | 'Custom'
+
+/**
+ * Helper function to generate symbol from name
+ * Removes vowels and spaces, converts to uppercase, limits to 4 chars
+ */
+export function generateSymbol(name: string): string {
+  return `$${name
+    .toUpperCase()
+    .replace(/[AEIOU\s]/g, '')
+    .slice(0, 4)}`
+}
+
+/**
+ * Convert days to seconds for duration fields
+ */
+export function convertDaysToSeconds(days: number): number {
+  return days * 24 * 60 * 60
+}
+
+/**
+ * Convert seconds to days for display purposes
+ */
+export function convertSecondsToDays(seconds: number): number {
+  return Math.floor(seconds / (24 * 60 * 60))
+}
+
+/**
+ * Validate vault configuration
+ */
+export function validateVaultConfig(config: VaultConfig): string | null {
+  if (config.percentage < 1 || config.percentage > 90) {
+    return 'Vault percentage must be between 1 and 90'
+  }
+
+  const minLockupSeconds = convertDaysToSeconds(7)
+  if (config.lockupDuration < minLockupSeconds) {
+    return 'Lockup duration must be at least 7 days'
+  }
+
+  if (config.vestingDuration < 0) {
+    return 'Vesting duration cannot be negative'
+  }
+
+  return null
+}
+
+/**
+ * Create a default vault configuration
+ */
+export function createDefaultVaultConfig(): VaultConfig {
+  return {
+    percentage: 10,
+    lockupDuration: convertDaysToSeconds(30),
+    vestingDuration: convertDaysToSeconds(30),
+  }
+}
+
+/**
+ * Pool configuration options for UI dropdown
+ */
+export const POOL_POSITION_OPTIONS = [
+  {
+    value: POOL_POSITIONS.Project,
+    label: 'Project',
+    description: 'Optimized for long-term projects',
+  },
+  {
+    value: POOL_POSITIONS.Creator,
+    label: 'Creator',
+    description: 'Optimized for creator coins',
+  },
+  {
+    value: 'Custom',
+    label: 'Custom',
+    description: 'Custom configuration based on market cap',
+  },
+]
+
+/**
+ * Fee configuration options for UI dropdown
+ */
+export const FEE_CONFIG_OPTIONS = [
+  {
+    value: FEE_CONFIGS.DynamicBasic,
+    label: 'Dynamic Basic',
+    description: 'Fees adjust based on trading volume',
+  },
+  {
+    value: FEE_CONFIGS.Fixed,
+    label: 'Fixed',
+    description: 'Fixed fee percentage for all trades',
+  },
+]
+
+/**
+ * Minimum FDV in USD
+ */
+export const MIN_FDV_USD = 49
+export const DEFAULT_FDV_USD = 10000
diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
index 7f806c794..a2cb6d2c0 100644
--- a/packages/utils/src/index.ts
+++ b/packages/utils/src/index.ts
@@ -1,5 +1,6 @@
 export * from './allocation'
 export * from './basename'
+export * from './clankerConfig'
 export * from './concurrent'
 export * from './eas'
 export * from './encodePageNumToEndCursor'
@@ -14,6 +15,7 @@ export * from './isContract'
 export * from './numbers'
 export * from './parseBlockchainDate'
 export * from './parseContractURI'
+export * from './poolConfig'
 export * from './proposalState'
 export * from './provider'
 export * from './sanitize'
diff --git a/packages/utils/src/poolConfig/clankerCreator.ts b/packages/utils/src/poolConfig/clankerCreator.ts
new file mode 100644
index 000000000..5cead73df
--- /dev/null
+++ b/packages/utils/src/poolConfig/clankerCreator.ts
@@ -0,0 +1,166 @@
+import { clamp, fdvToTick, snapToTickSpacing } from './shared'
+
+// Clanker Creator Coin constants
+export const DEFAULT_CLANKER_TARGET_FDV = 6_364_000 // Geometric center of $27K-$1.5B
+export const DEFAULT_CLANKER_TOTAL_SUPPLY = 100_000_000_000 // 100B tokens
+const DEFAULT_CLANKER_TICK_SPACING = 200
+
+// ---- Clanker-specific pool position generation ----
+
+export type ClankerPoolPosition = {
+  tickLower: number
+  tickUpper: number
+  positionBps: number
+}
+
+function assertStrictlyIncreasing(values: number[], label: string) {
+  for (let i = 1; i < values.length; i++) {
+    if (values[i] <= values[i - 1]) {
+      throw new Error(
+        `${label} must be strictly increasing: index ${i - 1} (${values[i - 1]}) >= index ${i} (${values[i]})`
+      )
+    }
+  }
+}
+
+const TEMPLATE_ETH_USD = 2700
+
+const CLANKER_PROJECT_TEMPLATE_TICKS = {
+  min: -230_400,
+  mid1: -214_000,
+  mid2: -202_000,
+  mid3: -155_000,
+  mid4: -141_000,
+  max: -120_000,
+} as const
+
+const CLANKER_PROJECT_TEMPLATE_POSITIONS: Array<{
+  a: keyof typeof CLANKER_PROJECT_TEMPLATE_TICKS
+  b: keyof typeof CLANKER_PROJECT_TEMPLATE_TICKS
+  bps: number
+}> = [
+  { a: 'min', b: 'mid1', bps: 1000 },
+  { a: 'mid1', b: 'mid3', bps: 5000 },
+  { a: 'mid2', b: 'mid3', bps: 1500 },
+  { a: 'mid3', b: 'max', bps: 2000 },
+  { a: 'mid4', b: 'max', bps: 500 },
+]
+
+/**
+ * Create 5 Clanker pool positions based on target FDV and geometric spread.
+ * Distribution matches SDK's "Project" preset: [10%, 50%, 15%, 20%, 5%]
+ *
+ * Position layout (for default $6.364M target → $27K-$1.5B range):
+ * 1. 10% LP: [$27K - $130K]
+ * 2. 50% LP: [$130K - $50M]
+ * 3. 15% LP: [$450K - $50M]
+ * 4. 20% LP: [$50M - $1.5B]
+ * 5. 5% LP:  [$200M - $1.5B]
+ *
+ * @param targetFdvUsd - Target fully diluted valuation in USD (geometric center)
+ * @param quoteTokenUsd - USD price of paired token (e.g., ETH price)
+ * @param tickSpacing - Uniswap tick spacing (default: 60)
+ * @returns Array of 5 pool positions with ticks and basis points
+ */
+export function createClankerPoolPositionsFromTargetFdv(params: {
+  targetFdvUsd: number
+  quoteTokenUsd: number // ETH or any token you can price in USD
+  tickSpacing?: number
+  templateEthUsd?: number // optional override, default 2700
+  targetFdvFloorUsd?: number
+  targetFdvCapUsd?: number
+}): ClankerPoolPosition[] {
+  const {
+    quoteTokenUsd,
+    tickSpacing = DEFAULT_CLANKER_TICK_SPACING,
+    templateEthUsd = TEMPLATE_ETH_USD,
+    targetFdvFloorUsd = 250_000,
+    targetFdvCapUsd = 100_000_000,
+  } = params
+  let { targetFdvUsd } = params
+
+  if (targetFdvUsd <= 0) throw new Error('targetFdvUsd must be positive')
+  if (quoteTokenUsd <= 0) throw new Error('quoteTokenUsd must be positive')
+  if (templateEthUsd <= 0) throw new Error('templateEthUsd must be positive')
+
+  // Clamp target FDV (safety rails)
+  targetFdvUsd = clamp(targetFdvUsd, targetFdvFloorUsd, targetFdvCapUsd)
+
+  // Compute center ticks
+  const tickTemplateCenter = fdvToTick({
+    fdvUsd: DEFAULT_CLANKER_TARGET_FDV,
+    quoteTokenUsd: templateEthUsd,
+    tickSpacing,
+    totalSupply: DEFAULT_CLANKER_TOTAL_SUPPLY,
+  })
+
+  const tickDesiredCenter = fdvToTick({
+    fdvUsd: targetFdvUsd,
+    quoteTokenUsd,
+    tickSpacing,
+    totalSupply: DEFAULT_CLANKER_TOTAL_SUPPLY,
+  })
+
+  const delta = tickDesiredCenter - tickTemplateCenter
+
+  // Shift template ticks
+  const shifted: Record<keyof typeof CLANKER_PROJECT_TEMPLATE_TICKS, number> = {
+    min: 0,
+    mid1: 0,
+    mid2: 0,
+    mid3: 0,
+    mid4: 0,
+    max: 0,
+  }
+
+  for (const k of Object.keys(CLANKER_PROJECT_TEMPLATE_TICKS) as Array<
+    keyof typeof CLANKER_PROJECT_TEMPLATE_TICKS
+  >) {
+    shifted[k] = snapToTickSpacing(CLANKER_PROJECT_TEMPLATE_TICKS[k] + delta, tickSpacing)
+  }
+
+  // Validate ordering
+  const ladder = [
+    shifted.min,
+    shifted.mid1,
+    shifted.mid2,
+    shifted.mid3,
+    shifted.mid4,
+    shifted.max,
+  ]
+  assertStrictlyIncreasing(ladder, 'Shifted Clanker Project tick ladder')
+
+  return CLANKER_PROJECT_TEMPLATE_POSITIONS.map((p) => ({
+    tickLower: shifted[p.a],
+    tickUpper: shifted[p.b],
+    positionBps: p.bps,
+  }))
+}
+
+export function clankerUsdFromSqrtPriceX96(params: {
+  sqrtPriceX96: bigint
+  currencyUsd: number
+  isClankerToken0: boolean
+  clankerDecimals?: number
+  currencyDecimals?: number
+}): number {
+  const {
+    sqrtPriceX96,
+    currencyUsd,
+    isClankerToken0,
+    clankerDecimals = 18,
+    currencyDecimals = 18,
+  } = params
+
+  const ratio_token1_per_token0 = Math.pow(Number(sqrtPriceX96) / 2 ** 96, 2)
+
+  // Adjust for decimals for token1/token0 ratio
+  const ratioAdj =
+    ratio_token1_per_token0 * Math.pow(10, clankerDecimals - currencyDecimals)
+
+  // If clanker is token0: ratioAdj = currency / clanker
+  // If clanker is token1: ratioAdj = clanker / currency (inverted meaning)
+  const currencyPerClanker = isClankerToken0 ? ratioAdj : 1 / ratioAdj
+
+  return currencyPerClanker * currencyUsd
+}
diff --git a/packages/utils/src/poolConfig/encoding.ts b/packages/utils/src/poolConfig/encoding.ts
new file mode 100644
index 000000000..febba82c4
--- /dev/null
+++ b/packages/utils/src/poolConfig/encoding.ts
@@ -0,0 +1,75 @@
+import {
+  type Address,
+  decodeAbiParameters,
+  encodeAbiParameters,
+  getAbiItem,
+  type Hex,
+} from 'viem'
+
+import type { DiscoveryPoolConfig, PoolConfig } from './shared'
+
+export const poolConfigEncodingABI = [
+  {
+    type: 'function',
+    inputs: [
+      { name: 'version', internalType: 'uint8', type: 'uint8' },
+      { name: 'currency', internalType: 'address', type: 'address' },
+      { name: 'tickLower', internalType: 'int24[]', type: 'int24[]' },
+      { name: 'tickUpper', internalType: 'int24[]', type: 'int24[]' },
+      {
+        name: 'numDiscoveryPositions',
+        internalType: 'uint16[]',
+        type: 'uint16[]',
+      },
+      {
+        name: 'maxDiscoverySupplyShare',
+        internalType: 'uint256[]',
+        type: 'uint256[]',
+      },
+    ],
+    name: 'encodeMultiCurvePoolConfig',
+    outputs: [{ name: '', internalType: 'bytes', type: 'bytes' }],
+    stateMutability: 'pure',
+  },
+] as const
+
+export const decodePoolConfig = (data: Hex): PoolConfig => {
+  const abiItem = getAbiItem({
+    abi: poolConfigEncodingABI,
+    name: 'encodeMultiCurvePoolConfig',
+  })
+
+  const [
+    version,
+    currency,
+    tickLower,
+    tickUpper,
+    numDiscoveryPositions,
+    maxDiscoverySupplyShare,
+  ] = decodeAbiParameters(abiItem.inputs, data)
+
+  return {
+    version: version,
+    currency: currency as Address,
+    tickLower: tickLower as number[],
+    tickUpper: tickUpper as number[],
+    numDiscoveryPositions: numDiscoveryPositions as number[],
+    maxDiscoverySupplyShare: maxDiscoverySupplyShare as bigint[],
+  }
+}
+
+export const encodePoolConfig = (config: DiscoveryPoolConfig): Hex => {
+  const abiItem = getAbiItem({
+    abi: poolConfigEncodingABI,
+    name: 'encodeMultiCurvePoolConfig',
+  })
+
+  return encodeAbiParameters(abiItem.inputs, [
+    1, // version
+    config.currency,
+    config.lowerTicks,
+    config.upperTicks,
+    config.numDiscoveryPositions,
+    config.maxDiscoverySupplyShares,
+  ])
+}
diff --git a/packages/utils/src/poolConfig/index.ts b/packages/utils/src/poolConfig/index.ts
new file mode 100644
index 000000000..adeefe26e
--- /dev/null
+++ b/packages/utils/src/poolConfig/index.ts
@@ -0,0 +1,20 @@
+// Re-export all shared utilities and types
+export { type DiscoveryPoolConfig, fdvToTick, type PoolConfig } from './shared'
+
+// Re-export Zora content pool functions
+export {
+  createContentPoolConfigWithClankerTokenAsCurrency as createContentPoolConfigForClankerToken,
+  createContentPoolConfigFromTargetFdv,
+  estimateTargetFdvUsd,
+} from './zoraContent'
+
+// Re-export Clanker creator pool functions and types
+export {
+  type ClankerPoolPosition,
+  clankerUsdFromSqrtPriceX96,
+  createClankerPoolPositionsFromTargetFdv,
+  DEFAULT_CLANKER_TARGET_FDV,
+} from './clankerCreator'
+
+// Re-export encoding/decoding functions
+export { decodePoolConfig, encodePoolConfig, poolConfigEncodingABI } from './encoding'
diff --git a/packages/utils/src/poolConfig/poolConfig.test.ts b/packages/utils/src/poolConfig/poolConfig.test.ts
new file mode 100644
index 000000000..2caaec9a5
--- /dev/null
+++ b/packages/utils/src/poolConfig/poolConfig.test.ts
@@ -0,0 +1,336 @@
+// poolConfig.test.ts
+
+import { zeroAddress } from 'viem'
+import { assert, describe, it } from 'vitest'
+
+import {
+  createClankerPoolPositionsFromTargetFdv,
+  createContentPoolConfigFromTargetFdv,
+  decodePoolConfig,
+  DEFAULT_CLANKER_TARGET_FDV,
+  encodePoolConfig,
+} from './index'
+
+const ZORA_ADDRESS = '0x1111111111166b7fe7bd91427724b487980afc69'
+const ZORA_USD = 0.044
+const ETH_USD = 2_750
+
+// ---------- CONTENT POOL TESTS (3 bands, Zora) ----------
+
+describe('createContentPoolConfigFromTargetFdv', () => {
+  const zoraContentConfig = createContentPoolConfigFromTargetFdv({
+    currency: ZORA_ADDRESS, // ZORA
+    quoteTokenUsd: ZORA_USD,
+    targetFdvUsd: 1_000_000, // target FDV at $1m
+  })
+
+  it('should create a content pool config with correct lengths', () => {
+    assert.equal(zoraContentConfig.currency, ZORA_ADDRESS)
+    assert.equal(zoraContentConfig.lowerTicks.length, 3)
+    assert.equal(zoraContentConfig.upperTicks.length, 3)
+    assert.equal(zoraContentConfig.numDiscoveryPositions.length, 3)
+    assert.equal(zoraContentConfig.maxDiscoverySupplyShares.length, 3)
+  })
+
+  it('should have strictly increasing lowerTicks (higher FDV → higher price → higher tick)', () => {
+    const { lowerTicks } = zoraContentConfig
+    for (let i = 1; i < lowerTicks.length; i++) {
+      assert.ok(
+        lowerTicks[i] > lowerTicks[i - 1],
+        `expected lowerTicks[${i}] > lowerTicks[${i - 1}], got ${lowerTicks[i]} <= ${lowerTicks[i - 1]}`
+      )
+    }
+  })
+
+  it('should set all upper ticks equal except the first one', () => {
+    const { upperTicks } = zoraContentConfig
+    assert.ok(upperTicks.length === 3)
+    const first = upperTicks[0]
+    const shared = upperTicks[upperTicks.length - 1]
+
+    // First band upper tick can differ
+    assert.notEqual(first, shared)
+
+    // All others must match the last one
+    for (let i = 1; i < upperTicks.length; i++) {
+      assert.equal(
+        upperTicks[i],
+        shared,
+        `expected upperTicks[${i}] to equal shared upper tick ${shared}`
+      )
+    }
+  })
+
+  it('should shift ticks upward when targetFdvUsd increases', () => {
+    const configLow = createContentPoolConfigFromTargetFdv({
+      currency: ZORA_ADDRESS,
+      quoteTokenUsd: ZORA_USD,
+      targetFdvUsd: 500_000, // lower target
+    })
+    const configHigh = createContentPoolConfigFromTargetFdv({
+      currency: ZORA_ADDRESS,
+      quoteTokenUsd: ZORA_USD,
+      targetFdvUsd: 5_000_000, // higher target
+    })
+
+    configLow.lowerTicks.forEach((tick, i) => {
+      assert.ok(
+        configHigh.lowerTicks[i] > tick,
+        `expected higher FDV band lowerTicks[${i}] > lower FDV lowerTicks[${i}]`
+      )
+    })
+    configLow.upperTicks.forEach((tick, i) => {
+      assert.ok(
+        configHigh.upperTicks[i] > tick,
+        `expected higher FDV band upperTicks[${i}] > lower FDV upperTicks[${i}]`
+      )
+    })
+  })
+
+  it('should use geometric spread around target', () => {
+    const targetFdv = 1_000_000
+    const config = createContentPoolConfigFromTargetFdv({
+      currency: ZORA_ADDRESS,
+      quoteTokenUsd: ZORA_USD,
+      targetFdvUsd: targetFdv,
+    })
+
+    // The range should be symmetric in log space around the target
+    // For content coins: RANGE_FACTOR_SQRT ≈ 3.003
+    // So min ≈ target / 3, max ≈ target * 3
+    const minTick = config.lowerTicks[0]
+    const maxTick = config.upperTicks[config.upperTicks.length - 1]
+
+    // Ticks should span a reasonable range
+    assert.ok(maxTick > minTick, 'max tick should be greater than min tick')
+    assert.ok(maxTick - minTick > 10000, 'tick range should be substantial')
+  })
+})
+
+// ---------- CLANKER POOL TESTS (5 positions, Project preset) ----------
+
+describe('createClankerPoolPositionsFromTargetFdv', () => {
+  const ethClankerPositions = createClankerPoolPositionsFromTargetFdv({
+    targetFdvUsd: DEFAULT_CLANKER_TARGET_FDV, // ~$6.364M
+    quoteTokenUsd: ETH_USD,
+  })
+
+  it('should create 5 pool positions with correct distribution', () => {
+    assert.equal(ethClankerPositions.length, 5)
+
+    // Verify basis points (must sum to 10000 = 100%)
+    const totalBps = ethClankerPositions.reduce((sum, pos) => sum + pos.positionBps, 0)
+    assert.equal(totalBps, 10000, 'total basis points should equal 10000 (100%)')
+
+    // Verify Project preset distribution: [10%, 50%, 15%, 20%, 5%]
+    assert.equal(ethClankerPositions[0].positionBps, 1000, 'position 1 should be 10%')
+    assert.equal(ethClankerPositions[1].positionBps, 5000, 'position 2 should be 50%')
+    assert.equal(ethClankerPositions[2].positionBps, 1500, 'position 3 should be 15%')
+    assert.equal(ethClankerPositions[3].positionBps, 2000, 'position 4 should be 20%')
+    assert.equal(ethClankerPositions[4].positionBps, 500, 'position 5 should be 5%')
+  })
+
+  it('should have valid tick ranges', () => {
+    ethClankerPositions.forEach((pos, i) => {
+      assert.ok(
+        pos.tickLower < pos.tickUpper,
+        `position ${i}: tickLower must be less than tickUpper`
+      )
+    })
+  })
+
+  it('should have overlapping positions (nested structure)', () => {
+    // Position 2 and 3 should overlap (both end at mid3)
+    assert.equal(
+      ethClankerPositions[1].tickUpper,
+      ethClankerPositions[2].tickUpper,
+      'positions 2 and 3 should share upper tick (mid3)'
+    )
+
+    // Position 4 and 5 should overlap (both end at max)
+    assert.equal(
+      ethClankerPositions[3].tickUpper,
+      ethClankerPositions[4].tickUpper,
+      'positions 4 and 5 should share upper tick (max)'
+    )
+  })
+
+  it('should shift positions when target FDV changes', () => {
+    const lowTarget = createClankerPoolPositionsFromTargetFdv({
+      targetFdvUsd: 1_000_000,
+      quoteTokenUsd: ETH_USD,
+    })
+    const highTarget = createClankerPoolPositionsFromTargetFdv({
+      targetFdvUsd: 10_000_000,
+      quoteTokenUsd: ETH_USD,
+    })
+
+    // All ticks should shift upward with higher target
+    lowTarget.forEach((pos, i) => {
+      assert.ok(
+        highTarget[i].tickLower > pos.tickLower,
+        `position ${i}: higher target should have higher tickLower`
+      )
+      assert.ok(
+        highTarget[i].tickUpper > pos.tickUpper,
+        `position ${i}: higher target should have higher tickUpper`
+      )
+    })
+  })
+
+  it('should maintain geometric spread (min/max ratio)', () => {
+    const positions = createClankerPoolPositionsFromTargetFdv({
+      targetFdvUsd: DEFAULT_CLANKER_TARGET_FDV,
+      quoteTokenUsd: ETH_USD,
+    })
+
+    const minTick = positions[0].tickLower
+    const maxTick = positions[positions.length - 1].tickUpper
+
+    // With CLANKER_RANGE_FACTOR_SQRT ≈ 235.7, the range should be substantial
+    // Expect at least 100k ticks difference
+    assert.ok(
+      maxTick - minTick > 100000,
+      `tick range should span >100k ticks, got ${maxTick - minTick}`
+    )
+  })
+
+  it('should handle different ETH prices correctly', () => {
+    const lowEthPrice = createClankerPoolPositionsFromTargetFdv({
+      targetFdvUsd: DEFAULT_CLANKER_TARGET_FDV,
+      quoteTokenUsd: 1_000, // Lower ETH price
+    })
+    const highEthPrice = createClankerPoolPositionsFromTargetFdv({
+      targetFdvUsd: DEFAULT_CLANKER_TARGET_FDV,
+      quoteTokenUsd: 5_000, // Higher ETH price
+    })
+
+    // With higher ETH price, same USD values map to lower ticks
+    lowEthPrice.forEach((pos, i) => {
+      assert.ok(
+        highEthPrice[i].tickLower < pos.tickLower,
+        `position ${i}: higher ETH price should result in lower tickLower`
+      )
+    })
+  })
+
+  it('should throw on invalid inputs', () => {
+    // Should throw on zero target FDV
+    assert.throws(() =>
+      createClankerPoolPositionsFromTargetFdv({
+        targetFdvUsd: 0,
+        quoteTokenUsd: ETH_USD,
+      })
+    )
+
+    // Should throw on negative target FDV
+    assert.throws(() =>
+      createClankerPoolPositionsFromTargetFdv({
+        targetFdvUsd: -1000,
+        quoteTokenUsd: ETH_USD,
+      })
+    )
+
+    // Should throw on zero quote token price
+    assert.throws(() =>
+      createClankerPoolPositionsFromTargetFdv({
+        targetFdvUsd: DEFAULT_CLANKER_TARGET_FDV,
+        quoteTokenUsd: 0,
+      })
+    )
+  })
+
+  it('should handle safety rails (clamping)', () => {
+    // Test very low target (should be clamped to floor)
+    const veryLow = createClankerPoolPositionsFromTargetFdv({
+      targetFdvUsd: 100, // Below floor
+      quoteTokenUsd: ETH_USD,
+    })
+    assert.ok(veryLow.length === 5, 'should still return 5 positions')
+
+    // Test very high target (should be clamped to ceiling)
+    const veryHigh = createClankerPoolPositionsFromTargetFdv({
+      targetFdvUsd: 1_000_000_000_000, // Above ceiling
+      quoteTokenUsd: ETH_USD,
+    })
+    assert.ok(veryHigh.length === 5, 'should still return 5 positions')
+  })
+})
+
+// ---------- POOL CONFIG ENCODING/DECODING TESTS ----------
+
+describe('encodePoolConfig and decodePoolConfig', () => {
+  it('should encode and decode a content pool config', () => {
+    const config = createContentPoolConfigFromTargetFdv({
+      currency: ZORA_ADDRESS,
+      quoteTokenUsd: ZORA_USD,
+      targetFdvUsd: 1_000_000,
+    })
+
+    const encoded = encodePoolConfig(config)
+    const decoded = decodePoolConfig(encoded)
+
+    assert.equal(decoded.version, 1)
+    assert.equal(decoded.currency.toLowerCase(), config.currency.toLowerCase())
+    assert.deepEqual(decoded.tickLower, config.lowerTicks)
+    assert.deepEqual(decoded.tickUpper, config.upperTicks)
+    assert.deepEqual(decoded.numDiscoveryPositions, config.numDiscoveryPositions)
+    assert.deepEqual(decoded.maxDiscoverySupplyShare, config.maxDiscoverySupplyShares)
+  })
+
+  //it('should decode a sample pool config', () => {
+  //  const encoded =
+  //    '0x00000000000000000000000000000000000000000000000000000000000000040000000000000000000000007f8d4d31f31cc00c175dcd63e7cfc7b44ede867400000000000000000000000000000000000000000000000000000000000000c0000000000000000000000000000000000000000000000000000000000000014000000000000000000000000000000000000000000000000000000000000001c000000000000000000000000000000000000000000000000000000000000002400000000000000000000000000000000000000000000000000000000000000003ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff716cffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff90acffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff987c0000000000000000000000000000000000000000000000000000000000000003ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff987cffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffc75cffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffc75c0000000000000000000000000000000000000000000000000000000000000003000000000000000000000000000000000000000000000000000000000000000b000000000000000000000000000000000000000000000000000000000000000b000000000000000000000000000000000000000000000000000000000000000b000000000000000000000000000000000000000000000000000000000000000300000000000000000000000000000000000000000000000003782dace9d900000000000000000000000000000000000000000000000000000429d069189e00000000000000000000000000000000000000000000000000000214e8348c4f0000'
+  //  const decoded = decodePoolConfig(encoded)
+  //
+  //  console.log('Version:', decoded.version)
+  //  console.log('Currency:', decoded.currency)
+  //  console.log('Tick lower:', decoded.tickLower)
+  //  console.log('Tick upper:', decoded.tickUpper)
+  //  console.log('Num discovery positions:', decoded.numDiscoveryPositions)
+  //  console.log('Max discovery supply share:', decoded.maxDiscoverySupplyShare)
+  //})
+})
+
+// ---------- COMPARISON TESTS ----------
+
+describe('pool config shape comparison', () => {
+  it('content configs should have 3 bands and Clanker should have 5 positions', () => {
+    const content = createContentPoolConfigFromTargetFdv({
+      currency: ZORA_ADDRESS,
+      quoteTokenUsd: ZORA_USD,
+      targetFdvUsd: 1_000_000,
+    })
+
+    const clanker = createClankerPoolPositionsFromTargetFdv({
+      targetFdvUsd: DEFAULT_CLANKER_TARGET_FDV,
+      quoteTokenUsd: ETH_USD,
+    })
+
+    assert.equal(content.lowerTicks.length, 3, 'content should have 3 bands')
+    assert.equal(clanker.length, 5, 'clanker should have 5 positions')
+  })
+
+  it('Clanker positions should span wider range than content (due to larger range factor)', () => {
+    const content = createContentPoolConfigFromTargetFdv({
+      currency: zeroAddress,
+      quoteTokenUsd: ETH_USD,
+      targetFdvUsd: DEFAULT_CLANKER_TARGET_FDV, // Use same target for comparison
+    })
+
+    const clanker = createClankerPoolPositionsFromTargetFdv({
+      targetFdvUsd: DEFAULT_CLANKER_TARGET_FDV,
+      quoteTokenUsd: ETH_USD,
+    })
+
+    const contentRange = Math.max(...content.upperTicks) - Math.min(...content.lowerTicks)
+    const clankerRange = clanker[4].tickUpper - clanker[0].tickLower
+
+    // Clanker uses RANGE_FACTOR ≈ 55555 vs Content ≈ 9.024
+    // So Clanker should have much wider range
+    assert.ok(
+      clankerRange > contentRange,
+      `Clanker range (${clankerRange}) should be > content range (${contentRange})`
+    )
+  })
+})
diff --git a/packages/utils/src/poolConfig/shared.ts b/packages/utils/src/poolConfig/shared.ts
new file mode 100644
index 000000000..8413b91f0
--- /dev/null
+++ b/packages/utils/src/poolConfig/shared.ts
@@ -0,0 +1,55 @@
+import type { Address } from 'viem'
+
+const LN_1_0001 = Math.log(1.0001)
+
+// ---- Types ----
+
+export type DiscoveryPoolConfig = {
+  currency: Address
+  lowerTicks: number[]
+  upperTicks: number[]
+  numDiscoveryPositions: number[]
+  maxDiscoverySupplyShares: bigint[]
+}
+
+export type PoolConfig = {
+  version: number
+  currency: Address
+  tickLower: number[]
+  tickUpper: number[]
+  numDiscoveryPositions: number[]
+  maxDiscoverySupplyShare: bigint[]
+}
+
+// ---- Shared helpers ----
+
+export function clamp(x: number, min: number, max: number): number {
+  return Math.max(min, Math.min(max, x))
+}
+
+export function snapToTickSpacing(tick: number, spacing: number): number {
+  return Math.round(tick / spacing) * spacing
+}
+
+export function fdvToTick(params: {
+  fdvUsd: number
+  quoteTokenUsd: number
+  tickSpacing: number
+  totalSupply: number
+}): number {
+  const { fdvUsd, quoteTokenUsd, tickSpacing, totalSupply } = params
+  if (fdvUsd <= 0) throw new Error('fdvUsd must be positive')
+  if (quoteTokenUsd <= 0) throw new Error('quoteTokenUsd must be positive')
+  if (totalSupply <= 0) throw new Error('totalSupply must be positive')
+
+  // USD per coin
+  const usdPerCoin = fdvUsd / totalSupply
+
+  // currency per coin = (USD per coin) / (USD per currency)
+  // In Uniswap: tick represents price of token0 (coin) in terms of token1 (currency)
+  // e.g., ETH per COIN for an ETH/COIN pool
+  const currencyPerCoin = usdPerCoin / quoteTokenUsd
+
+  let tick = Math.log(currencyPerCoin) / LN_1_0001
+  return snapToTickSpacing(tick, tickSpacing)
+}
diff --git a/packages/utils/src/poolConfig/zoraContent.ts b/packages/utils/src/poolConfig/zoraContent.ts
new file mode 100644
index 000000000..170eb833f
--- /dev/null
+++ b/packages/utils/src/poolConfig/zoraContent.ts
@@ -0,0 +1,137 @@
+import type { Address } from 'viem'
+
+import { DEFAULT_CLANKER_TOTAL_SUPPLY } from './clankerCreator'
+import { clamp, type DiscoveryPoolConfig, fdvToTick } from './shared'
+
+const DEFAULT_ZORA_TOTAL_SUPPLY = 1_000_000_000 // 1B tokens
+const DEFAULT_ZORA_TICK_SPACING = 200
+
+// Zora-derived constants
+const TICK_HALF_RANGE = 11_000 // ±11k ticks
+const RANGE_FACTOR = Math.pow(1.0001, 2 * TICK_HALF_RANGE) // ≈ 9.024
+const RANGE_FACTOR_SQRT = Math.sqrt(RANGE_FACTOR)
+
+// 3-band discovery shape (matches SDK)
+const NUM_DISCOVERY_POSITIONS = [11, 11, 11] as const
+const MAX_DISCOVERY_SUPPLY_SHARES = [
+  250000000000000000n, // 25%
+  300000000000000000n, // 30%
+  150000000000000000n, // 15%
+] as const
+
+/**
+ * Build a Zora-like 3-band content pool config from a target FDV anchor.
+ *
+ * This mirrors the SDK pattern you observed:
+ * - fixed-width log window (±11k ticks around the anchor)
+ * - 3 bands, with band2 and band3 sharing the same upper tick
+ * - internal breakpoints biased toward the low end (not equal thirds)
+ *
+ * Breakpoints (in tick-space) are approximately:
+ *   lower: [min, min+8000, min+10000]
+ *   upper: [min+10000, max, max]
+ */
+export function createContentPoolConfigFromTargetFdv(params: {
+  currency: Address
+  quoteTokenUsd: number
+  targetFdvUsd: number
+  tickSpacing?: number
+}): DiscoveryPoolConfig {
+  const {
+    currency,
+    quoteTokenUsd,
+    targetFdvUsd,
+    tickSpacing = DEFAULT_ZORA_TICK_SPACING,
+  } = params
+
+  if (!Number.isFinite(targetFdvUsd) || targetFdvUsd <= 0)
+    throw new Error('targetFdvUsd must be positive')
+  if (!Number.isFinite(quoteTokenUsd) || quoteTokenUsd <= 0)
+    throw new Error('quoteTokenUsd must be positive')
+
+  // 1) Compute FDV bounds using geometric spread
+  const minFdvUsd = targetFdvUsd / RANGE_FACTOR_SQRT
+  const maxFdvUsd = targetFdvUsd * RANGE_FACTOR_SQRT
+
+  // 2) Convert to ticks
+  const minTick = fdvToTick({
+    fdvUsd: minFdvUsd,
+    quoteTokenUsd,
+    tickSpacing,
+    totalSupply: DEFAULT_ZORA_TOTAL_SUPPLY,
+  })
+  const maxTick = fdvToTick({
+    fdvUsd: maxFdvUsd,
+    quoteTokenUsd,
+    tickSpacing,
+    totalSupply: DEFAULT_ZORA_TOTAL_SUPPLY,
+  })
+
+  // Defensive: ensure ordering even if rounding flips something
+  const tMin = Math.min(minTick, maxTick)
+  const tMax = Math.max(minTick, maxTick)
+
+  // 3) Zora-like internal breakpoints (match your observed SDK example)
+  const t1 = tMin + 80 * tickSpacing
+  const t2 = tMin + 100 * tickSpacing
+
+  if (!(tMin < t1 && t1 < t2 && t2 < tMax)) {
+    throw new Error(
+      `Invalid tick construction: expected tMin < t1 < t2 < tMax, got ${tMin}, ${t1}, ${t2}, ${tMax}`
+    )
+  }
+
+  const lowerTicks = [tMin, t1, t2]
+  const upperTicks = [t2, tMax, tMax]
+
+  return {
+    currency,
+    lowerTicks,
+    upperTicks,
+    numDiscoveryPositions: [...NUM_DISCOVERY_POSITIONS],
+    maxDiscoverySupplyShares: [...MAX_DISCOVERY_SUPPLY_SHARES],
+  }
+}
+
+// ---- Anchor model constants ----
+
+const BASE_MC = 10_000 // USD
+const BASE_FDV = 120_000 // USD
+const ALPHA = 0.5 // sqrt scaling
+
+const MIN_FDV = 25_000 // hard floor
+const MAX_FDV = 2_500_000 // hard ceiling
+
+/**
+ * Estimate a Zora-like target FDV for a creator / DAO token.
+ */
+export function estimateTargetFdvUsd(params: { marketCapUsd: number }): number {
+  const { marketCapUsd } = params
+
+  if (!Number.isFinite(marketCapUsd) || marketCapUsd <= 0) {
+    throw new Error('marketCapUsd must be a finite positive number')
+  }
+
+  const raw = BASE_FDV * Math.pow(marketCapUsd / BASE_MC, ALPHA)
+
+  return clamp(raw, MIN_FDV, MAX_FDV)
+}
+
+export function createContentPoolConfigWithClankerTokenAsCurrency(params: {
+  currency: Address
+  quoteTokenUsd: number
+  tickSpacing?: number
+}): DiscoveryPoolConfig {
+  const { currency, quoteTokenUsd, tickSpacing } = params
+
+  const marketCapUsd = quoteTokenUsd * DEFAULT_CLANKER_TOTAL_SUPPLY
+
+  const targetFdvUsd = estimateTargetFdvUsd({ marketCapUsd })
+
+  return createContentPoolConfigFromTargetFdv({
+    currency,
+    quoteTokenUsd,
+    targetFdvUsd,
+    tickSpacing,
+  })
+}
diff --git a/packages/utils/tsup.config.ts b/packages/utils/tsup.config.ts
index a4124f383..fd4b5696d 100644
--- a/packages/utils/tsup.config.ts
+++ b/packages/utils/tsup.config.ts
@@ -1,7 +1,13 @@
 import { defineConfig } from 'tsup'
 
 export default defineConfig({
-  entry: ['src/*.ts', 'src/wagmi/*.ts', 'src/yup/*.ts', '!src/*.test.ts'],
+  entry: [
+    'src/*.ts',
+    'src/poolConfig/*.ts',
+    'src/wagmi/*.ts',
+    'src/yup/*.ts',
+    '!src/*.test.ts',
+  ],
   format: ['cjs', 'esm'],
   dts: true,
   clean: true,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6edfcb839..1ed38b3fb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -182,6 +182,12 @@ importers:
       '@vercel/og':
         specifier: ^0.6.8
         version: 0.6.8
+      '@zoralabs/coins-sdk':
+        specifier: ^0.3.3
+        version: 0.3.3(abitype@1.1.1(typescript@5.9.3)(zod@4.1.12))(viem@2.38.2(bufferutil@4.0.9)(typescript@5.9.3)(utf-8-validate@5.0.10)(zod@4.1.12))
+      '@zoralabs/protocol-deployments':
+        specifier: ^0.6.4
+        version: 0.6.4
       ai:
         specifier: ^5.0.76
         version: 5.0.76(zod@4.1.12)
@@ -197,6 +203,9 @@ importers:
       flatpickr:
         specifier: ^4.6.13
         version: 4.6.13
+      formik:
+        specifier: ^2.4.6
+        version: 2.4.6(@types/react@19.2.2)(react@19.2.1)
       framer-motion:
         specifier: ^12.12.1
         version: 12.23.24(@emotion/is-prop-valid@1.4.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
@@ -650,12 +659,21 @@ importers:
       '@walletconnect/web3wallet':
         specifier: 1.10.3
         version: 1.10.3(bufferutil@4.0.9)(encoding@0.1.13)(ioredis@5.8.1)(utf-8-validate@5.0.10)
+      '@zoralabs/coins-sdk':
+        specifier: ^0.3.3
+        version: 0.3.3(abitype@1.1.1(typescript@5.9.3)(zod@4.1.12))(viem@2.38.2(bufferutil@4.0.9)(typescript@5.9.3)(utf-8-validate@5.0.10)(zod@4.1.12))
+      '@zoralabs/protocol-deployments':
+        specifier: ^0.6.4
+        version: 0.6.4
       axios:
         specifier: ^1.12.2
         version: 1.12.2
       bs58:
         specifier: ^6.0.0
         version: 6.0.0
+      clanker-sdk:
+        specifier: ^4.2.8
+        version: 4.2.8(@types/node@22.18.10)(typescript@5.9.3)(viem@2.38.2(bufferutil@4.0.9)(typescript@5.9.3)(utf-8-validate@5.0.10)(zod@4.1.12))
       dayjs:
         specifier: ^1.11.13
         version: 1.11.18
@@ -1484,6 +1502,12 @@ importers:
       wagmi:
         specifier: ^2.18.1
         version: 2.18.1(@tanstack/query-core@5.90.3)(@tanstack/react-query@5.90.3(react@19.2.1))(@types/react@19.2.2)(bufferutil@4.0.9)(encoding@0.1.13)(ioredis@5.8.1)(react@19.2.1)(typescript@5.9.3)(utf-8-validate@5.0.10)(viem@2.38.2(bufferutil@4.0.9)(typescript@5.9.3)(utf-8-validate@5.0.10)(zod@4.1.12))(zod@4.1.12)
+      yup:
+        specifier: ^1.6.1
+        version: 1.7.1
+      zustand:
+        specifier: ^5.0.4
+        version: 5.0.8(@types/react@19.2.2)(react@19.2.1)(use-sync-external-store@1.6.0(react@19.2.1))
     devDependencies:
       '@buildeross/constants':
         specifier: workspace:*
@@ -3362,6 +3386,10 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
+  '@hey-api/client-fetch@0.8.4':
+    resolution: {integrity: sha512-SWtUjVEFIUdiJGR2NiuF0njsSrSdTe7WHWkp3BLH3DEl2bRhiflOnBo29NSDdrY90hjtTQiTQkBxUgGOF29Xzg==}
+    deprecated: Starting with v0.73.0, this package is bundled directly inside @hey-api/openapi-ts.
+
   '@humanwhocodes/config-array@0.13.0':
     resolution: {integrity: sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==}
     engines: {node: '>=10.10.0'}
@@ -5418,9 +5446,11 @@ packages:
 
   '@walletconnect/sign-client@2.21.0':
     resolution: {integrity: sha512-z7h+PeLa5Au2R591d/8ZlziE0stJvdzP9jNFzFolf2RG/OiXulgFKum8PrIyXy+Rg2q95U9nRVUF9fWcn78yBA==}
+    deprecated: 'Reliability and performance improvements. See: https://github.com/WalletConnect/walletconnect-monorepo/releases'
 
   '@walletconnect/sign-client@2.21.1':
     resolution: {integrity: sha512-QaXzmPsMnKGV6tc4UcdnQVNOz4zyXgarvdIQibJ4L3EmLat73r5ZVl4c0cCOcoaV7rgM9Wbphgu5E/7jNcd3Zg==}
+    deprecated: 'Reliability and performance improvements. See: https://github.com/WalletConnect/walletconnect-monorepo/releases'
 
   '@walletconnect/time@1.0.2':
     resolution: {integrity: sha512-uzdd9woDcJ1AaBZRhqy5rNC9laqWGErfc4dxA9a87mPdKOgWMD85mcFo9dIYIts/Jwocfwn07EC6EzclKubk/g==}
@@ -5436,9 +5466,11 @@ packages:
 
   '@walletconnect/universal-provider@2.21.0':
     resolution: {integrity: sha512-mtUQvewt+X0VBQay/xOJBvxsB3Xsm1lTwFjZ6WUwSOTR1X+FNb71hSApnV5kbsdDIpYPXeQUbGt2se1n5E5UBg==}
+    deprecated: 'Reliability and performance improvements. See: https://github.com/WalletConnect/walletconnect-monorepo/releases'
 
   '@walletconnect/universal-provider@2.21.1':
     resolution: {integrity: sha512-Wjx9G8gUHVMnYfxtasC9poGm8QMiPCpXpbbLFT+iPoQskDDly8BwueWnqKs4Mx2SdIAWAwuXeZ5ojk5qQOxJJg==}
+    deprecated: 'Reliability and performance improvements. See: https://github.com/WalletConnect/walletconnect-monorepo/releases'
 
   '@walletconnect/utils@2.11.3':
     resolution: {integrity: sha512-jsdNkrl/IcTkzWFn0S2d0urzBXg6RxVJtUYRsUx3qI3wzOGiABP9ui3yiZ3SgZOv9aRe62PaNp1qpbYZ+zPb8Q==}
@@ -5560,6 +5592,16 @@ packages:
   '@zag-js/focus-visible@0.31.1':
     resolution: {integrity: sha512-dbLksz7FEwyFoANbpIlNnd3bVm0clQSUsnP8yUVQucStZPsuWjCrhL2jlAbGNrTrahX96ntUMXHb/sM68TibFg==}
 
+  '@zoralabs/coins-sdk@0.3.3':
+    resolution: {integrity: sha512-C6rHMgZnK5dfUs4/i6OCJhBzF6Uj4KsuYpfoIyFSvgj2iZbZ7SIICGhS0lKbLdxvb8xbSwv2Fn7Xnqylf/BuEg==}
+    engines: {node: '>=22'}
+    peerDependencies:
+      abitype: ^1.0.8
+      viem: ^2.38.2
+
+  '@zoralabs/protocol-deployments@0.6.4':
+    resolution: {integrity: sha512-ecgdCAF1zskmsztG+tP+qJ9GvTdm8unGg/D/mJ3eQEHTqkS7UmH8hJ7zOX8GbUyTUW4xWl/2p8CtxGxc8FHAOw==}
+
   JSONStream@1.3.2:
     resolution: {integrity: sha512-mn0KSip7N4e0UDPZHnqDsHECo5uGQrixQKnAskOM1BIB8hd7QKbd6il8IPRPudPHOeHiECoCFqhyMaRO9+nWyA==}
     hasBin: true
@@ -6247,6 +6289,12 @@ packages:
   cjs-module-lexer@1.4.3:
     resolution: {integrity: sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q==}
 
+  clanker-sdk@4.2.8:
+    resolution: {integrity: sha512-j3fX5I7QctLO5ZVNn5bhpZFHIug+JFXXPSam4QEa6KeOsrn4mlwuwF6gCkDDwp/VLImEF5LukVT6PLS1AnQGjg==}
+    hasBin: true
+    peerDependencies:
+      viem: ^2.38.2
+
   clean-stack@2.2.0:
     resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
     engines: {node: '>=6'}
@@ -14476,6 +14524,8 @@ snapshots:
       protobufjs: 7.5.4
       yargs: 17.7.2
 
+  '@hey-api/client-fetch@0.8.4': {}
+
   '@humanwhocodes/config-array@0.13.0':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
@@ -18172,6 +18222,15 @@ snapshots:
     dependencies:
       '@zag-js/dom-query': 0.31.1
 
+  '@zoralabs/coins-sdk@0.3.3(abitype@1.1.1(typescript@5.9.3)(zod@4.1.12))(viem@2.38.2(bufferutil@4.0.9)(typescript@5.9.3)(utf-8-validate@5.0.10)(zod@4.1.12))':
+    dependencies:
+      '@hey-api/client-fetch': 0.8.4
+      '@zoralabs/protocol-deployments': 0.6.4
+      abitype: 1.1.1(typescript@5.9.3)(zod@4.1.12)
+      viem: 2.38.2(bufferutil@4.0.9)(typescript@5.9.3)(utf-8-validate@5.0.10)(zod@4.1.12)
+
+  '@zoralabs/protocol-deployments@0.6.4': {}
+
   JSONStream@1.3.2:
     dependencies:
       jsonparse: 1.3.1
@@ -18997,6 +19056,18 @@ snapshots:
 
   cjs-module-lexer@1.4.3: {}
 
+  clanker-sdk@4.2.8(@types/node@22.18.10)(typescript@5.9.3)(viem@2.38.2(bufferutil@4.0.9)(typescript@5.9.3)(utf-8-validate@5.0.10)(zod@4.1.12)):
+    dependencies:
+      '@openzeppelin/merkle-tree': 1.0.8
+      abitype: 1.1.1(typescript@5.9.3)(zod@4.1.12)
+      inquirer: 8.2.7(@types/node@22.18.10)
+      viem: 2.38.2(bufferutil@4.0.9)(typescript@5.9.3)(utf-8-validate@5.0.10)(zod@4.1.12)
+      zod: 4.1.12
+    transitivePeerDependencies:
+      - '@types/node'
+      - supports-color
+      - typescript
+
   clean-stack@2.2.0: {}
 
   clean-stack@3.0.1:
diff --git a/turbo.json b/turbo.json
index 329108db6..cece323c0 100644
--- a/turbo.json
+++ b/turbo.json
@@ -21,6 +21,7 @@
     "NEXT_PUBLIC_GOLDSKY_PROJECT_ID",
     "NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID",
     "NEXT_PUBLIC_WALLET_CONNECT_METADATA",
+    "NEXT_PUBLIC_ZORA_COINS_SDK_API_KEY",
     "SENTRY_DSN",
     "SENTRY_ORG",
     "SENTRY_PROJECT",