Customization
Modular Blocks
Mix, match, and reorder functional page blocks to customize your landing page layout.
Modular blocks are the building units of a VibeMint site. In the dashboard workspace, you can add blocks, choose specific layout rules for each block, and drag them to adjust order.
Supported Block Types
Block TypeLayout RulesDescription
heroCentered, Side by Side, CompactThe main call-to-action landing banner. Standardizes the main logo, tagline, contract address copying tool, and purchase buttons.
aboutCentered, Side by Side, CompactA narrative block to present your token's origin, utility details, or technical whitepaper summaries.
tokenomicsCentered, Side by SideGraphical token supply breakdown. Renders TVL/APY details, tax distributions, liquidity locked indicators, and charts.
roadmapCentered, Side by Side, CompactInteractive development milestone progress indicators. Tracks past accomplishments and future plans.
teamCentered, Side by Side, CompactShowcases developers, moderators, and advisors with links to their social channels.
faqCentered, CompactAccordion headers answering common questions about token purchase, utility, and safety properties.
communityCentered, Side by SideGrowth panels aggregating Telegram counts, Twitter followings, and links to join active groups.
Database Representation Schema
Under the hood, layout configurations are serialized and saved in the Laravel database as a structured JSON mapping array:
project_layout.json
1 [
2 { "block_slug": "hero", "variant": "sidebyside", "order": 1 },
3 { "block_slug": "about", "variant": "centered", "order": 2 },
4 { "block_slug": "tokenomics", "variant": "sidebyside", "order": 3 }
5 ]
2 { "block_slug": "hero", "variant": "sidebyside", "order": 1 },
3 { "block_slug": "about", "variant": "centered", "order": 2 },
4 { "block_slug": "tokenomics", "variant": "sidebyside", "order": 3 }
5 ]