[{"data":1,"prerenderedAt":808},["ShallowReactive",2],{"navigation-docs-en":3,"navigation-tools-en":48,"/docs/getting-started/features-en":72,"/docs/getting-started/features-surround-en":803},[4,23],{"title":5,"path":6,"stem":7,"children":8,"icon":22},"Getting Started","/docs/getting-started","1.docs/1.getting-started/1.index",[9,12,17],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Our Process","/docs/getting-started/our-process","1.docs/1.getting-started/2.our-process","i-lucide-workflow",{"title":18,"path":19,"stem":20,"icon":21},"Live Demo","/docs/getting-started/features","1.docs/1.getting-started/3.features","i-lucide-sparkles",false,{"title":24,"path":25,"stem":26,"children":27,"page":22},"Essentials","/docs/essentials","1.docs/2.essentials",[28,33,38,43],{"title":29,"path":30,"stem":31,"icon":32},"Markdown Syntax","/docs/essentials/markdown-syntax","1.docs/2.essentials/1.markdown-syntax","i-lucide-heading-1",{"title":34,"path":35,"stem":36,"icon":37},"Code Blocks","/docs/essentials/code-blocks","1.docs/2.essentials/2.code-blocks","i-lucide-code-xml",{"title":39,"path":40,"stem":41,"icon":42},"Prose Components","/docs/essentials/prose-components","1.docs/2.essentials/3.prose-components","i-lucide-component",{"title":44,"path":45,"stem":46,"icon":47},"Images and Embeds","/docs/essentials/images-embeds","1.docs/2.essentials/4.images-embeds","i-lucide-image",[49,54],{"title":50,"path":51,"stem":52,"icon":53},"Developer Tools","/tools","6.tools/index","i-lucide-wrench",{"title":5,"path":55,"stem":56,"children":57,"icon":71},"/tools/getting-started","6.tools/1.getting-started/1.index",[58,59,63,67],{"title":10,"path":55,"stem":56},{"title":60,"path":61,"stem":62},"CLI Tool","/tools/getting-started/cli","6.tools/1.getting-started/2.cli",{"title":64,"path":65,"stem":66},"Code Generators","/tools/getting-started/generators","6.tools/1.getting-started/3.generators",{"title":68,"path":69,"stem":70},"Testing Utilities","/tools/getting-started/testing","6.tools/1.getting-started/4.testing","i-lucide-rocket",{"page":73,"fallbackPage":798},{"id":74,"title":18,"body":75,"description":796,"extension":797,"links":798,"meta":799,"navigation":800,"ogImage":798,"path":19,"seo":801,"stem":20,"__hash__":802},"docs/1.docs/1.getting-started/3.features.md",{"type":76,"value":77,"toc":768},"minimark",[78,87,92,97,100,140,144,147,157,160,164,168,171,190,193,219,223,226,240,243,247,254,258,264,267,278,282,288,290,301,304,318,322,328,330,341,345,349,352,380,384,387,393,396,399,493,497,504,530,534,537,569,573,576,602,606,609,635,639,642,674,678,681,713,717,720,755,759,764],[79,80,81,82,86],"p",{},"This entire site is a ",[83,84,85],"strong",{},"live demo"," of what we build. Every feature you see here can be customized for your business. Use the navigation to explore and interact with the features.",[88,89,91],"h2",{"id":90},"multi-language-support","Multi-language Support",[93,94,96],"h3",{"id":95},"language-switching","Language Switching",[79,98,99],{},"Try switching languages using the selector in the header. Notice how:",[101,102,103,122,128,134],"ul",{},[104,105,106,109,110,114,115,118,119],"li",{},[83,107,108],{},"URLs change"," - English: ",[111,112,113],"code",{},"/docs",", German: ",[111,116,117],{},"/de/docs",", French: ",[111,120,121],{},"/fr/docs",[104,123,124,127],{},[83,125,126],{},"Navigation updates"," - Sidebar reflects translated content",[104,129,130,133],{},[83,131,132],{},"Search works"," - Full-text search across all languages",[104,135,136,139],{},[83,137,138],{},"Fallback handling"," - Missing translations show English with a notice",[93,141,143],{"id":142},"translation-structure","Translation Structure",[79,145,146],{},"Content is organized by language:",[148,149,154],"pre",{"className":150,"code":152,"language":153},[151],"language-text","content/\n├── 1.docs/          # English documentation\n├── 3.blog/          # English blog\n├── de/              # German translations\n│   ├── 1.docs/\n│   └── 3.blog/\n└── fr/              # French translations\n    ├── 1.docs/\n    └── 3.blog/\n","text",[111,155,152],{"__ignoreMap":156},"",[79,158,159],{},"Each section maintains the same structure across languages, making content management intuitive.",[88,161,163],{"id":162},"content-sections-doc-roots","Content Sections (Doc Roots)",[93,165,167],{"id":166},"flexible-organization","Flexible Organization",[79,169,170],{},"This demo includes two doc roots:",[101,172,173,182],{},[104,174,175,178,179,181],{},[83,176,177],{},"📚 Documentation"," (",[111,180,113],{},") - Main documentation and guides",[104,183,184,178,187,189],{},[83,185,186],{},"🛠️ Tools",[111,188,51],{},") - Additional resources and tools",[79,191,192],{},"You can have unlimited doc roots. Common examples:",[101,194,195,201,207,213],{},[104,196,197,200],{},[83,198,199],{},"Tutorials"," - Step-by-step guides for users",[104,202,203,206],{},[83,204,205],{},"API Reference"," - Technical API documentation",[104,208,209,212],{},[83,210,211],{},"Help Center"," - Support articles and FAQs",[104,214,215,218],{},[83,216,217],{},"Changelog"," - Product updates and release notes",[93,220,222],{"id":221},"auto-generated-navigation","Auto-generated Navigation",[79,224,225],{},"The sidebar automatically updates when you:",[101,227,228,231,234,237],{},[104,229,230],{},"Add new pages",[104,232,233],{},"Reorganize folders",[104,235,236],{},"Update page titles",[104,238,239],{},"Add new doc roots",[79,241,242],{},"No manual navigation configuration needed!",[88,244,246],{"id":245},"promotional-cards","Promotional Cards",[79,248,249,250,253],{},"Check out the ",[83,251,252],{},"floating panel on the right"," (on desktop) or the promotions section (on mobile). It demonstrates three interaction modes:",[93,255,257],{"id":256},"_1-card-action-link","1. Card Action: Link",[79,259,260,263],{},[83,261,262],{},"Entire card is clickable"," - Great for simple CTAs where you want maximum clickable area.",[79,265,266],{},"Example use cases:",[101,268,269,272,275],{},[104,270,271],{},"\"View on GitHub\" cards",[104,273,274],{},"\"Try our demo\" promotions",[104,276,277],{},"External resource links",[93,279,281],{"id":280},"_2-card-action-modal","2. Card Action: Modal",[79,283,284,287],{},[83,285,286],{},"Card opens detailed modal"," - Perfect when you need to show more information before the user commits to an action.",[79,289,266],{},[101,291,292,295,298],{},[104,293,294],{},"Feature explanations with detailed benefits",[104,296,297],{},"Contact forms with context",[104,299,300],{},"Product showcases with multiple features",[79,302,303],{},"Click the \"Demo: Card Action Modal\" card to see the modal with:",[101,305,306,309,312,315],{},[104,307,308],{},"Rich content and descriptions",[104,310,311],{},"Feature grid with icons",[104,313,314],{},"Primary action button",[104,316,317],{},"Multi-language support",[93,319,321],{"id":320},"_3-card-action-button","3. Card Action: Button",[79,323,324,327],{},[83,325,326],{},"Only button is clickable"," - Best for passive display cards where the card itself provides information.",[79,329,266],{},[101,331,332,335,338],{},[104,333,334],{},"Simple informational cards",[104,336,337],{},"Single-purpose CTAs",[104,339,340],{},"Non-interactive announcements",[88,342,344],{"id":343},"markdown-features","Markdown Features",[93,346,348],{"id":347},"rich-text-formatting","Rich Text Formatting",[79,350,351],{},"All standard Markdown is supported:",[101,353,354,365,371,374,377],{},[104,355,356,359,360,364],{},[83,357,358],{},"Bold"," and ",[361,362,363],"em",{},"italic"," text",[104,366,367,370],{},[111,368,369],{},"Inline code"," and code blocks",[104,372,373],{},"Lists, tables, and blockquotes",[104,375,376],{},"Images and links",[104,378,379],{},"Headings and horizontal rules",[93,381,383],{"id":382},"mdc-components","MDC Components",[79,385,386],{},"Use Vue components directly in Markdown:",[388,389,390],"tip",{},[79,391,392],{},"This is a custom tip component with styling! You can create callouts, warnings, notes, and more.",[93,394,34],{"id":395},"code-blocks",[79,397,398],{},"Syntax-highlighted code with language labels:",[148,400,405],{"className":401,"code":402,"filename":403,"language":404,"meta":156,"style":156},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineAppConfig({\n  content: {\n    site: {\n      name: 'My SaaS'\n    }\n  }\n})\n","app.config.ts","typescript",[111,406,407,431,444,454,472,478,484],{"__ignoreMap":156},[408,409,412,416,419,423,427],"span",{"class":410,"line":411},"line",1,[408,413,415],{"class":414},"s7zQu","export",[408,417,418],{"class":414}," default",[408,420,422],{"class":421},"s2Zo4"," defineAppConfig",[408,424,426],{"class":425},"sTEyZ","(",[408,428,430],{"class":429},"sMK4o","{\n",[408,432,434,438,441],{"class":410,"line":433},2,[408,435,437],{"class":436},"swJcz","  content",[408,439,440],{"class":429},":",[408,442,443],{"class":429}," {\n",[408,445,447,450,452],{"class":410,"line":446},3,[408,448,449],{"class":436},"    site",[408,451,440],{"class":429},[408,453,443],{"class":429},[408,455,457,460,462,465,469],{"class":410,"line":456},4,[408,458,459],{"class":436},"      name",[408,461,440],{"class":429},[408,463,464],{"class":429}," '",[408,466,468],{"class":467},"sfazB","My SaaS",[408,470,471],{"class":429},"'\n",[408,473,475],{"class":410,"line":474},5,[408,476,477],{"class":429},"    }\n",[408,479,481],{"class":410,"line":480},6,[408,482,483],{"class":429},"  }\n",[408,485,487,490],{"class":410,"line":486},7,[408,488,489],{"class":429},"}",[408,491,492],{"class":425},")\n",[88,494,496],{"id":495},"search-functionality","Search Functionality",[79,498,499,500,503],{},"Try the search (press ",[111,501,502],{},"/"," or click the search icon):",[101,505,506,512,518,524],{},[104,507,508,511],{},[83,509,510],{},"Fast full-text search"," across all content",[104,513,514,517],{},[83,515,516],{},"Multi-language aware"," - Searches current language",[104,519,520,523],{},[83,521,522],{},"Keyboard shortcuts"," - Navigate with arrow keys",[104,525,526,529],{},[83,527,528],{},"Instant results"," - No page reload needed",[88,531,533],{"id":532},"blog-system","Blog System",[79,535,536],{},"Navigate to the Blog section to see:",[101,538,539,545,551,557,563],{},[104,540,541,544],{},[83,542,543],{},"Post listings"," - Chronological display of articles",[104,546,547,550],{},[83,548,549],{},"Author info"," - Profile images and names",[104,552,553,556],{},[83,554,555],{},"Categories/tags"," - Organize content by topic",[104,558,559,562],{},[83,560,561],{},"Reading time"," - Automatic calculation",[104,564,565,568],{},[83,566,567],{},"Multi-language posts"," - Translated blog content",[88,570,572],{"id":571},"dark-mode","Dark Mode",[79,574,575],{},"Toggle dark mode using the button in the header:",[101,577,578,584,590,596],{},[104,579,580,583],{},[83,581,582],{},"Automatic detection"," - Respects system preferences",[104,585,586,589],{},[83,587,588],{},"Manual override"," - Let users choose their preference",[104,591,592,595],{},[83,593,594],{},"Persistent"," - Remembers user choice",[104,597,598,601],{},[83,599,600],{},"Smooth transitions"," - Professional theme switching",[88,603,605],{"id":604},"mobile-responsive","Mobile Responsive",[79,607,608],{},"Resize your browser or view on mobile to see:",[101,610,611,617,623,629],{},[104,612,613,616],{},[83,614,615],{},"Adaptive layout"," - Optimized for all screen sizes",[104,618,619,622],{},[83,620,621],{},"Touch-friendly"," - Larger tap targets on mobile",[104,624,625,628],{},[83,626,627],{},"Mobile menu"," - Collapsible navigation",[104,630,631,634],{},[83,632,633],{},"Performance"," - Fast loading on slow connections",[88,636,638],{"id":637},"performance-features","Performance Features",[79,640,641],{},"Every page we build includes:",[101,643,644,650,656,662,668],{},[104,645,646,649],{},[83,647,648],{},"Lazy loading"," - Images and components load on demand",[104,651,652,655],{},[83,653,654],{},"Code splitting"," - Only load what's needed for each page",[104,657,658,661],{},[83,659,660],{},"Optimized images"," - Automatic compression and modern formats",[104,663,664,667],{},[83,665,666],{},"Caching"," - Smart caching strategy for repeat visits",[104,669,670,673],{},[83,671,672],{},"Preloading"," - Critical resources loaded first",[88,675,677],{"id":676},"seo-optimized","SEO Optimized",[79,679,680],{},"Built-in SEO best practices:",[101,682,683,689,695,701,707],{},[104,684,685,688],{},[83,686,687],{},"Meta tags"," - Proper title, description, and keywords",[104,690,691,694],{},[83,692,693],{},"Open Graph"," - Rich social media previews",[104,696,697,700],{},[83,698,699],{},"Sitemap"," - Auto-generated XML sitemap",[104,702,703,706],{},[83,704,705],{},"Hreflang tags"," - Language variant declarations",[104,708,709,712],{},[83,710,711],{},"Semantic HTML"," - Proper heading hierarchy",[88,714,716],{"id":715},"what-you-can-customize","What You Can Customize",[79,718,719],{},"When we build your landing page, you can customize:",[79,721,722,723,726,727,730,731,734,735,738,739,742,743,746,747,750,751,754],{},"✅ ",[83,724,725],{},"Branding"," - Logo, colors, fonts, and styling\n✅ ",[83,728,729],{},"Content structure"," - Docs, blog, tools, tutorials, etc.\n✅ ",[83,732,733],{},"Languages"," - Add any number of target languages\n✅ ",[83,736,737],{},"Promotions"," - Highlight features and CTAs\n✅ ",[83,740,741],{},"Navigation"," - Organize sections your way\n✅ ",[83,744,745],{},"Analytics"," - Integrate tracking tools\n✅ ",[83,748,749],{},"Domain"," - Use your custom domain\n✅ ",[83,752,753],{},"Theme"," - Light/dark modes or custom themes",[88,756,758],{"id":757},"ready-to-get-started","Ready to Get Started?",[388,760,761],{},[79,762,763],{},"Contact us to discuss your project. We'll build your multi-language landing page on Cloudflare and have it live in days.",[765,766,767],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":156,"searchDepth":433,"depth":433,"links":769},[770,774,778,783,788,789,790,791,792,793,794,795],{"id":90,"depth":433,"text":91,"children":771},[772,773],{"id":95,"depth":446,"text":96},{"id":142,"depth":446,"text":143},{"id":162,"depth":433,"text":163,"children":775},[776,777],{"id":166,"depth":446,"text":167},{"id":221,"depth":446,"text":222},{"id":245,"depth":433,"text":246,"children":779},[780,781,782],{"id":256,"depth":446,"text":257},{"id":280,"depth":446,"text":281},{"id":320,"depth":446,"text":321},{"id":343,"depth":433,"text":344,"children":784},[785,786,787],{"id":347,"depth":446,"text":348},{"id":382,"depth":446,"text":383},{"id":395,"depth":446,"text":34},{"id":495,"depth":433,"text":496},{"id":532,"depth":433,"text":533},{"id":571,"depth":433,"text":572},{"id":604,"depth":433,"text":605},{"id":637,"depth":433,"text":638},{"id":676,"depth":433,"text":677},{"id":715,"depth":433,"text":716},{"id":757,"depth":433,"text":758},"Explore the features and capabilities you're using right now","md",null,{},{"icon":21},{"title":18,"description":796},"JwA6ha8VQbNXiqqUFyQB8U2WHxGEu_zZr8Y3pD55mso",[804,806],{"title":13,"path":14,"stem":15,"description":805,"icon":16,"children":-1},"How we build and deploy your multi-language landing page",{"title":29,"path":30,"stem":31,"description":807,"icon":32,"children":-1},"Text, title, and styling in standard markdown.",1762257864561]