UPD 11ty - Soft Design Starter

Author: app-generator

docs/products/eleventy-11ty/soft-ui-design.mdx

@@ -1,25 +1,38 @@
 ---
-sidebar_position: 1
-sidebar_label: Soft UI Design
-description: >-
-  Open-source starter built with Eleventy (11ty) and Prismic and Soft UI Design
-  System.
+title        : 11ty Soft Design - Open-Source Starter
+sidebar_label: 11ty Soft Design
 ---
 
-# Soft UI Design
+# [Soft UI Design](https://appseed.us/product/soft-ui-design/) `Eleventy` (11ty)
 
 <SubHeading>Open-source starter built with Eleventy (11ty) and Prismic and Soft UI Design System.</SubHeading>
 
-Eleventy Soft is an Eleventy adaptation of Soft UI Design System (a user-friendly and beautiful design system based on Bootstrap 5), including a Blog system that uses Prismic CMS for content management.
+**Eleventy Soft UI** is an Eleventy adaptation of **[Soft UI Design System](https://appseed.us/product/soft-ui-design/)** (a user-friendly and beautiful design system based on Bootstrap 5), including a Blog system that uses Prismic CMS for content management. 
+**Soft UI Design System** is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using SASS files and classes.
 
-Soft UI Design System is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using SASS files and classes.
+- 👉 [Eleventy Soft UI](https://eleventy-soft-ui.appseed-srv1.com/) - LIVE Demo
 
-You will save a lot of time going from prototyping to full-functional code because all elements are implemented. This Freebie Bootstrap 5 UI Kit is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.
+<br />
+
+> Features:
+
+- ✅ UI: [Soft UI Design System](https://bit.ly/3v6JYIe) crafted by **Creative-Tim**
+- ✅ **Prismic CMS** for blog posts
+- ✅ CSS Pipeline (Sass, CleanCSS)
+- ✅ JS Bundling (Webpack)
+- ✅ SVG Icon Sprite Generation
+- ✅ Critical CSS, HTML Minification
+
+![Eleventy Soft UI Design - Open-source SSG starter provided by AppSeed in 11ty on top of Soft UI Design.](https://user-images.githubusercontent.com/51070104/128602712-4b38f18d-2154-4899-a796-aec0f7435329.png)
+
+<br />
 
 ### Quick Start
 
 This project uses includes a Blog system that uses Prismic CMS. You'll need a free [prismic.io](http://prismic.io/) account.
 
+<br />
+
 ### Setup Prismic CMS
 
 - In your Prismic account, create a new repository.
@@ -78,6 +91,8 @@ This project uses includes a Blog system that uses Prismic CMS. You'll need a fr
 
 ![](../../../static/assets/get-prismic-repo-url.png)
 
+<br />
+
 ### Local Development
 
 - After setting up Prismic CMS, Generate a new repo from this repository template which will copy this project into your own new repo.
@@ -86,6 +101,8 @@ This project uses includes a Blog system that uses Prismic CMS. You'll need a fr
 - Rename the ".env.sample" file (located in the root directory) to ".env" and edit the file to add your Prismic repository API endpoint.
 - Run "npm run start" to start a development server or "npm run build" to build your site.
 
+<br />
+
 ### Deploy to Netlify
 
 - Upload the local repository you set up to Github.
@@ -109,6 +126,8 @@ We need to set up a webhook so that when you save a Prismic document, this trigg
 
 ![](../../../static/assets/netlify-build-hooks-2.png)
 
+<br />
+
 ### Codebase Structure
 
 ```
@@ -146,6 +165,8 @@ eleventy-soft-ui-design
     └──  package.js
 ```
 
+<br />
+
 ### Customization
 
 **CSS**
@@ -159,3 +180,10 @@ Javascript can be written in ES6 syntax. The main index file is in `src/static/a
 **Global Data Files**
 
 You can update the global data like title, meta description of the site at `src/data/meta.json`
+
+<br />
+
+## Resources
+
+- 👉 Free [Support](https://appseed.us/support/) via Email & Discord
+- 👉 [Custom Development Services](https://appseed.us/custom-development/) provided by experts