Upload 9 files

.dockerignore

@@ -0,0 +1,51 @@
+# Git
+.git
+.gitignore
+
+# Python
+__pycache__/
+*.py[cod]
+*$py.class
+*.so
+.Python
+env/
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+*.egg-info/
+.installed.cfg
+*.egg
+
+# Virtual Environment
+venv/
+ENV/
+
+# IDE
+.idea/
+.vscode/
+*.swp
+*.swo
+
+# Environment variables
+.env
+.env.*
+
+# Docker
+Dockerfile
+docker-compose.yml
+.dockerignore
+
+# Logs
+*.log
+
+# Local development
+.DS_Store
+Thumbs.db 

.env

@@ -0,0 +1,9 @@
+GOOGLE_MAPS_API_KEY = "AIzaSyDQFL41TpGPqHe1RuUQrzgAKgZv1QKiidg"
+GROQ_API_KEY="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"
+GOOGLE_API_KEY = "AIzaSyCyDgvCFhIEJLDobxS2D4Rv79j7RBSIfn0"
+SNOWFLAKE_USER="ASHITOSH1409"
+SNOWFLAKE_PASSWORD="AshitoshKatale@2003"
+SNOWFLAKE_ACCOUNT="BOTIBKV-JZ14792"
+SNOWFLAKE_WAREHOUSE="COMPUTE_WH"
+SNOWFLAKE_DATABASE="MAIN"
+SNOWFLAKE_SCHEMA="PUBLIC"

.gitignore

@@ -0,0 +1,298 @@
+# Byte-compiled / optimized / DLL files
+__pycache__/
+*.py[cod]
+*$py.class
+
+# C extensions
+*.so
+
+# Distribution / packaging
+.Python
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+wheels/
+share/python-wheels/
+*.egg-info/
+.installed.cfg
+*.egg
+MANIFEST
+
+# PyInstaller
+#  Usually these files are written by a python script from a template
+#  before PyInstaller builds the exe, so as to inject date/other infos into it.
+*.manifest
+*.spec
+
+# Installer logs
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test / coverage reports
+htmlcov/
+.tox/
+.nox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*.cover
+*.py,cover
+.hypothesis/
+.pytest_cache/
+cover/
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+local_settings.py
+db.sqlite3
+db.sqlite3-journal
+
+# Flask stuff:
+instance/
+.webassets-cache
+
+# Scrapy stuff:
+.scrapy
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+.pybuilder/
+target/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+
+# IPython
+profile_default/
+ipython_config.py
+
+# pyenv
+#   For a library or package, you might want to ignore these files since the code is
+#   intended to run in multiple environments; otherwise, check them in:
+# .python-version
+
+# pipenv
+#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
+#   However, in case of collaboration, if having platform-specific dependencies or dependencies
+#   having no cross-platform support, pipenv may install dependencies that don't work, or not
+#   install all needed dependencies.
+#Pipfile.lock
+
+# poetry
+#   Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
+#   This is especially recommended for binary packages to ensure reproducibility, and is more
+#   commonly ignored for libraries.
+#   https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
+#poetry.lock
+
+# pdm
+#   Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
+#pdm.lock
+#   pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
+#   in version control.
+#   https://pdm.fming.dev/#use-with-ide
+.pdm.toml
+
+# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
+__pypackages__/
+
+# Celery stuff
+celerybeat-schedule
+celerybeat.pid
+
+# SageMath parsed files
+*.sage.py
+
+# Environments
+.env
+.venv
+env/
+venv/
+ENV/
+env.bak/
+venv.bak/
+
+# Spyder project settings
+.spyderproject
+.spyproject
+
+# Rope project settings
+.ropeproject
+
+# mkdocs documentation
+/site
+
+# mypy
+.mypy_cache/
+.dmypy.json
+dmypy.json
+
+# Pyre type checker
+.pyre/
+
+# pytype static type analyzer
+.pytype/
+
+# Cython debug symbols
+cython_debug/
+
+# PyCharm
+#  JetBrains specific template is maintained in a separate JetBrains.gitignore that can
+#  be added to the global gitignore or merged into this project gitignore.  For a PyCharm
+#  project, it is recommended to ignore the entire idea folder.
+.idea/
+
+# Streamlit specific files
+.streamlit/
+*.toml
+
+# Streamlit secrets (IMPORTANT: Never commit secrets)
+.streamlit/secrets.toml
+secrets.toml
+
+# Streamlit cache
+.streamlit/cache/
+
+# VS Code
+.vscode/
+*.code-workspace
+
+# Sublime Text
+*.sublime-project
+*.sublime-workspace
+
+# Vim
+*.swp
+*.swo
+*~
+
+# Emacs
+*~
+\#*\#
+/.emacs.desktop
+/.emacs.desktop.lock
+*.elc
+auto-save-list
+tramp
+.\#*
+
+# macOS
+.DS_Store
+.AppleDouble
+.LSOverride
+Icon
+._*
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Windows
+Thumbs.db
+Thumbs.db:encryptable
+ehthumbs.db
+ehthumbs_vista.db
+*.stackdump
+[Dd]esktop.ini
+$RECYCLE.BIN/
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+*.lnk
+
+# Linux
+*~
+.fuse_hidden*
+.directory
+.Trash-*
+.nfs*
+
+# Logs
+logs/
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Temporary files
+tmp/
+temp/
+.tmp/
+.temp/
+
+# Application specific
+# Uncomment the lines below if you want to ignore certain data files
+
+
+
+# Configuration files (uncomment if you want to ignore config files)
+# config.json
+# settings.json
+
+# Backup files
+*.bak
+*.backup
+*.old
+
+# Database files (if you add database support later)
+*.db
+*.sqlite
+*.sqlite3
+
+# Image cache (if your app generates/caches images)
+image_cache/
+.image_cache/
+
+# Custom directories for your app
+uploads/
+downloads/
+cache/
+.cache/
+
+# Environment-specific files
+.env.local
+.env.production
+.env.staging
+.env.development
+
+# Package files
+*.tgz
+*.tar.gz
+*.zip
+*.rar
+
+# Documentation builds
+docs/build/
+site/

