Code Editor for app.py

import streamlit as st
from PIL import Image
import time

# Page configuration
st.set_page_config(
    page_title="Jane Smith - UX/UI Designer",
    layout="wide"
)

# Header Section
st.title("Jane Smith")
st.subheader("UX/UI Designer & Visual Artist")

# About Section
st.markdown("""
## About Me

I'm a passionate UX/UI designer with over 8 years of experience creating beautiful and functional digital experiences. 
Based in New York City, I've worked with startups and established companies to bring their digital products to life.

### Skills
- User Interface Design
- User Experience Design
- Wireframing & Prototyping
- Visual Design
- Design Systems
- Adobe Creative Suite
- Figma & Sketch
""")

# Portfolio Section
st.markdown("## Portfolio")
st.write("Selected works from my recent projects")

# Create columns for the gallery
col1, col2, col3 = st.columns(3)

# Sample project images (using placeholder images)
projects = [
    {
        "image": "https://picsum.photos/400/300?random=1",
        "title": "E-commerce App Redesign",
        "description": "A complete overhaul of an e-commerce platform"
    },
    {
        "image": "https://picsum.photos/400/300?random=2",
        "title": "Banking Dashboard",
        "description": "Financial management interface"
    },
    {
        "image": "https://picsum.photos/400/300?random=3",
        "title": "Travel Blog",
        "description": "Minimalist travel blog design"
    },
    {
        "image": "https://picsum.photos/400/300?random=4",
        "title": "Fitness App",
        "description": "Mobile fitness tracking application"
    },
    {
        "image": "https://picsum.photos/400/300?random=5",
        "title": "Restaurant Website",
        "description": "Modern restaurant website design"
    },
    {
        "image": "https://picsum.photos/400/300?random=6",
        "title": "Music Player",
        "description": "Streaming service interface"
    }
]

# Distribute projects across columns
for i, project in enumerate(projects):
    with [col1, col2, col3][i % 3]:
        st.image(project["image"], caption=project["title"])
        st.write(project["description"])

# Contact Form
st.markdown("## Let's Connect!")
st.write("Fill out the form below to get in touch with me.")

# Create a form
with st.form("contact_form", clear_on_submit=True):
    name = st.text_input("Your Name")
    email = st.text_input("Your Email")
    message = st.text_area("Your Message")
    
    submitted = st.form_submit_button("Send Message")
    
    if submitted:
        if name and email and message:
            st.success("Thanks for reaching out! I'll get back to you soon.")
            # Here you would typically add code to handle the form submission
            # For demo purposes, we'll just show a success message
        else:
            st.error("Please fill in all fields.")

# Footer
st.markdown("---")
st.markdown("""
<div style='text-align: center'>
    © 2024 Jane Smith. All rights reserved.
</div>
""", unsafe_allow_html=True)