diff --git a/README.md b/README.md
index 39af52c..775c6e9 100644
--- a/README.md
+++ b/README.md
@@ -1,29 +1,23 @@
-# README #
+# Components Wrapper #
-This README would normally document whatever steps are necessary to get your application up and running.
+Use this approach when you need to start a wrapper element in one component, and close it in another one.
-### What is this repository for? ###
+### How to use ###
-* Quick summary
-* Version
-* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)
+1. Copy and paste example code from first-component.xslt
-### How do I get set up? ###
+```
+
+ <div id="commercial_section_wrapper" iai:class="mb-4|commercial_section_bottom_space" >
+
+
+```
-* Summary of set up
-* Configuration
-* Dependencies
-* Database configuration
-* How to run tests
-* Deployment instructions
+2. Rewrite condition, and data inside
+3. Do the same with second "closing" component
-### Contribution guidelines ###
+The example was given with buttons2 zone, but you can use this approach with any task that you have.
-* Writing tests
-* Code review
-* Other guidelines
+---
-### Who do I talk to? ###
-
-* Repo owner or admin
-* Other community or team contact
\ No newline at end of file
+Created by • **[IdoMods](https://idomods.pl/)** • 2025
\ No newline at end of file
diff --git a/first-component.xslt b/first-component.xslt
new file mode 100644
index 0000000..32c7886
--- /dev/null
+++ b/first-component.xslt
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+ <div id="commercial_section_wrapper"
+ iai:class="mb-4|commercial_section_bottom_space" >
+
+
+
+
Something inside first component
+
+
+
\ No newline at end of file
diff --git a/second-component.xslt b/second-component.xslt
new file mode 100644
index 0000000..5b1b3ad
--- /dev/null
+++ b/second-component.xslt
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+ </div>
+
+
+