Dockerfile

@@ -1,36 +1,36 @@
-# Use Python 3.9 slim image as base
-FROM python:3.9-slim
-
-# Set working directory
-WORKDIR /app
-
-# Set environment variables
-ENV PYTHONDONTWRITEBYTECODE=1 \
-    PYTHONUNBUFFERED=1 \
-    PYTHONPATH=/app
-
-# Install system dependencies
-RUN apt-get update && apt-get install -y \
-    build-essential \
-    curl \
-    software-properties-common \
-    git \
-    && rm -rf /var/lib/apt/lists/*
-
-# Copy requirements file
-COPY requirements.txt .
-
-# Install Python dependencies
-RUN pip install --no-cache-dir -r requirements.txt
-
-# Copy project files
-COPY . .
-
-# Expose port
-EXPOSE 8501
-
-# Set healthcheck
-HEALTHCHECK CMD curl --fail http://localhost:8501/_stcore/health
-
-# Command to run the application
+# Use Python 3.9 slim image as base
+FROM python:3.9-slim
+
+# Set working directory
+WORKDIR /app
+
+# Set environment variables
+ENV PYTHONDONTWRITEBYTECODE=1 \
+    PYTHONUNBUFFERED=1 \
+    PYTHONPATH=/app
+
+# Install system dependencies
+RUN apt-get update && apt-get install -y \
+    build-essential \
+    curl \
+    software-properties-common \
+    git \
+    && rm -rf /var/lib/apt/lists/*
+
+# Copy requirements file
+COPY requirements.txt .
+
+# Install Python dependencies
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Copy project files
+COPY . .
+
+# Expose port
+EXPOSE 8501
+
+# Set healthcheck
+HEALTHCHECK CMD curl --fail http://localhost:8501/_stcore/health
+
+# Command to run the application
 ENTRYPOINT ["streamlit", "run", "app.py", "--server.port=8501", "--server.address=0.0.0.0"] 

README.md

@@ -1,20 +1,160 @@
----
-title: Snowflake HeroChallenge
-emoji: 🚀
-colorFrom: red
-colorTo: red
-sdk: docker
-app_port: 8501
-tags:
-- streamlit
-pinned: false
-short_description: Streamlit template space
-license: apache-2.0
----
-
-# Welcome to Streamlit!
-
-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).
+# 🎨 Art & Cultural Heritage Explorer
+
+Discover cultural heritage through AI-powered storytelling and interactive features. We aim to make history engaging and accessible for everyone.
+
+> Made with ❤️ by Team Gandivam
+
+## 🌟 Overview
+
+The Art & Cultural Heritage Explorer is an innovative web application that brings cultural heritage to life through AI-powered storytelling and interactive features. Our platform makes exploring art, architecture, and cultural heritage engaging and accessible for everyone.
+
+## 🚧 Key Challenges Addressed
+
+1. **Making Cultural Heritage Interesting for Everyone**
+   - Engaging younger audiences with cultural heritage
+   - Creating interactive and modern experiences
+
+2. **Telling Real and Interactive Stories with AI**
+   - Delivering authentic, respectful, and engaging narratives
+   - Adapting AI responses to diverse users while maintaining accuracy
+
+3. **Creating Fun and Easy Ways to Explore**
+   - Implementing smart design for maps and galleries
+   - Making cultural exploration enjoyable and intuitive
+
+4. **Keeping the Website Simple and Easy to Use**
+   - Organizing information clearly
+   - Ensuring mobile-friendly experience
+
+## 💡 Solution Overview
+
+- Interactive web app built with Streamlit + Snowflake
+- AI-powered storytelling to animate cultural items
+- Interactive maps to explore architectural heritage
+- Image gallery to browse cultural content
+- AI chatbot to answer questions about art, places, architecture
+- Google Maps integration for street view & locations
+- Secure deployment on Streamlit Cloud
+
+## 🛠️ Tech Stack
+
+### Frontend
+- Streamlit
+- Custom CSS/HTML
+- Google Fonts
+- Responsive design
+
+### Backend
+- Python 3.x
+- Streamlit web framework
+- Pandas, NumPy
+
+### APIs
+- Google Maps API
+- Groq API (for AI)
+
+### AI/ML
+- Groq for story generation
+- Custom AI chatbot (NLP)
+
+### Deployment
+- Streamlit Cloud
+- Secure API key handling
+
+### Data Management
+- Snowflake (warehouse)
+- JSON/CSV for data
+- JPEG/PNG for images
+- ChromaDB for vector storage
+
+## 🏗️ Architecture
+
+### High-Level Architecture
+The application follows a modern architecture with clear separation of concerns:
+- User Interface Layer (Streamlit)
+- Application Logic Layer (Python)
+- Data Layer (Snowflake)
+- AI Services Layer (Groq)
+
+### Main Application Flow
+1. User interacts with app
+2. Backend processes requests
+3. AI generates stories/responses
+4. UI displays content
+
+## 🎯 User Experience Features
+
+### Responsive Grid Layout
+- Adaptive to screen sizes
+- Smooth transitions
+- Touch-friendly
+
+### Interactive Gallery
+- High-res image zoom/pan
+- Carousel navigation
+- Quick view
+
+### Navigation
+- Intuitive categories
+- Clear menu
+- Search and breadcrumb support
+
+### Loading States & Animations
+- Smooth load transitions
+- Story generation and map loading animations
+
+## 🔮 Future Enhancements
+
+1. **AI-Based Recommendations**
+   - Recommends nearby arts & locations using user's live location
+
+2. **3D Modeling with AI**
+   - AI-generated 3D models of art/architecture
+   - Enhanced AR experience
+
+3. **AI Vision Guide**
+   - Natural language explanation of visuals (art & architecture)
+
+4. **Onboarding Local Guides & Artists**
+   - Encourages responsible tourism
+   - Supports local communities
+
+## 👥 Team Gandivam
+
+- Darshan Roy
+- Jyoti Sharma
+- Sarthak Gaikwad
+- Prathamesh Bhaskar
+- Ashitosh Katale
+
+## 🚀 Getting Started
+
+1. Clone the repository
+```bash
+git clone [repository-url]
+```
+
+2. Install dependencies
+```bash
+pip install -r requirements.txt
+```
+
+3. Set up environment variables
+```bash
+cp .env.example .env
+# Edit .env with your credentials
+```
+
+4. Run the application
+```bash
+streamlit run app.py
+```
+
+## 📝 License
+
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+
+## 🙏 Acknowledgments
+
+- Made with [Gamma](https://gamma.app/?utm_source=made-with-gamma)
+- Special thanks to all contributors and supporters 

docker-compose.yml

@@ -0,0 +1,28 @@
+version: '3.8'
+
+services:
+  app:
+    build: .
+    container_name: art_culture_app
+    ports:
+      - "8501:8501"
+    volumes:
+      - .:/app
+    env_file:
+      - .env
+    environment:
+      - SNOWFLAKE_USER=${SNOWFLAKE_USER}
+      - SNOWFLAKE_PASSWORD=${SNOWFLAKE_PASSWORD}
+      - SNOWFLAKE_ACCOUNT=${SNOWFLAKE_ACCOUNT}
+      - SNOWFLAKE_WAREHOUSE=${SNOWFLAKE_WAREHOUSE}
+      - SNOWFLAKE_DATABASE=${SNOWFLAKE_DATABASE}
+      - SNOWFLAKE_SCHEMA=${SNOWFLAKE_SCHEMA}
+      - GOOGLE_MAPS_API_KEY=${GOOGLE_MAPS_API_KEY}
+      - GROQ_API_KEY=${GROQ_API_KEY}
+    restart: unless-stopped
+    healthcheck:
+      test: ["CMD", "curl", "--fail", "http://localhost:8501/_stcore/health"]
+      interval: 30s
+      timeout: 10s
+      retries: 3
+      start_period: 40s 

streamlit_app.py

@@ -0,0 +1,782 @@
+import streamlit as st
+from config.settings import PAGE_CONFIG
+from loaders.data_loader import load_all_data_streamlit
+from utils.session import initialize_session_state
+from utils.router import router
+from pages import home, category_detail, item_detail
+
+
+def apply_custom_css():
+    """Apply custom light-blue theme CSS for improved UI with Poppins fonts."""
+    st.markdown(
+        """
+    <style>
+    /* Import Google Fonts and Adobe Fonts (Typekit) */
+    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap');
+    </style>
+    
+    <!-- Adobe Fonts (Typekit) for Poppins -->
+    <link rel="stylesheet" href="https://use.typekit.net/jre8nsm.css">
+    
+    <style>
+    /* Hide Streamlit branding */
+    #MainMenu {visibility: hidden;}
+    footer {visibility: hidden;}
+    header {visibility: hidden;}
+    
+    /* Hide sidebar collapse/expand button */
+    .css-1vbkxwb {display: none;}
+    button[data-testid="collapsedControl"] {display: none;}
+    .css-1rs6os {display: none;}
+    .css-1cypcdb {display: none;}
+    .streamlit-expanderHeader {display: none;}
+    div[data-testid="stSidebarCollapsedControl"] {display: none;}
+    .css-1outpf7 {display: none;}
+    
+    /* Hide Streamlit elements */
+    #MainMenu {display: none;}
+    footer {display: none;}
+    header {display: none;}
+    
+    /* Hide Sidebar Completely */
+    .css-1d391kg {display: none;}
+    .css-1aumxhk {display: none;}
+    section[data-testid="stSidebar"] {display: none;}
+    .css-17eq0hr {display: none;}
+    .css-1cypcdb {display: none;}
+    .css-1544g2n {display: none;}
+    div[data-testid="stSidebarNav"] {display: none;}
+    .css-1lcbmhc {display: none;}
+    .css-1outpf7 {display: none;}
+    
+    /* Remove top spacing and adjust main content to full width */
+    .stApp {
+        margin-top: -205px !important;
+        padding-top: 0 !important;
+        scroll-behavior: smooth !important;
+    }
+    
+    .main .block-container {
+        padding-top: 0 !important;
+        padding-left: 1rem !important;
+        padding-right: 1rem !important;
+        max-width: none !important;
+        width: 100% !important;
+        margin-top: 0 !important;
+    }
+    
+    /* Ensure content uses full width and removes top spacing */
+    .stApp > div:first-child {
+        margin-left: 0 !important;
+        margin-top: 0 !important;
+        padding-top: 0 !important;
+    }
+    
+    /* Remove any default top margins/padding */
+    div[data-testid="stAppViewContainer"] {
+        padding-top: 0 !important;
+        margin-top: 0 !important;
+    }
+    
+    div[data-testid="stMain"] {
+        padding-top: 0 !important;
+        margin-top: 0 !important;
+    }
+    
+    /* Force scroll position */
+    html {
+        scroll-behavior: auto !important;
+    }
+    
+    body {
+        overflow-x: hidden;
+        font-family: "poppins", sans-serif;
+        font-weight: 400;
+        font-style: normal;
+    }
+    
+    /* Global Styles - Light Blue Theme */
+    .main {
+        padding: 0rem 1rem;
+        background-color: #F0F8FF;
+        margin-top: 0 !important;
+        font-family: "poppins", sans-serif;
+    }
+    
+    /* Custom Color Palette - Light Blue Theme */
+    :root {
+        --primary-blue: #1E88E5;
+        --secondary-blue: #42A5F5;
+        --deep-blue: #1565C0;
+        --light-bg: #F0F8FF;
+        --card-bg: #FFFFFF;
+        --surface-bg: #E3F2FD;
+        --accent-blue: #2196F3;
+        --text-dark: #1A237E;
+        --text-primary: #0D47A1;
+        --text-secondary: #1976D2;
+        --text-muted: #5C6BC0;
+        --border-color: #BBDEFB;
+        --success-green: #4CAF50;
+        --gradient-start: #E3F2FD;
+        --gradient-end: #BBDEFB;
+        --highlight-color: #FF9800;
+        --shadow-light: rgba(30, 136, 229, 0.1);
+        --shadow-medium: rgba(30, 136, 229, 0.2);
+        --shadow-strong: rgba(30, 136, 229, 0.3);
+        
+        /* Font Family Variables */
+        --font-primary: "poppins", sans-serif;
+        --font-display: 'Playfair Display', serif;
+        --font-body: "poppins", sans-serif;
+        --font-ui: "poppins", sans-serif;
+    }
+    
+    /* Typography with Poppins Integration */
+    .main-title {
+        font-family: var(--font-display);
+        font-size: 3.5rem;
+        font-weight: 700;
+        color: var(--text-dark);
+        text-align: center;
+        margin-bottom: 0.5rem;
+        text-shadow: 2px 2px 4px rgba(30, 136, 229, 0.1);
+        background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        background-clip: text;
+    }
+    
+    .section-title {
+        font-family: var(--font-display);
+        font-size: 2.5rem;
+        font-weight: 600;
+        color: var(--text-dark);
+        text-align: center;
+        margin: 2rem 0 3rem 0;
+        position: relative;
+    }
+    
+    .section-title::after {
+        content: '';
+        position: absolute;
+        bottom: -10px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 80px;
+        height: 3px;
+        background: linear-gradient(90deg, var(--primary-blue), var(--secondary-blue));
+        border-radius: 2px;
+    }
+    
+    /* Poppins Typography Classes */
+    .poppins-regular {
+        font-family: "poppins", sans-serif;
+        font-weight: 400;
+        font-style: normal;
+    }
+    
+    .poppins-italic {
+        font-family: "poppins", sans-serif;
+        font-weight: 400;
+        font-style: italic;
+    }
+    
+    .poppins-bold {
+        font-family: "poppins", sans-serif;
+        font-weight: 700;
+        font-style: normal;
+    }
+    
+    .poppins-bold-italic {
+        font-family: "poppins", sans-serif;
+        font-weight: 700;
+        font-style: italic;
+    }
+    
+    /* Category Cards */
+    .category-card {
+        background: var(--card-bg);
+        border-radius: 20px;
+        box-shadow: 0 8px 32px var(--shadow-light);
+        overflow: hidden;
+        transition: all 0.3s ease;
+        border: 1px solid var(--border-color);
+        margin-bottom: 2rem;
+        margin-top: 3rem;
+        position: relative;
+    }
+    
+    .category-card:hover {
+        transform: translateY(-8px);
+        box-shadow: 0 16px 48px var(--shadow-medium);
+        border-color: var(--primary-blue);
+    }
+    
+    .category-card::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        height: 4px;
+        background: linear-gradient(90deg, var(--primary-blue), var(--secondary-blue));
+    }
+    
+    .card-image-container {
+        position: relative;
+        overflow: hidden;
+        height: 200px;
+    }
+    
+    .card-image-container img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        transition: transform 0.3s ease;
+    }
+    
+    .category-card:hover .card-image-container img {
+        transform: scale(1.05);
+    }
+    
+    .card-content {
+        padding: 1.5rem;
+        background: var(--card-bg);
+        color: var(--text-dark);
+        border-top: 1px solid var(--border-color);
+    }
+    
+    .card-title {
+        font-family: var(--font-display);
+        font-size: 1.4rem;
+        font-weight: 600;
+        color: var(--text-dark);
+        margin-bottom: 0.8rem;
+        text-align: center;
+    }
+    
+    .card-description {
+        font-family: var(--font-primary);
+        font-size: 0.95rem;
+        color: var(--text-secondary);
+        line-height: 1.6;
+        text-align: center;
+        margin-bottom: 1.5rem;
+        font-weight: 400;
+    }
+    
+    /* Item Cards */
+    .item-card {
+        background: var(--card-bg);
+        border-radius: 15px;
+        box-shadow: 0 6px 24px var(--shadow-light);
+        overflow: hidden;
+        transition: all 0.3s ease;
+        margin-bottom: 1.5rem;
+        border: 1px solid var(--border-color);
+    }
+    
+    .item-card:hover {
+        transform: translateY(-4px);
+        box-shadow: 0 12px 32px var(--shadow-medium);
+        border-color: var(--primary-blue);
+    }
+    
+    .item-image-container {
+        position: relative;
+        overflow: hidden;
+        height: 180px;
+    }
+    
+    .item-image-container img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        transition: transform 0.3s ease;
+    }
+    
+    .item-card:hover .item-image-container img {
+        transform: scale(1.03);
+    }
+    
+    /* Custom Buttons with Poppins */
+    .stButton > button {
+        background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));
+        color: white;
+        border: none;
+        border-radius: 25px;
+        padding: 0.7rem 2rem;
+        font-family: var(--font-primary);
+        font-weight: 500;
+        font-size: 0.95rem;
+        transition: all 0.3s ease;
+        box-shadow: 0 4px 16px var(--shadow-light);
+        width: 100%;
+    }
+    
+    .stButton > button:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 6px 20px var(--shadow-medium);
+        background: linear-gradient(135deg, var(--secondary-blue), var(--primary-blue));
+    }
+    
+    /* Navigation Buttons */
+    .nav-button, div[data-testid="column"]:first-child .stButton > button {
+        background: var(--surface-bg) !important;
+        color: var(--text-primary) !important;
+        border-radius: 20px !important;
+        padding: 0.4rem 1rem !important;
+        font-family: var(--font-primary) !important;
+        font-weight: 500 !important;
+        font-size: 0.85rem !important;
+        border: 1px solid var(--border-color) !important;
+        transition: all 0.3s ease !important;
+        margin-bottom: 1rem !important;
+        width: auto !important;
+        min-width: 120px !important;
+    }
+    
+    .nav-button:hover, div[data-testid="column"]:first-child .stButton > button:hover {
+        background: var(--primary-blue) !important;
+        color: white !important;
+        transform: translateX(-4px) !important;
+        border-color: var(--primary-blue) !important;
+    }
+    
+    /* Hero Section - Updated for light theme */
+    .hero-section {
+        background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
+        padding: 4rem 2rem;
+        margin: -1rem -1rem 3rem -1rem;
+        text-align: center;
+        border-radius: 0 0 30px 30px;
+        border-bottom: 2px solid var(--border-color);
+        margin-top: -1rem !important;
+    }
+    
+    .hero-subtitle {
+        font-family: var(--font-primary);
+        font-size: 1.2rem;
+        margin-top: 1rem;
+        font-weight: 400;
+        color: white;
+    }
+    
+    /* Item Detail Styles */
+    .item-detail-container {
+        background: var(--card-bg);
+        border-radius: 20px;
+        padding: 2rem;
+        margin: 2rem 0;
+        box-shadow: 0 8px 32px var(--shadow-light);
+        border: 1px solid var(--border-color);
+    }
+    
+    .item-title {
+        font-family: var(--font-display);
+        font-size: 2.8rem;
+        font-weight: 700;
+        color: var(--text-dark);
+        text-align: center;
+        margin-bottom: 2rem;
+        line-height: 1.2;
+    }
+    
+    .item-section-title {
+        font-family: var(--font-display);
+        font-size: 1.6rem;
+        font-weight: 600;
+        color: var(--text-dark);
+        margin: 2rem 0 1rem 0;
+        border-bottom: 2px solid var(--primary-blue);
+        padding-bottom: 0.5rem;
+    }
+    
+    .item-content {
+        font-family: var(--font-primary);
+        font-size: 1rem;
+        line-height: 1.7;
+        color: var(--text-secondary);
+        margin-bottom: 1.5rem;
+        font-weight: 400;
+    }
+    
+    /* Image Gallery */
+    .image-gallery {
+        margin: 2rem 0;
+    }
+    
+    .gallery-image {
+        border-radius: 15px;
+        box-shadow: 0 6px 24px var(--shadow-light);
+        transition: transform 0.3s ease;
+        margin-bottom: 1rem;
+    }
+    
+    .gallery-image:hover {
+        transform: scale(1.02);
+    }
+    
+    /* Featured Cards */
+    .featured-card {
+        background: linear-gradient(135deg, var(--card-bg), var(--surface-bg));
+        border: 2px solid var(--highlight-color);
+        border-radius: 20px;
+        box-shadow: 0 8px 32px rgba(255, 152, 0, 0.2);
+        overflow: hidden;
+        transition: all 0.3s ease;
+        margin-bottom: 2rem;
+        position: relative;
+    }
+    
+    .featured-card:hover {
+        transform: translateY(-8px);
+        box-shadow: 0 16px 48px rgba(255, 152, 0, 0.3);
+    }
+    
+    /* Compact Navigation Button Styles */
+    .compact-nav-button button {
+        background: var(--surface-bg) !important;
+        color: var(--text-primary) !important;
+        border-radius: 12px !important;
+        padding: 0.3rem 0.6rem !important;
+        font-family: var(--font-primary) !important;
+        font-size: 0.75rem !important;
+        font-weight: 500 !important;
+        border: 1px solid var(--border-color) !important;
+        width: auto !important;
+        min-width: 80px !important;
+        max-width: 90px !important;
+        transition: all 0.3s ease !important;
+        margin: 0 !important;
+    }
+    
+    .compact-nav-button button:hover {
+        background: var(--primary-blue) !important;
+        color: white !important;
+        transform: translateX(-1px) !important;
+        border-color: var(--primary-blue) !important;
+    }
+    
+    .compact-nav-button {
+        text-align: left !important;
+        margin-bottom: 1rem !important;
+    }
+    
+    /* Override Streamlit default styles for light theme */
+    .stSelectbox > div > div {
+        background-color: var(--card-bg);
+        color: var(--text-dark);
+        border-color: var(--border-color);
+        font-family: var(--font-primary);
+    }
+    
+    .stSelectbox > div > div:hover {
+        border-color: var(--primary-blue);
+    }
+    
+    /* Info boxes and containers */
+    div[data-testid="stContainer"] > div {
+        background-color: transparent;
+    }
+    
+    /* All text elements use Poppins by default */
+    .stMarkdown, .stText, p, div, span, h1, h2, h3, h4, h5, h6 {
+        font-family: var(--font-primary);
+    }
+    
+    /* Specific heading overrides for display font */
+    h1, .stMarkdown h1 {
+        font-family: var(--font-display);
+        font-weight: 700;
+    }
+    
+    h2, .stMarkdown h2 {
+        font-family: var(--font-display);
+        font-weight: 600;
+    }
+    
+    h3, .stMarkdown h3 {
+        font-family: var(--font-primary);
+        font-weight: 700;
+    }
+    
+    h4, h5, h6, .stMarkdown h4, .stMarkdown h5, .stMarkdown h6 {
+        font-family: var(--font-primary);
+        font-weight: 600;
+    }
+    
+    /* Body text and paragraphs */
+    p, .stMarkdown p, div, span, li {
+        font-family: var(--font-primary);
+        font-weight: 400;
+    }
+    
+    /* Responsive adjustments */
+    @media (max-width: 768px) {
+        .main-title {
+            font-size: 2.5rem;
+        }
+        
+        .section-title {
+            font-size: 2rem;
+        }
+        
+        .item-title {
+            font-size: 2.2rem;
+        }
+        
+        .hero-section {
+            padding: 3rem 1rem;
+        }
+    }
+    
+    /* Custom scrollbar for light theme */
+    ::-webkit-scrollbar {
+        width: 8px;
+    }
+    
+    ::-webkit-scrollbar-track {
+        background: var(--light-bg);
+    }
+    
+    ::-webkit-scrollbar-thumb {
+        background: var(--primary-blue);
+        border-radius: 4px;
+    }
+    
+    ::-webkit-scrollbar-thumb:hover {
+        background: var(--secondary-blue);
+    }
+    
+    /* Loading animation */
+    .loading-spinner {
+        display: inline-block;
+        width: 20px;
+        height: 20px;
+        border: 3px solid rgba(30, 136, 229, 0.3);
+        border-radius: 50%;
+        border-top-color: var(--primary-blue);
+        animation: spin 1s ease-in-out infinite;
+    }
+    
+    @keyframes spin {
+        to { transform: rotate(360deg); }
+    }
+    
+    /* Success/Info styling for light theme */
+    .stAlert {
+        border-radius: 15px;
+        border-left: 4px solid var(--primary-blue);
+        background-color: var(--surface-bg);
+        color: var(--text-dark);
+        font-family: var(--font-primary);
+    }
+    
+    /* Additional light theme improvements */
+    .stExpander {
+        background-color: var(--card-bg);
+        border: 1px solid var(--border-color);
+        border-radius: 10px;
+    }
+    
+    .stExpander summary {
+        color: var(--text-dark);
+        font-family: var(--font-primary);
+        font-weight: 600;
+    }
+    
+    /* Override any remaining backgrounds */
+    div[data-testid="column"] > div {
+        background-color: transparent;
+    }
+    
+    /* Statistics cards styling for light theme */
+    .stats-card {
+        background: var(--card-bg);
+        border: 1px solid var(--border-color);
+        color: var(--text-dark);
+        box-shadow: 0 4px 16px var(--shadow-light);
+        font-family: var(--font-primary);
+    }
+    
+    .stats-card h3 {
+        color: var(--highlight-color);
+        font-family: var(--font-primary);
+        font-weight: 700;
+    }
+    
+    .stats-card h4 {
+        color: var(--text-dark);
+        font-family: var(--font-primary);
+        font-weight: 600;
+    }
+    
+    .stats-card p {
+        color: var(--text-secondary);
+        font-family: var(--font-primary);
+        font-weight: 400;
+    }
+    
+    /* Light theme specific adjustments */
+    .stApp {
+        background-color: var(--light-bg);
+        font-family: var(--font-primary);
+    }
+    
+    /* Text inputs and form elements */
+    .stTextInput > div > div > input {
+        background-color: var(--card-bg);
+        color: var(--text-dark);
+        border-color: var(--border-color);
+        font-family: var(--font-primary);
+    }
+    
+    .stTextInput > div > div > input:focus {
+        border-color: var(--primary-blue);
+        box-shadow: 0 0 0 2px rgba(30, 136, 229, 0.2);
+    }
+    
+    /* Dataframe and table styling */
+    .stDataFrame {
+        background-color: var(--card-bg);
+        border: 1px solid var(--border-color);
+        border-radius: 10px;
+        font-family: var(--font-primary);
+    }
+    
+    /* Warning and error messages */
+    .stWarning {
+        background-color: rgba(255, 193, 7, 0.1);
+        color: #856404;
+        border-left: 4px solid #ffc107;
+        font-family: var(--font-primary);
+    }
+    
+    .stError {
+        background-color: rgba(220, 53, 69, 0.1);
+        color: #721c24;
+        border-left: 4px solid #dc3545;
+        font-family: var(--font-primary);
+    }
+    
+    .stSuccess {
+        background-color: rgba(40, 167, 69, 0.1);
+        color: #155724;
+        border-left: 4px solid #28a745;
+        font-family: var(--font-primary);
+    }
+    
+    .stInfo {
+        background-color: rgba(30, 136, 229, 0.1);
+        color: var(--text-primary);
+        border-left: 4px solid var(--primary-blue);
+        font-family: var(--font-primary);
+    }
+    
+    /* Enhanced visual hierarchy with light blue gradients */
+    .gradient-bg-light {
+        background: linear-gradient(135deg, #E3F2FD, #BBDEFB);
+    }
+    
+    .gradient-bg-medium {
+        background: linear-gradient(135deg, #BBDEFB, #90CAF9);
+    }
+    
+    .gradient-text {
+        background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        background-clip: text;
+        font-family: var(--font-primary);
+        font-weight: 700;
+    }
+    
+    /* Hover effects for better interactivity */
+    .hover-lift {
+        transition: transform 0.2s ease, box-shadow 0.2s ease;
+    }
+    
+    .hover-lift:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 8px 25px var(--shadow-medium);
+    }
+    
+    /* Utility classes for Poppins font variants */
+    .text-regular {
+        font-family: "poppins", sans-serif;
+        font-weight: 400;
+        font-style: normal;
+    }
+    
+    .text-italic {
+        font-family: "poppins", sans-serif;
+        font-weight: 400;
+        font-style: italic;
+    }
+    
+    .text-bold {
+        font-family: "poppins", sans-serif;
+        font-weight: 700;
+        font-style: normal;
+    }
+    
+    .text-bold-italic {
+        font-family: "poppins", sans-serif;
+        font-weight: 700;
+        font-style: italic;
+    }
+    </style>
+    """,
+        unsafe_allow_html=True,
+    )
+
+
+def main():
+    # Configure page
+    enhanced_config = {
+        **PAGE_CONFIG,
+        "page_title": "🎨 Art & Culture Explorer",
+        "page_icon": "🎨",
+    }
+    st.set_page_config(**enhanced_config)
+
+    # Apply custom CSS
+    apply_custom_css()
+
+    # Initialize session state
+    initialize_session_state()
+
+    # Apply scroll fix and page positioning
+    from utils.session import (
+        inject_scroll_fix_css,
+        add_page_transition_effect,
+        enhanced_scroll_to_top,
+    )
+
+    inject_scroll_fix_css()
+    add_page_transition_effect()
+    enhanced_scroll_to_top()
+
+    # Load data
+    app_data = load_all_data_streamlit()
+
+    if app_data is None:
+        st.error("Unable to load application data. Please check your data directory.")
+        st.stop()
+
+    # Sync session state with URL parameters
+    router.sync_session_from_url(app_data)
+
+    # Route to appropriate page based on session state
+    if st.session_state.view == "home":
+        home.render(app_data)
+    elif st.session_state.view == "category_detail":
+        category_detail.render(app_data)
+    elif st.session_state.view == "item_detail":
+        item_detail.render(app_data)
+
+
+if __name__ == "__main__":
+    main()

watch_and_restart.py

@@ -0,0 +1,40 @@
+import subprocess
+import time
+import os
+import signal
+
+process = None
+
+
+def restart():
+    global process
+    if process:
+        process.terminate()
+        process.wait()
+    process = subprocess.Popen(["streamlit", "run", "main.py"])
+
+
+try:
+    restart()
+    from watchdog.observers import Observer
+    from watchdog.events import FileSystemEventHandler
+
+    class ChangeHandler(FileSystemEventHandler):
+        def on_modified(self, event):
+            if event.src_path.endswith(".py"):
+                print(f"File changed: {event.src_path}")
+                restart()
+
+    event_handler = ChangeHandler()
+    observer = Observer()
+    observer.schedule(event_handler, path=".", recursive=True)
+    observer.start()
+
+    while True:
+        time.sleep(1)
+
+except KeyboardInterrupt:
+    if process:
+        process.terminate()
+    observer.stop()
+    observer.join()