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("Apollo_Extract")

def BH_page_switch():
    switch_to_BH = st.button("Visit the page dedicated for Business hubs use case")
    if switch_to_rabigh:
        switch_page("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:blue;">Business Hubs</h2>
<h3 style="color:green;">Generate Emails - NGO Oriented Function 🌍</h3>

<h4>Generates personalized Emails for NGO campaigns, you have two options to use it</h4>

<h4 style="color:orange;">With Scraping:</h4>

<h6>Best for Mass Emails with minimal initial data.</h6>

<h3 style="color:purple;">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>

<h4 style="color:orange;">Opt-Out of Scraping:</h4>

<h6>Best for Low Volume Emails, Perfect for detailed information and targeted approach.</h6>

<h4 style="color:purple;">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>

<h3 style="color:green;">🏢 Generate Emails for Industries/Startups</h3>

<h4>Supports personalized email generation for specific industries or startups, you have two options to use it</h4>

<h4 style="color:orange;">With Scraping:</h4>
<h6>For comprehensive company info with limited initial data.</h6>

<h3 style="color:purple;">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>

<h4 style="color:orange;">Opt-Out of Scraping:</h4>
<h6>For complete company descriptions at hand.</h6>

<h4 style="color:purple;">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>



            
""",unsafe_allow_html=True)

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


st.markdown("""
    <h2 style='color: navy;'>Sales Core team - Apollo -</h2>
    <h3 style='color: darkgreen;'>Data Processing Functions</h3>

    <h4 style='color: teal;'>Company-Specific Client Function</h4>
    <p>Upload a CSV with company names and websites.</p>
    <ul>
      <li><strong>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>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: teal;'>User-Specific Client Function</h4>
    <p>Upload a CSV with personal and company information.</p>
    <ul>
      <li><strong>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>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: teal;'>Both Features Function</h4>
    <p>Combine user and company-specific data processing.</p>
    <ul>
      <li><strong>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>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>
""", unsafe_allow_html=True)

BH_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,
)