new version

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 both portfolio options"""
+    """Displays a focused success message highlighting all portfolio templates"""
     
     st.balloons()  # Add some celebration!
     
@@ -133,30 +133,38 @@ def display_success_message(inserted_id, frontend_url):
     st.markdown("""
     <style>
     .portfolio-container {
-        display: flex;
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
         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: 10px;
+        margin-bottom: 5px;
         color: inherit;
     }
+    .portfolio-category {
+        font-size: 0.9rem;
+        margin-bottom: 10px;
+        color: #888;
+        text-transform: uppercase;
+    }
     .portfolio-desc {
         font-size: 0.9rem;
         margin-bottom: 20px;
         color: inherit;
         opacity: 0.8;
+        flex-grow: 1;
     }
     .portfolio-link {
         display: inline-block;
@@ -169,6 +177,16 @@ 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));
@@ -191,39 +209,98 @@ 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 two beautiful portfolio designs</p>
+        <p style="color: inherit;">Choose from our beautiful portfolio design templates</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
-    st.markdown(f"""
-    <div class="portfolio-container">
-        <div class="portfolio-card">
-            <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 class="portfolio-container">'
+    
+    for template in templates:
+        premium_badge = '<span class="premium-badge">PREMIUM</span>' if template["isPremium"] else ''
+        
+        cards_html += f"""
         <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 🎯
+            <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 🚀
             </a>
         </div>
-    </div>
-    """, unsafe_allow_html=True)
+        """
+    
+    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])
     
-    # Share section
     st.subheader("📤 Share Your Portfolio")
     
     # Define share messages
@@ -232,9 +309,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={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}"
+    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']}"
     
     # Share buttons
     st.markdown(f"""
@@ -263,13 +340,12 @@ def display_success_message(inserted_id, frontend_url):
     </div>
     """, unsafe_allow_html=True)
     
-    # Portfolio IDs
+    # Portfolio ID
     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 = []