Add "Go to top" links for improved navigation in display_outputs function

pages/output.py

@@ -115,6 +115,7 @@ def seo_on_page_table(df_data):
      
     
 def display_outputs():
+    st.markdown("<div id='top'></div>", unsafe_allow_html=True);
     client_name = "RMX Creatives"
     client_website = "https://rmxcreatives.com/"
     overview = f"""**{client_name}** is a financial services company based in Auckland, New Zealand, specializing in providing quick and flexible loan solutions for businesses and individuals. Represented by Paul Stone, LoansOne has enlisted ShoreMarketing to perform a deep dive into their digital footprint to have a view of the holistic status of their digital properties and determine how each property can play part in implementing a stronger digital marketing plan.\n
@@ -151,6 +152,7 @@ In line with this, we have looked into the technology used by **{client_name}**
     website_and_tools_data = get_analyst_response("Website and Tools Analyst")
     write_table(website_and_tools_data)
     
+    st.markdown("<a href='#top'>Go to top</a>", unsafe_allow_html=True)
     st.markdown("---")
    
     st.markdown("### SEARCH ENGINE MARKETING/PPC")
@@ -162,6 +164,7 @@ Currently, {client_name} has already explored numerous online advertising. Its c
     sem_data = get_analyst_response("SEM/PPC Analyst")
     write_table(sem_data)
     
+    st.markdown("<a href='#top'>Go to top</a>", unsafe_allow_html=True)
     st.markdown("---")
     
     st.markdown("### SEARCH ENGINE OPTIMIZATION")
@@ -172,6 +175,7 @@ There are two types of SEO based on where the optimization is implemented: On-pa
     seo_data = get_analyst_response("SEO Analyst")
     write_table(seo_data)
     
+    st.markdown("<a href='#top'>Go to top</a>", unsafe_allow_html=True)
     st.markdown("---")
     
     # Write On Page Table
@@ -179,6 +183,7 @@ There are two types of SEO based on where the optimization is implemented: On-pa
     on_page_data = get_analyst_response("On Page Analyst")
     seo_on_page_table(on_page_data)
     
+    st.markdown("<a href='#top'>Go to top</a>", unsafe_allow_html=True)
     st.markdown("---")
     
     # Write Off Page Table
@@ -186,6 +191,7 @@ There are two types of SEO based on where the optimization is implemented: On-pa
     on_page_data = get_analyst_response("Off Page Analyst")
     seo_on_page_table(on_page_data)
     
+    st.markdown("<a href='#top'>Go to top</a>", unsafe_allow_html=True)
     st.markdown("---")
     
     # Write SocMed Table
@@ -196,6 +202,7 @@ Regardless, it is still a great channel worth investing to improve a business’
     social_media_data = get_analyst_response("Social Media Analyst")
     write_table(social_media_data)
     
+    st.markdown("<a href='#top'>Go to top</a>", unsafe_allow_html=True)
     st.markdown("---")
     
     # Write SocMed Table
@@ -203,13 +210,14 @@ Regardless, it is still a great channel worth investing to improve a business’
     st.markdown(f"""Content is king in digital marketing. People log into the internet to look for and consume information in different formats: text-based, video, audio, or image. Content is what help businesses establish their expertise in the industry, convert leads into customers, guide their customers through their sales funnel, and build relationships with their customers. """)
     content_data = get_analyst_response("Content Analyst")
     write_table(content_data)
-    
+    st.markdown("<a href='#top'>Go to top</a>", unsafe_allow_html=True)
     st.markdown("---")
 
     if (get_analyst_response("Marketplace Analyst")):
         st.markdown("### MARKET PLACE")
         marketpalce_data = get_analyst_response("Marketplace Analyst")
         write_table(marketpalce_data)
+        st.markdown("<a href='#top'>Go to top</a>", unsafe_allow_html=True)
         st.markdown("---")
     
     
@@ -247,9 +255,10 @@ Regardless, it is still a great channel worth investing to improve a business’
     st.markdown("##### LEAD NURTURING")
     st.write(lld_data['lead_nurturing'])
     
+    st.markdown("<a href='#top'>Go to top</a>", unsafe_allow_html=True)
+    st.markdown("---")
     
     
-    st.markdown("---")
     st.markdown("#### CONTENT - PROCESS AND ASSETS")
     st.write(f"""Content is king in digital marketing. People log into the internet to look for and consume information in different formats: text-based, video, audio, or image. Content is what help businesses establish their expertise in the industry, convert leads into customers, guide their customers through their sales funnel, and build relationships with their customers. \n
 We have evaluated the process of content development strategy and existing content assets of {client_name} based on how they serve clients throughout the customer journey. """)
@@ -259,9 +268,11 @@ We have evaluated the process of content development strategy and existing conte
     st.write("TBD")
     st.markdown("##### DECISION STAGE")
     st.write("TBD")
+        
+    st.markdown("<a href='#top'>Go to top</a>", unsafe_allow_html=True)
+    st.markdown("---")
     
     
-    st.markdown("---")
     st.markdown("#### CONVERSION –  ACTIVATION OF VISITORS")
     st.markdown("##### AWARENESS TO TRAFFIC")
     st.write("TBD")
@@ -275,6 +286,8 @@ We have evaluated the process of content development strategy and existing conte
     st.markdown("##### CONNECTION OF ALL ONLINE AND OFFLINE TOUCH POINTS")
     st.write("TBD")
     
+    st.markdown("<a href='#top'>Go to top</a>", unsafe_allow_html=True)
+    
     
 if st.button("Back to Dashboard", icon="🏠"):
         st.switch_page("pages/home.py")