app.py

import streamlit as st
from streamlit_extras.switch_page_button import switch_page
def apollo_page_switch():
    switch_to_apollo = st.button("Visit the page for Apollo extract input")
    if switch_to_apollo:
        switch_page("pages_Apollo_Extract")

def BH_page_switch():
    switch_to_BH = st.button("Visit the page dedicated for Business hubs use case")
    if switch_to_BH:
        switch_page("pages_Business_Hubs")        
st.markdown(
"""
<style>
.higher-title {
    font-size:35px !important;
    color: #4A90E2;  /* Shade of blue */
    text-align: center;
    font-weight: bold;
    margin-top: -20px;  /* Adjust this value to control the height */
}
</style>
""", 
unsafe_allow_html=True,
)

st.markdown('<p class="higher-title">SalesIntel AI</p>', unsafe_allow_html=True)

st.markdown("""
<h2 style="color:navy;">Business Hubs</h2>
<h3 style="color:deepskyblue;">Generate Emails - NGO Oriented Function 🌍</h3>
<h4 style="color:gray;">Generates personalized Emails for NGO campaigns, you have two options to use it</h4>
<h4 style="color:cornflowerblue;">With Scraping:</h4>
<h6 style="color:darkolivegreen;">Best for Mass Emails with minimal initial data.</h6>
<h3 style="color:steelblue;">Required Columns:</h3>
<ul>
  <li><strong>👤 First Name</strong></li>
  <li><strong>🏢 Company Name</strong></li>
  <li><strong>🌐 Domain</strong></li>
  <li><strong>📌 Title</strong></li>
  <li><strong>🔗 Person LinkedIn URL</strong></li>
  <li><strong>🔗 Company website</strong></li>
  <li><strong>👤 Email</strong></li>
</ul>
<a href="https://docs.google.com/spreadsheets/d/1jkTrPqjO9bNBYlyluIGNsclJ7qz2vOrS2HOCD94ZD2Q/edit?usp=sharing" target="_blank">Check the template from here</a>
<h4 style="color:cornflowerblue;">Opt-Out of Scraping:</h4>
<h6 style="color:darkolivegreen;">Best for Low Volume Emails, Perfect for detailed information and targeted approach.</h6>
<h4 style="color:steelblue;">Required Columns:</h4>
<ul>
  <li><strong>👤 First Name</strong></li>
  <li><strong>🏢 Company Name</strong></li>
  <li><strong>🌐 Domain</strong></li>
  <li><strong>📝 User Description</strong></li>
  <li><strong>👤 Email</strong></li>
</ul>
<a href="https://docs.google.com/spreadsheets/d/1TDpsbAZ62ukrUUmYp_5nWfcljWf5JYcZEevP_d4LzIc/edit?usp=sharing" target="_blank">Check the template from here</a>
<h3 style="color:deepskyblue;">🏢 Generate Emails for Industries/Startups</h3>
<h4 style="color:gray;">Supports personalized email generation for specific industries or startups, you have two options to use it</h4>
<h4 style="color:cornflowerblue;">With Scraping:</h4>
<h6 style="color:darkolivegreen;">For comprehensive company info with limited initial data.</h6>
<h3 style="color:steelblue;">Required Columns:</h3>
<ul>
  <li><strong>🔗 Website</strong></li>
  <li><strong>🏢 Company Name</strong></li>
  <li><strong>👤 First Name</strong></li>
  <li><strong>👤 Email</strong></li>
</ul>
<a href="https://docs.google.com/spreadsheets/d/1h2pQQKlTja_G3IJZvw0xNdiyZqkSToTD4zxFvCNDDeQ/edit?usp=sharing" target="_blank">Check the template from here</a>
<h4 style="color:cornflowerblue;">Opt-Out of Scraping:</h4>
<h6 style="color:darkolivegreen;">For complete company descriptions at hand.</h6>
<h4 style="color:steelblue;">Required Columns:</h4>
<ul>
  <li><strong>🔗 Website</strong></li>
  <li><strong>🏢 Company Name</strong></li>
  <li><strong>👤 First Name</strong></li>
  <li><strong>📝 Company Description</strong></li>
  <li><strong>👤 Email</strong></li>
</ul>
<a href="https://docs.google.com/spreadsheets/d/1YFuE3ZC31QIGy0YLNK_2v89y0NbektheXXI1QDNA3Ng/edit?usp=sharing" target="_blank">Check the template from here</a>            
<br>
""",unsafe_allow_html=True)
st.markdown("""
<br>
<br>
""", unsafe_allow_html=True)
BH_page_switch()


