ciimit

app.py

@@ -125,7 +125,7 @@ def collect_missing_data(profile):
     return profile
 
 def display_success_message(inserted_id, frontend_url):
-    """Displays a focused success message highlighting all portfolio templates"""
+    """Displays a focused success message highlighting both portfolio options"""
     
     st.balloons()  # Add some celebration!
     
@@ -133,38 +133,30 @@ def display_success_message(inserted_id, frontend_url):
     st.markdown("""
     <style>
     .portfolio-container {
-        display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+        display: flex;
         gap: 20px;
         margin: 30px 0;
+        flex-wrap: wrap;
     }
     .portfolio-card {
+        flex: 1;
+        min-width: 300px;
         background-color: rgba(255, 255, 255, 0.05);
         border: 1px solid rgba(150, 150, 150, 0.2);
         border-radius: 10px;
         padding: 20px;
         text-align: center;
-        height: 100%;
-        display: flex;
-        flex-direction: column;
     }
     .portfolio-title {
         font-size: 1.5rem;
-        margin-bottom: 5px;
-        color: inherit;
-    }
-    .portfolio-category {
-        font-size: 0.9rem;
         margin-bottom: 10px;
-        color: #888;
-        text-transform: uppercase;
+        color: inherit;
     }
     .portfolio-desc {
         font-size: 0.9rem;
         margin-bottom: 20px;
         color: inherit;
         opacity: 0.8;
-        flex-grow: 1;
     }
     .portfolio-link {
         display: inline-block;
@@ -177,16 +169,6 @@ def display_success_message(inserted_id, frontend_url):
         font-weight: bold;
         font-size: 1.1rem;
     }
-    .premium-badge {
-        background-color: gold;
-        color: black;
-        font-size: 0.8rem;
-        padding: 3px 8px;
-        border-radius: 10px;
-        display: inline-block;
-        margin-left: 5px;
-        font-weight: bold;
-    }
     .share-grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
@@ -209,98 +191,39 @@ def display_success_message(inserted_id, frontend_url):
     </style>
     """, unsafe_allow_html=True)
     
+    # Define portfolio URLs
+    classic_url = f"https://iportfo.netlify.app/{inserted_id}"
+    modern_url = f"https://v0-modern-portfolio-react.vercel.app/{inserted_id}"
+    
     # Success header
     st.markdown("""
     <div style="text-align: center; margin-bottom: 30px;">
         <h1 style="color: #28a745;">🎉 Your Portfolio is Ready!</h1>
-        <p style="color: inherit;">Choose from our beautiful portfolio design templates</p>
+        <p style="color: inherit;">Choose from two beautiful portfolio designs</p>
     </div>
     """, unsafe_allow_html=True)
     
-    # Define templates
-    templates = [
-        {
-            "id": 1,
-            "name": "Clean Portfolio",
-            "category": "professional",
-            "url": f"https://v0-recreate-figma-ui-dua1ta.vercel.app/{inserted_id}",
-            "isPremium": False,
-            "description": "Professional and clean design perfect for corporate settings"
-        },
-        {
-            "id": 2,
-            "name": "Creative Designer",
-            "category": "creative",
-            "url": f"https://v0-recreate-figma-ui-f7.vercel.app/{inserted_id}",
-            "isPremium": True,
-            "description": "Showcase your creative work with this artistic portfolio design"
-        },
-        {
-            "id": 3,
-            "name": "iPortfo",
-            "category": "tech",
-            "url": f"https://iportfo.netlify.app/{inserted_id}",
-            "isPremium": False,
-            "description": "Tech-focused portfolio with clean information layout"
-        },
-        {
-            "id": 4,
-            "name": "Modern Portfolio",
-            "category": "professional",
-            "url": f"https://v0-modern-portfolio-react.vercel.app/{inserted_id}",
-            "isPremium": False,
-            "description": "Contemporary and sleek design with enhanced visual elements"
-        },
-        {
-            "id": 5,
-            "name": "Data Science Portfolio",
-            "category": "tech",
-            "url": f"https://v0-portfolio-web-application.vercel.app/{inserted_id}",
-            "isPremium": False,
-            "description": "Specialized for data scientists to showcase projects and analysis"
-        },
-        {
-            "id": 6,
-            "name": "VimFolio Portfolio",
-            "category": "Special",
-            "url": f"https://v0-dynamic-portfolio-app.vercel.app/sample/{inserted_id}",
-            "isPremium": True,
-            "description": "Unique terminal-inspired design for developers"
-        },
-        {
-            "id": 7,
-            "name": "AI Portfolio",
-            "category": "Special",
-            "url": f"https://v0-portfolio-data-integration.vercel.app/{inserted_id}",
-            "isPremium": True,
-            "description": "Advanced AI-driven portfolio with interactive elements"
-        }
-    ]
-    
     # Portfolio cards
