Update BCMS content

Author: Momciloo

src/site/headless-cms/bcms.md

@@ -7,91 +7,103 @@ opensource: "No"
 typeofcms: "API Driven"
 supportedgenerators:
   - All
-description: BCMS provides flexible content modeling for creative projects in Next.js, Astro, Nuxt.js, Svelte, and Gatsby.js. Comes with strong TypeScript support and rich customization options.
+description: BCMS is a powerful API-first headless CMS. Comes with strong TypeScript support and rich customization options.
 images:
   - path: /img/cms/bcms-dashboard.jpg
-  - path: /img/cms/bcms-drag-n-drop.gif
 ---
 
-![/img/cms/bcms-dashboard.jpg]
-
-## BCMS: Headless CMS built for Developers, loved by their Clients
+# **BCMS: Headless CMS built for Developers, loved by their Clients**
 
 BCMS is a powerful headless CMS offering flexible content modeling and API-first architecture. Comes with official SDK integration for Next.js, Astro, Nuxt.js, Svelte and Gatsby.js.
+<br /><br />
+
+<a href="https://thebcms.com/" style="margin: 1rem 0; padding: 1rem; background-color: #c5ff09; color: #04070b; text-decoration: none;  border-radius: 90px; font-size: 1.25rem; font-weight: 600; ">Start for free</a>
+
 
-## [Start for Free](https://thebcms.com/)  
+<br />
 
-### Architecture
+## Architecture
 BCMS provides RESTful APIs and a simple setup that developers can extend to fit their specific needs.
 
 - **API-first**: Built for developers, with RESTful APIs for seamless content access.
 - **Serverless Functions**: Handle forms, emails, and automation directly within BCMS.
 
-### Core Features
+## Core Features
 
-#### Flexible Content Modeling
+### Flexible Content Modeling
 - Over 10 built-in input types, including text, images, videos, and documents.
 - Easily create custom content structures using a drag-and-drop interface.
 
-#### Omnichannel Content Delivery
+![Creating content structure by drag-n-dropping inputs](/img/cms/bcms-drag-n-drop.gif)
+
+### Omnichannel Content Delivery
 - Publish content across multiple platforms, ensuring easy updates and consistency.
 
-#### Internationalization
+### Internationalization
 - Fully supports multilingual content in any language
 
-#### Advanced Media Manager
+### Advanced Media Manager
 - Organize and manage media files using folders and subfolders.
 - Built-in image processing tools with format-specific previews.
 
-### Development
+## Development
 
-#### TypeScript Support
+### TypeScript Support
 - Automatically generated types based on your content structure ensure reliable, type-safe development.
 
-#### Integrations with Popular Frameworks
+### Integrations with Popular Frameworks
 - Out-of-the-box integrations for Next.js, Nuxt.js, Gatsby.js, Svelte and Astro.js simplify development.
 
-#### Fast Content Retrieval
+### Fast Content Retrieval
 - Use BCMS global search to fetch any content quickly, even for large-scale projects.
 
-### Security & Permissions
+## Security & Permissions
 - Fine-grained access control with customizable API keys and permissions.
 
-### Extensibility
+## Extensibility
 - Extend BCMS with serverless functions, cron jobs, and webhooks to fit any custom project needs.
 
-### Collaborative Content Editing
+## Collaborative Content Editing
 - Multiple team members can edit the same entry at once, ensuring smooth collaboration.
 
-## Get Started with BCMS and Next.js
+
+
+<br />
+
+## Get Started with BCMS and your ❤️ framework
 To integrate BCMS into a Next.js project, follow these steps:
 
-## Create a project with BCMS in under a minute:
+### Create a project with BCMS in under a minute:
 ```sh
 npx @thebcms/cli create
 ```
 
+<br />
+
+
 ## Use Cases
 BCMS is optimized for various applications, including:
 - **Programmatic SEO pages**: Generate thousands of SEO-friendly pages efficiently.
 - **Job boards**: Manage job listings with custom templates and workflows.
 - **E-commerce sites**: Easily handle large product catalogs.
 - **Personal and business websites**: Customize content for blogs, portfolios, and corporate sites.
 
-## Supported frameworks
-BCMS works seamlessly with:
-- **Next.js**
-- **Nuxt.js**
-- **Gatsby.js**
-- **Astro.js**
-- **SvelteKit**
+## Official integrations
+
+- [Next.js](https://thebcms.com/docs/next-js)
+- [Nuxt.js](https://thebcms.com/docs/nuxt-js)
+- [Gatsby.js](https://thebcms.com/docs/gatsby-js)
+- [Astro.js](https://thebcms.com/docs/astro)
 
 ## Community & Support
 - [Documentation](https://thebcms.com/docs)
-- [Discord Community]([https://thebcms.com/discord](https://discord.com/invite/SYBY89ccaR))
+- [Discord Community](https://discord.com/invite/SYBY89ccaR)
 - [GitHub](https://github.com/bcms)
 
 ## Code Starters
 Jumpstart your projects with production-ready starters: [https://thebcms.com/starters](https://thebcms.com/starters)
+<br /><br />
+
+<a href="https://thebcms.com/" style="margin: 1rem 0; padding: 1rem; background-color: #c5ff09; color: #04070b; text-decoration: none;  border-radius: 90px; font-size: 1.25rem; font-weight: 600; ">Start for free</a>
 
-[Start for Free](https://thebcms.com/)
+<br />