update

content/home/index.md

@@ -7,7 +7,7 @@ draft: false
 weight: 1
 ---
 
-<!-- section content -->
+<!-- section CTA -->
 
 <div class="container mx-auto"> 
 
@@ -17,12 +17,17 @@ weight: 1
   cta_title = "Summer Sale Up to 70% off."
   cta_text = "This is a section of some simple filler text, also known as placeholder text. It shares some characteristics of a real written text."
   cta_img = "https://images.unsplash.com/photo-1505846951821-e25bacf2eccd?auto=format&q=75&fit=crop&crop=top&w=1000&h=500"
-) %}
+  cta_link = "#"
+  cta_link_name = "See More"
+)
+%}
+
 
 # test
 
 {% end %}
 
+<!-- section content -->
 
 {% content1( 
   content1_title = "Our competitive advantage",
@@ -63,6 +68,7 @@ weight: 1
 
 {% end %}
 
+<!-- section logos -->
 
 {% 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"])

templates/shortcodes/cta.html

@@ -8,7 +8,7 @@
         <p class="mb-8 max-w-md text-gray-400">{{ cta_text}}</p>
 
         <div class="mt-auto">
-          <a href="#" class="inline-block rounded-lg bg-white px-8 py-3 text-center text-sm font-semibold text-gray-800 outline-none ring-indigo-300 transition duration-100 hover:bg-gray-100 focus-visible:ring active:bg-gray-200 md:text-base">Save now</a>
+          <a href="{{ cta_link }}" class="inline-block rounded-lg bg-white px-8 py-3 text-center text-sm font-semibold text-gray-800 outline-none ring-indigo-300 transition duration-100 hover:bg-gray-100 focus-visible:ring active:bg-gray-200 md:text-base">{{ cta_link_name }}</a>
         </div>
       </div>
       <!-- content - end -->