-    cards_html = '<div class="portfolio-container">'
-    
-    for template in templates:
-        premium_badge = '<span class="premium-badge">PREMIUM</span>' if template["isPremium"] else ''
-        
-        cards_html += f"""
+    st.markdown(f"""
+    <div class="portfolio-container">
         <div class="portfolio-card">
-            <h2 class="portfolio-title">{template["name"]} {premium_badge}</h2>
-            <div class="portfolio-category">{template["category"]}</div>
-            <p class="portfolio-desc">{template["description"]}</p>
-            <a href="{template["url"]}" target="_blank" class="portfolio-link">
-                View Design 🚀
+            <h2 class="portfolio-title">🎨 Classic Portfolio</h2>
+            <p class="portfolio-desc">Clean and professional design showcasing your experience in a traditional layout</p>
+            <a href="{classic_url}" target="_blank" class="portfolio-link">
+                View Classic Design 🚀
             </a>
         </div>
-        """
-    
-    cards_html += '</div>'
-    
-    st.markdown(cards_html, unsafe_allow_html=True)
-    
-    # Share section - use first free template as default for sharing
-    default_share_template = next((t for t in templates if not t["isPremium"]), templates[0])
+        <div class="portfolio-card">
+            <h2 class="portfolio-title">✨ Modern Portfolio (Beta)</h2>
+            <p class="portfolio-desc">Contemporary and dynamic design with enhanced visual elements</p>
+            <a href="{modern_url}" target="_blank" class="portfolio-link">
+                Try Modern Design 🎯
+            </a>
+        </div>
+    </div>
+    """, unsafe_allow_html=True)
     
+    # Share section
     st.subheader("📤 Share Your Portfolio")
     
     # Define share messages
@@ -309,9 +232,9 @@ def display_success_message(inserted_id, frontend_url):
     whatsapp_msg = "Hi! I wanted to share my professional portfolio with you. Take a look!"
     
     # Create share URLs
-    linkedin_share_url = f"https://www.linkedin.com/sharing/share-offsite/?url={default_share_template['url']}&summary={linkedin_msg}"
-    twitter_share_url = f"https://twitter.com/intent/tweet?text={twitter_msg}&url={default_share_template['url']}"
-    whatsapp_share_url = f"https://wa.me/?text={whatsapp_msg}%20{default_share_template['url']}"
+    linkedin_share_url = f"https://www.linkedin.com/sharing/share-offsite/?url={classic_url}&summary={linkedin_msg}"
+    twitter_share_url = f"https://twitter.com/intent/tweet?text={twitter_msg}&url={classic_url}"
+    whatsapp_share_url = f"https://wa.me/?text={whatsapp_msg}%20{classic_url}"
     
     # Share buttons
     st.markdown(f"""
@@ -340,12 +263,13 @@ def display_success_message(inserted_id, frontend_url):
     </div>
     """, unsafe_allow_html=True)
     
-    # Portfolio ID
+    # Portfolio IDs
     st.markdown(f"""
     <div style="margin-top: 30px; text-align: center;">
         <p style="color: inherit;">Your Portfolio ID: <code>{inserted_id}</code></p>
     </div>
     """, unsafe_allow_html=True)
+
 def education_editor(profile):
     education_data = []