Upload 6 files

README.md

@@ -1,19 +1,8 @@
----
-title: Landing Page
-emoji: 🚀
-colorFrom: red
-colorTo: red
-sdk: docker
-app_port: 8501
-tags:
-- streamlit
-pinned: false
-short_description: Streamlit template space
----
 
-# Welcome to Streamlit!
+# Company Apps
+A simple Streamlit landing page for two Hugging Face Spaces.
 
-Edit `/src/streamlit_app.py` to customize this app to your heart's desire. :heart:
-
-If you have any questions, checkout our [documentation](https://docs.streamlit.io) and [community
-forums](https://discuss.streamlit.io).
+## How to use
+1. Edit `app.py` and replace all `YOUR_*` placeholders.
+2. Put your images in `assets/logo.png`, `assets/app1.png`, `assets/app2.png` (replace placeholders).
+3. Commit to your Streamlit Space.

app.py

@@ -0,0 +1,79 @@
+
+import streamlit as st
+
+# ------------ CONFIG ------------
+COMPANY_NAME = "YOUR_COMPANY_NAME"
+TAGLINE = "Short value proposition goes here."
+APP1 = {
+    "title": "YOUR_APP1_TITLE",
+    "url": "https://huggingface.co/spaces/YOUR_ORG/YOUR_APP1_SPACE",
+    "thumb": "assets/app1.png",
+    "blurb": "One‑line description for App 1.",
+}
+APP2 = {
+    "title": "YOUR_APP2_TITLE",
+    "url": "https://huggingface.co/spaces/YOUR_ORG/YOUR_APP2_SPACE",
+    "thumb": "assets/app2.png",
+    "blurb": "One‑line description for App 2.",
+}
+LOGO_PATH = "assets/logo.png"
+
+# ------------ PAGE META ------------
+st.set_page_config(
+    page_title=f"{COMPANY_NAME} — Apps",
+    page_icon=LOGO_PATH,
+    layout="wide",
+)
+
+# ------------ GLOBAL STYLES ------------
+st.markdown(
+    """
+    <style>
+    .hero {text-align:center; margin: 2rem 0 2.75rem;}
+    .hero img {width: 92px; height: auto; filter: drop-shadow(0 2px 8px rgba(0,0,0,.12));}
+    .hero h1 {font-size: 2.2rem; margin: .75rem 0 .25rem;}
+    .hero p {color: #5a5f6a; margin: 0 auto; max-width: 720px;}
+
+    .grid {display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px;}
+    .card {background: white; border-radius: 18px; padding: 18px; border: 1px solid rgba(0,0,0,.06);
+           box-shadow: 0 4px 18px rgba(0,0,0,.05); transition: transform .12s ease, box-shadow .12s ease;}
+    .card:hover {transform: translateY(-2px); box-shadow: 0 10px 28px rgba(0,0,0,.08);}    
+    .thumb {border-radius: 14px; width: 100%; height: 220px; object-fit: cover; border: 1px solid rgba(0,0,0,.06);} 
+    .card h3 {margin: 12px 0 6px;}
+    .card p {color: #5a5f6a; min-height: 40px;}
+    .card a.btn {display:inline-block; padding: 10px 14px; border-radius: 12px; border: 1px solid #e6e7ea; text-decoration:none;}
+    .btn-primary {background:#111827; color:white; border-color:#111827;}
+    .btn-primary:hover {filter: brightness(0.92);} 
+
+    /* Make Streamlit body a tad wider */
+    .block-container {max-width: 1120px;}
+    </style>
+    """,
+    unsafe_allow_html=True,
+)
+
+# ------------ HERO ------------
+st.markdown('<div class="hero">' 
+            f'<img src="{LOGO_PATH}" alt="logo" />' 
+            f'<h1>{COMPANY_NAME}</h1>' \
+            f'<p>{TAGLINE}</p>'
+            '</div>', unsafe_allow_html=True)
+
+# ------------ GRID (2 CARDS) ------------
+def app_card(app_dict):
+    return f"""
+    <div class=card>
+      <img class=thumb src="{app_dict['thumb']}" alt="{app_dict['title']}" />
+      <h3>{app_dict['title']}</h3>
+      <p>{app_dict['blurb']}</p>
+      <a class="btn btn-primary" href="{app_dict['url']}" target="_self">Open {app_dict['title']}</a>
+    </div>
+    """
+
+st.markdown(
+    f"<div class='grid'>{app_card(APP1)}{app_card(APP2)}</div>",
+    unsafe_allow_html=True,
+)
+
+# ------------ FOOTER (optional) ------------
+st.markdown("\n\n<div style='text-align:center; color:#8a9099; font-size: 0.9rem;'>© {}</div>".format(COMPANY_NAME), unsafe_allow_html=True)

requirements.txt

@@ -1,3 +1 @@
-altair
-pandas
-streamlit
+streamlit>=1.25