Spaces:

DjayChucko
/

EnablingSales

Running

App Files Files

DjayChucko commited on Sep 26, 2025

Commit

71d53f7

verified ·

1 Parent(s): 0c5d636

Manual changes saved

Browse files

Files changed (1) hide show

value-mapper.html +16 -43

value-mapper.html CHANGED Viewed

@@ -1,64 +1,37 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>What The Pod? - Pod Value Mapper</title>
-    <!-- Load Tailwind CSS -->
     <script src="https://cdn.tailwindcss.com"></script>
-    <!-- Load Space Grotesk font for headings -->
-    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet">
     <script>
-        // Custom Tailwind Configuration for Branding
         tailwind.config = {
             theme: {
                 extend: {
                     colors: {
-                        'sc-primary': '#521094', // Dark Purple
-                        'sc-secondary': '#792DD4', // Lighter Purple
-                        'sc-background': '#F1EEFC', // Very Light Purple/Off-White
-                        'sc-accent1': '#0083E6', // Blue
-                        'sc-accent2': '#03CFDA', // Cyan
-                    },
-                    fontFamily: {
-                        sans: ['Inter', 'sans-serif'],
-                        heading: ['"Space Grotesk"', 'sans-serif'],
                     }
                 }
             }
         }
     </script>
     <style>
-        body {
-            font-family: 'Inter', sans-serif;
-            background-color: #f7f7f7;
-            min-height: 100vh;
-            display: flex;
-            flex-direction: column;
         }
-        /* Custom selector styling */
-        select {
-            -webkit-appearance: none;
-            -moz-appearance: none;
-            appearance: none;
-            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23792DD4'%3e%3cpath d='M9.293 12.95l.707.707L15 8.707V3h-2l-3 3-3-3H5v5.707L9.293 12.95z'/%3e%3c/svg%3e");
-            background-repeat: no-repeat;
-            background-position: right 0.7rem top 50%;
-            background-size: 0.65em auto;
         }
-        /* Style for printing: Hide header and footer when saving as PDF */
-        @media print {
-            header, footer {
-                display: none !important;
-            }
-            main {
-                margin-top: 0 !important;
-                padding-top: 0 !important;
-            }
-            .no-print {
-                display: none !important;
-            }
         }
     </style>
 </head>

 <!DOCTYPE html>
+<html lang="en" class="scroll-smooth">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="ValueVortex Navigator - Your strategic sales companion">
+    <title> Pod Value Mapper | Home</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
     <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
     <script>
         tailwind.config = {
+            darkMode: 'class',
             theme: {
                 extend: {
                     colors: {
+                        primary: '#6366f1',
+                        secondary: '#8b5cf6',
+                        dark: '#1e293b'
                     }
                 }
             }
         }
     </script>
     <style>
+        .nav-link.active {
+            @apply text-primary font-medium border-b-2 border-primary;
         }
+        .card-hover {
+            @apply transition-all duration-300 hover:scale-105 hover:shadow-xl;
         }
+        .hamburger-line {
+            @apply w-6 h-0.5 bg-current transition-all duration-300;
         }
     </style>
 </head>