st.markdown("-----------------------------------------------------")


st.markdown("""
    <h2 style='color: navy;'>Sales Core team - Apollo -</h2>
    <h3 style='color: darkslategray;'>Data Processing Functions</h3>
    <h4 style='color: darkcyan;'>Company-Specific Client Function</h4>
    <p style='color: slategray;'>Upload a CSV with company names and websites.</p>
    <ul>
      <li><strong style='color: darkolivegreen;'>With Scraping:</strong>
        <ul>
          <li>Required: <code>Website</code>, <code>Company Name for Emails</code></li>
          <li>The tool scrapes for extra company information.</li>
        </ul>
      </li>
      <li><strong style='color: darkolivegreen;'>Opt Out:</strong>
        <ul>
          <li>Required: <code>Website</code>, <code>Company Name for Emails</code>, <code>Company Description</code> (used as <code>scraped_content</code>)</li>
          <li>Provide your own company descriptions; no scraping.</li>
        </ul>
      </li>
    </ul>
    <h4 style='color: darkcyan;'>User-Specific Client Function</h4>
    <p style='color: slategray;'>Upload a CSV with personal and company information.</p>
    <ul>
      <li><strong style='color: darkolivegreen;'>With Scraping:</strong>
        <ul>
          <li>Required: <code>First Name</code>, <code>Company Name for Emails</code>, <code>Title</code>, <code>Website</code>, <code>Last Name</code>, <code>Person Linkedin Url</code>, <code>Email</code></li>
          <li>The tool scrapes LinkedIn and other sources for additional information.</li>
        </ul>
      </li>
      <li><strong style='color: darkolivegreen;'>Opt Out:</strong>
        <ul>
          <li>Required: <code>First Name</code>, <code>Company Name for Emails</code>, <code>Person Linkedin Url</code>, <code>User Description</code> (used as <code>Scrapped Profile</code>), <code>Email</code></li>
          <li>Use your data without scraping additional information.</li>
        </ul>
      </li>
    </ul>
    <h4 style='color: darkcyan;'>Both Features Function</h4>
    <p style='color: slategray;'>Combine user and company-specific data processing.</p>
    <ul>
      <li><strong style='color: darkolivegreen;'>With Scraping:</strong>
        <ul>
          <li>Required: <code>First Name</code>, <code>Company Name for Emails</code>, <code>Title</code>, <code>Last Name</code>, <code>Person Linkedin Url</code>, <code>Website</code>, <code>Email</code></li>
          <li>Scrapes for comprehensive data on both individuals and companies.</li>
        </ul>
      </li>
      <li><strong style='color: darkolivegreen;'>Opt Out:</strong>
        <ul>
          <li>Required: <code>First Name</code>, <code>Company Name for Emails</code>, <code>Person Linkedin Url</code>, <code>Company Description</code> (used as <code>scraped_content</code>), <code>User Description</code> (used as <code>Scrapped Profile</code>), <code>Email</code></li>
          <li>Rely on user-provided descriptions for both individuals and companies.</li>
        </ul>
      </li>
    </ul>
    <br>
""", unsafe_allow_html=True)


apollo_page_switch()

logo_url = "https://i.imgur.com/WYnv26e.jpeg"  # Replace this with your image's direct URL
st.markdown(
    f"""
    <style>
    .logo {{
        position: fixed;
        bottom: 5px;
        right: 5px;
        width: 100px;  # Adjust width as needed
    }}
    </style>
    <img src="{logo_url}" class="logo">
    """,
    unsafe_allow_html=True,
)