diff --git a/content/home/index.md b/content/home/index.md
index e71b474..59fc633 100644
--- a/content/home/index.md
+++ b/content/home/index.md
@@ -45,12 +45,27 @@ weight: 1
 
 
 
+<!-- {% include "reviews.html" items=[
+  { name = "Item 1", description = "Description 1", date = "2023-01-01" },
+  { name = "Item 2", description = "Description 2", date = "2023-02-01" },
+  { name = "Item 3", description = "Description 3", date = "2023-03-01" }
+] %}
+
+ {% end %} -->
+
+{% myloop(
+    items=["Item 1", "Item 2", "Item 3", "Item 4"]) 
+    %}
+  
+  # test
+  
+  {% end %}
 
 
 <!-- section reviews -->
 
 {% reviews(
-   reviews_name = "ehab",
+   reviews_name = "Jhone",
    reviews_date = "12/6/2023"
    reviews_description = "test test"
 
@@ -59,8 +74,18 @@ weight: 1
 {% end %}
 
 
+{% logo(
+  logos=["https://purepng.com/public/uploads/large/purepng.com-disney-logologobrand-logoiconslogos-251519939495wtv86.png", "https://purepng.com/public/uploads/large/purepng.com-disney-logologobrand-logoiconslogos-251519939495wtv86.png", "https://purepng.com/public/uploads/large/purepng.com-disney-logologobrand-logoiconslogos-251519939495wtv86.png", "https://purepng.com/public/uploads/large/purepng.com-disney-logologobrand-logoiconslogos-251519939495wtv86.png"])
+
+
+
+
+ %}
+
+
 <!-- section banner -->
 
+
 {% banner(
 
   banner_text = "This is a section of some simple filler text, also known as placeholder text.",
@@ -68,6 +93,8 @@ weight: 1
 
 ) %}
 
+
+
 </div>
 
 
diff --git a/templates/shortcodes/logo.html b/templates/shortcodes/logo.html
new file mode 100644
index 0000000..6686321
--- /dev/null
+++ b/templates/shortcodes/logo.html
@@ -0,0 +1,16 @@
+<div class="bg-white py-6 sm:py-8 lg:py-12">
+    <div class="mx-auto max-w-screen-2xl px-4 md:px-8">
+      <h2 class="mb-4 text-center text-2xl font-bold text-gray-800 md:mb-8 lg:text-3xl">Trusted by the best</h2>
+  
+      <div class="grid grid-cols-2 gap-6 rounded-lg bg-indigo-100 p-6 sm:h-40 sm:content-evenly md:grid-cols-4">
+        <!-- logo - start -->
+        {% for logo in logos %}
+        <div class="flex justify-center text-indigo-500">
+          <img class="w-64" src="{{ logo }}" >
+        </div>
+        {% endfor %}
+        <!-- logo - end -->
+
+      </div>
+    </div>
+  </div>
\ No newline at end of file
diff --git a/templates/shortcodes/myloop.html b/templates/shortcodes/myloop.html
new file mode 100644
index 0000000..7ff139f
--- /dev/null
+++ b/templates/shortcodes/myloop.html
@@ -0,0 +1,4 @@
+
+{% for item in items %}
+    <p>{{ item }}</p>
+{% endfor %}
diff --git a/templates/shortcodes/reviews.html b/templates/shortcodes/reviews.html
index 86ab6b7..b74830c 100644
--- a/templates/shortcodes/reviews.html
+++ b/templates/shortcodes/reviews.html
@@ -46,7 +46,7 @@
 
         <div class="divide-y">
         <!-- review - start -->
-
+        {# {% for item in items %} #}
         <div class="flex flex-col gap-3 py-4 md:py-8">
             <div>
             <span class="block text-sm font-bold">{{ reviews_name }}</span>
@@ -79,6 +79,7 @@
 
             <p class="text-gray-600">{{ reviews_description }}</p>
         </div>
+        {# {% endfor %} #}
 
         <!-- review - end -->