Update app.py

app.py

@@ -551,7 +551,7 @@ def delete_document(user_id, doc_id):
 def side():
     with st.sidebar:
 
-        with st.sidebar.expander("TrustLogic®", expanded=False):
+        with st.sidebar.expander("**TrustLogic®**, expanded=False):
                 st.image("Trust Logic_Wheel_RGB_Standard.png")
             
                 st.markdown(
@@ -579,7 +579,7 @@ def side():
         
         st.sidebar.markdown('<hr style="border: 2px solid rgb(255, 153, 0); width: 80%; margin: 20px auto;">', unsafe_allow_html=True)
                 
-        with st.sidebar.expander("Trust Buckets® and Trust Builders®", expanded=False):
+        with st.sidebar.expander("**Trust Buckets® and Trust Builders®**", expanded=False):
                         image_files = [
                             ("Bucket_STABILITY.png"),
                             ("Bucket_DEVELOPMENT.png"),
@@ -658,23 +658,110 @@ def side():
                 
                             <h3 class="development">Development Trust:</h3>
                             <p>Why can I trust you to develop well in the future?</p>
-                
+                             <h5>Examples</h5>
+                             <p>World Vision's Every Last One campaign was a $1 billion plan to equip and empower 60 million of the world's most vulnerable people, initiated in 2023. This initiative supports the development of underprivileged communities. </p>
+                             <p>World Vision's clean water initiatives provide access to safe drinking water for 5 million people each year. This enhances health and community development.</p>
+                            
                             <h3 class="relationship">Relationship Trust:</h3>
                             <p>What appealing relationship qualities can I trust you for?</p>
+                            <h5>Examples</h5>
+                             <p>Maria, a community leader in Honduras, shares how World Vision's support has transformed her village, illustrating the positive relationships built through their programs. This testimonial highlights community impact. </p>
+                             <p>In 2023, World Vision involved 3,500 community members in decision-making processes, empowering them to drive local initiatives. This empowerment enhances community participation and ownership</p>
+                            
                 
                             <h3 class="benefit">Benefit Trust:</h3>
                             <p>What benefits can I trust you for?</p>
+                            <p>In 2023, 89% of World Vision's total operating expenses were directed towards programs benefiting children, families, and communities in need. This prioritizes direct impact for vulnerable populations. </p>
+                            <p>The organization invested $150 million in sustainable agriculture programs across 35 countries, impacting over 2 million farmers. This improves food security for vulnerable communities</p>
+                            
+
+
+                            
                 
                             <h3 class="vision">Vision Trust:</h3>
                             <p>What Vision and Values can I trust you for?</p>
+
+                            <p>World Vision's "Future Generations Initiative 2023-2025" aims to equip 1 million youth with skills for sustainable livelihoods. This prepares young people for future challenges </p>
+                            <p>With the "Child Well-being Vision 2023," World Vision is committed to improving the quality of life for 50 million children through integrated services. This ensures holistic development for children </p>
+                            
+
+
+
                 
                             <h3 class="competence">Competence Trust:</h3>
                             <p>What competencies can I trust you for?</p>
+                            
+                            <p>In 2023, we successfully implemented 150 projects across 45 countries, directly impacting over 5 million lives. This showcases our ability to execute large-scale initiatives effectively</p>
+                            <p>We received the 2023 UN Global Health Excellence Award for our innovative health programs in Africa. This recognition affirms our leadership in health interventions</p>
+                            
+                          
+                            
+                            
+                            
                             """, unsafe_allow_html=True
                         )
                         st.markdown("For detailed descriptions, visit [Academy](https://www.trustifier.ai/account/academy)")
 
+        image_files = [
+            ("Bucket_STABILITY.png"),
+            ("Bucket_DEVELOPMENT.png"),
+            ("Bucket_RELATIONSHIP.png"),
+            ("Bucket_BENEFIT.png"),
+            ("Bucket_VISION.png"),
+            ("Bucket_COMPETENCE.png"),
+        ]
         
+        # CSS for layout and hover effect in Streamlit
+        st.markdown(
+            """
+            <style>
+                .image-container {
+                    display: flex;
+                    justify-content: center;
+                    gap: 20px;
+                }
+                .image-wrapper {
+                    text-align: center;
+                    position: relative;
+                }
+                .image-wrapper img {
+                    width: 100px;
+                    transition: transform 0.3s;
+                }
+                .image-wrapper img:hover {
+                    transform: scale(1.1);
+                }
+                .hover-text {
+                    position: absolute;
+                    top: 110%;
+                    left: 50%;
+                    transform: translateX(-50%);
+                    opacity: 0;
+                    transition: opacity 0.3s;
+                    font-size: 14px;
+                    font-weight: bold;
+                }
+                .image-wrapper:hover .hover-text {
+                    opacity: 1;
+                }
+            </style>
+            """,
+            unsafe_allow_html=True,
+        )
+        
+        # Create a horizontal layout using Streamlit's columns
+        cols = st.columns(len(image_files))
+        
+        # Display each image in its respective column
+        for idx, (img_path) in enumerate(image_files):
+            with cols[idx]:
+                # Open the image (assuming it's pre-resized)
+                img = Image.open(img_path)
+        
+                # Display the image with caption and hover effect using use_container_width=True
+                st.image(img,use_container_width=True)
+                
+        st.sidebar.markdown('<hr style="border: 2px solid rgb(255, 153, 0); width: 80%; margin: 20px auto;">', unsafe_allow_html=True)
 
         st.header("TrustVault®")
         st.sidebar.markdown("""