Create contact.py (#10)

- Create contact.py (14502ce307829d9435021dc21847e3ea59f0d680)


Co-authored-by: Muhammad Khaqan Nasir <[email protected]>

src/contact.py

@@ -0,0 +1,83 @@
+import streamlit as st
+
+# Set page configuration
+st.set_page_config(
+    page_title="Contact Us | AI News Generator",
+    page_icon="📞",
+    layout="wide",
+    initial_sidebar_state="collapsed"
+)
+
+# Main Function
+def main():
+    # Apply Poppins font across the app
+    st.markdown("""
+    <style>
+    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
+    html, body, [class*="css"], * {
+        font-family: 'Poppins', sans-serif;
+    }
+    </style>
+    """, unsafe_allow_html=True)
+
+    # Include Font Awesome CDN for icons
+    st.markdown("""
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    """, unsafe_allow_html=True)
+
+    # Title Section
+    st.markdown("<h1 style='font-size: 60px; text-align: center;'>Contact Us</h1>", unsafe_allow_html=True)
+    st.markdown("<p style='font-size: 20px; text-align: center; color: gray;'>We'd love to hear from you! Reach out with any questions or feedback.</p>", unsafe_allow_html=True)
+
+    # Contact Form
+    st.markdown("<h2 style='font-size: 30px;'>📬 Get in Touch</h2>", unsafe_allow_html=True)
+    st.write("Fill in the form below to contact us directly!")
+
+    contact_form = st.form(key='contact_form')
+    name = contact_form.text_input("Your Name")
+    email = contact_form.text_input("Your Email")
+    message = contact_form.text_area("Your Message")
+    submit_button = contact_form.form_submit_button("Send Message")
+
+    if submit_button:
+        if name and email and message:
+            st.success("Thank you for reaching out! We will get back to you soon.")
+        else:
+            st.error("Please fill in all the fields.")
+
+    # Contact Information Section
+    st.markdown("<h2 style='font-size: 30px;'>📍 Our Location</h2>", unsafe_allow_html=True)
+    st.write("Find us at our office location:")
+
+    st.markdown("""
+     <div style='width: 100%; height: 100%;'>
+        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3426.9461831002777!2d73.43206937626101!3d30.80414347455002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3922a73c3c264d03%3A0x1654eeba796b65a3!2sMohammad%20Ali%20Jinnah%20Rd%2C%20Okara%2C%20Punjab%2C%20Pakistan!5e0!3m2!1sen!2s!4v1733648554209!5m2!1sen!2s" 
+        width="100%" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+     </div>""", unsafe_allow_html=True)
+
+    # Social Media Section
+    st.markdown("<h2 style='font-size: 30px;'>💬 Follow Us</h2>", unsafe_allow_html=True)
+    st.write("Stay connected with us through social media:")
+    social_media_links = {
+        "GitHub": "https://github.com/yourprofile",
+        "LinkedIn": "https://www.linkedin.com/in/yourprofile",
+        "Twitter": "https://twitter.com/yourprofile"
+    }
+
+    for platform, link in social_media_links.items():
+        st.markdown(f"""
+        <a href='{link}' target='_blank' style='font-size: 20px; color: #0077B5; margin-right: 20px;'>
+            <i class="fab fa-{platform.lower()}" style="font-size: 24px;"></i> {platform}
+        </a>
+        """, unsafe_allow_html=True)
+
+    # Footer
+    st.markdown("---")
+    st.markdown(
+        '<p style="text-align: center; font-weight: 600; font-size: 16px;">💻 Developed with ❤️ using Streamlit | © 2024</p>',
+        unsafe_allow_html=True
+    )
+
+# Run the app
+if __name__ == "__main__":
+    main()