add demo tattoo

dist/assets/sitemap.xml

@@ -2,13 +2,13 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
     <url>
         <loc>https://inkstory.app/</loc>
-        <lastmod>2024-06-29</lastmod>
+        <lastmod>2024-07-19</lastmod>
         <changefreq>daily</changefreq>
         <priority>1.0</priority>
     </url>
     <url>
         <loc>https://inkstory.app/demo.html</loc>
-        <lastmod>2024-06-29</lastmod>
+        <lastmod>2024-07-19</lastmod>
         <changefreq>daily</changefreq>
         <priority>0.8</priority>
     </url>

dist/demo.html

@@ -95,7 +95,7 @@
             <div class="container px-5">
                 <div class="row gx-5 align-items-center justify-content-center justify-content-lg-between">
                     <div class="col-sm-8 col-md-6">
-                        <div class="px-5 px-sm-0 squared"><img class="img-fluid rounded-circle" src="https://i.pinimg.com/564x/b6/e9/74/b6e974f9ece39785d714a37a66292a8c.jpg" alt="..." /></div>
+                        <div class="px-5 px-sm-0 squared"><img class="img-fluid rounded-circle" src="/assets/img/tattoos/mother.jpg" alt="..." /></div>
                     </div>
                     <div class="col-12 col-lg-5"><p class="lead fw-normal text-muted mt-5">A tattoo of a mother cradling her baby symbolizes deep love, protection, and the strong bond between them. It’s a beautiful reminder of the special moments and the unique, cherished relationship we all share with our moms.</p></div>
                 </div>
@@ -107,7 +107,7 @@
                 <div class="row gx-5 align-items-center justify-content-center justify-content-lg-between">
                     <div class="col-12 col-lg-5"><p class="lead fw-normal text-muted mb-5">A couple's tattoo symbolizes deep connection and mutual support. It represents their intertwined lives, enduring love, and the harmony they create together, embodying a sense of unity and a shared journey.</p></div>
                     <div class="col-sm-8 col-md-6">
-                        <div class="px-5 px-sm-0 squared"><img class="img-fluid rounded-circle" src="https://i.pinimg.com/564x/fa/7f/36/fa7f36d1c2bec3bcdee36d7f2c38a742.jpg" alt="..." /></div>
+                        <div class="px-5 px-sm-0 squared"><img class="img-fluid rounded-circle" src="/assets/img/tattoos/love.jpg" alt="..." /></div>
                     </div>
                 </div>
             </div>
@@ -117,7 +117,7 @@
             <div class="container px-5">
                 <div class="row gx-5 align-items-center justify-content-center justify-content-lg-between">
                     <div class="col-sm-8 col-md-6">
-                        <div class="px-5 px-sm-0 squared"><img class="img-fluid rounded-circle" src="https://i.pinimg.com/736x/f2/61/1e/f2611e71c5daf8db1fe3fe91882cb571.jpg" alt="..." /></div>
+                        <div class="px-5 px-sm-0 squared"><img class="img-fluid rounded-circle" src="/assets/img/tattoos/father.jpg" alt="..." /></div>
                     </div>
                     <div class="col-12 col-lg-5">
                         <p class="lead fw-normal text-muted mt-5">
@@ -139,11 +139,22 @@
                         </p>
                     </div>
                     <div class="col-sm-8 col-md-6">
-                        <div class="px-5 px-sm-0 squared"><img class="img-fluid rounded-circle" src="https://i.pinimg.com/564x/4d/54/5a/4d545a19d8250fe3cd169688b88755f1.jpg" alt="..." /></div>
+                        <div class="px-5 px-sm-0 squared"><img class="img-fluid rounded-circle" src="/assets/img/tattoos/soundwave.jpg" alt="..." /></div>
                     </div>
                 </div>
             </div>
         </section>
+        <aside class="text-center bg-gradient-primary-to-secondary"></aside>
+        <section class="bg-light">
+            <div class="container px-5">
+                <div class="row gx-5 align-items-center justify-content-center justify-content-lg-between">
+                    <div class="col-sm-8 col-md-6">
+                        <div class="px-5 px-sm-0 squared"><img class="img-fluid rounded-circle" src="/assets/img/tattoos/heartbeat.jpg" alt="..." /></div>
+                    </div>
+                    <div class="col-12 col-lg-5"><p class="lead fw-normal text-muted mt-5">A visual representation of the emotional connection and the promise to never cause hurt or pain.</p></div>
+                </div>
+            </div>
+        </section>
         <!-- App badge section-->
         <section class="bg-gradient-primary-to-secondary" id="download">
             <div class="container px-5">

src/pug/demo.pug

@@ -109,7 +109,7 @@ html(lang='en')
                 .row.gx-5.align-items-center.justify-content-center.justify-content-lg-between
                     .col-sm-8.col-md-6
                         .px-5.px-sm-0.squared
-                            img.img-fluid.rounded-circle(src='https://i.pinimg.com/564x/b6/e9/74/b6e974f9ece39785d714a37a66292a8c.jpg', alt='...')
+                            img.img-fluid.rounded-circle(src='/assets/img/tattoos/mother.jpg', alt='...')
                     .col-12.col-lg-5
                         p.lead.fw-normal.text-muted.mt-5.
                             A tattoo of a mother cradling her baby symbolizes deep love, protection, and the strong
@@ -127,14 +127,14 @@ html(lang='en')
                             of unity and a shared journey.
                     .col-sm-8.col-md-6
                         .px-5.px-sm-0.squared
-                            img.img-fluid.rounded-circle(src='https://i.pinimg.com/564x/fa/7f/36/fa7f36d1c2bec3bcdee36d7f2c38a742.jpg', alt='...')
+                            img.img-fluid.rounded-circle(src='/assets/img/tattoos/love.jpg', alt='...')
         aside.text-center.bg-gradient-primary-to-secondary
         section.bg-light
             .container.px-5
                 .row.gx-5.align-items-center.justify-content-center.justify-content-lg-between
                     .col-sm-8.col-md-6
                         .px-5.px-sm-0.squared
-                            img.img-fluid.rounded-circle(src='https://i.pinimg.com/736x/f2/61/1e/f2611e71c5daf8db1fe3fe91882cb571.jpg', alt='...')
+                            img.img-fluid.rounded-circle(src='/assets/img/tattoos/father.jpg', alt='...')
                     .col-12.col-lg-5
                         p.lead.fw-normal.text-muted.mt-5
                             | Father...
@@ -151,7 +151,18 @@ html(lang='en')
 
                     .col-sm-8.col-md-6
                         .px-5.px-sm-0.squared
-                            img.img-fluid.rounded-circle(src='https://i.pinimg.com/564x/4d/54/5a/4d545a19d8250fe3cd169688b88755f1.jpg', alt='...')
+                            img.img-fluid.rounded-circle(src='/assets/img/tattoos/soundwave.jpg', alt='...')
+
+        aside.text-center.bg-gradient-primary-to-secondary
+        section.bg-light
+            .container.px-5
+                .row.gx-5.align-items-center.justify-content-center.justify-content-lg-between
+                    .col-sm-8.col-md-6
+                        .px-5.px-sm-0.squared
+                            img.img-fluid.rounded-circle(src='/assets/img/tattoos/heartbeat.jpg', alt='...')
+                    .col-12.col-lg-5
+                        p.lead.fw-normal.text-muted.mt-5
+                            | A visual representation of the emotional connection and the promise to never cause hurt or pain.
 
         // App badge section
         section#download.bg-gradient-primary-to-secondary