Spaces:
Running
Running
Make this image the entire background by making it bigger
Browse files- index.html +7 -9
index.html
CHANGED
|
@@ -35,7 +35,7 @@
|
|
| 35 |
}
|
| 36 |
</style>
|
| 37 |
</head>
|
| 38 |
-
<body class="bg-gray-50 dark:bg-dark text-gray-800 dark:text-gray-200 min-h-screen flex flex-col relative">
|
| 39 |
<!-- Header -->
|
| 40 |
<header class="sticky top-0 z-50 bg-black/80 dark:bg-dark/80 backdrop-blur-md shadow-sm">
|
| 41 |
<div class="container mx-auto px-4 py-3">
|
|
@@ -79,8 +79,8 @@
|
|
| 79 |
</div>
|
| 80 |
</header>
|
| 81 |
<!-- Hero Section -->
|
| 82 |
-
<section class="flex-grow">
|
| 83 |
-
|
| 84 |
<div class="flex flex-col md:flex-row items-center">
|
| 85 |
<div class="md:w-1/2 mb-12 md:mb-0">
|
| 86 |
<h1 class="text-4xl md:text-5xl font-bold mb-6 leading-tight text-white">
|
|
@@ -102,8 +102,8 @@
|
|
| 102 |
</div>
|
| 103 |
</div>
|
| 104 |
</section>
|
| 105 |
-
<!-- Features Section -->
|
| 106 |
-
<section id="features" class="py-16 bg-
|
| 107 |
<div class="container mx-auto px-4">
|
| 108 |
<h2 class="text-3xl font-bold text-center mb-12">Our Strategic Toolkit</h2>
|
| 109 |
|
|
@@ -146,9 +146,8 @@
|
|
| 146 |
</div>
|
| 147 |
</div>
|
| 148 |
</section>
|
| 149 |
-
|
| 150 |
<!-- CTA Section -->
|
| 151 |
-
<section class="py-16 bg-gradient-to-r from-primary/90 to-secondary/90 backdrop-blur-sm">
|
| 152 |
<div class="container mx-auto px-4 text-center">
|
| 153 |
<h2 class="text-3xl font-bold text-white mb-6">Ready to Transform Your Sales Approach?</h2>
|
| 154 |
<p class="text-white/90 mb-8 max-w-2xl mx-auto">
|
|
@@ -164,9 +163,8 @@
|
|
| 164 |
</div>
|
| 165 |
</div>
|
| 166 |
</section>
|
| 167 |
-
|
| 168 |
<!-- Footer -->
|
| 169 |
-
<footer class="bg-
|
| 170 |
<div class="container mx-auto px-4 py-8">
|
| 171 |
<div class="flex flex-col md:flex-row justify-between items-center">
|
| 172 |
<div class="mb-6 md:mb-0">
|
|
|
|
| 35 |
}
|
| 36 |
</style>
|
| 37 |
</head>
|
| 38 |
+
<body class="bg-gray-50 dark:bg-dark text-gray-800 dark:text-gray-200 min-h-screen flex flex-col relative" style="background-image: url('https://huggingface.co/spaces/DjayChucko/valuevortex-navigator/resolve/main/images/Gemini_Generated_Image_dqduckdqduckdqdu.png'); background-size: cover; background-position: center; background-attachment: fixed;">
|
| 39 |
<!-- Header -->
|
| 40 |
<header class="sticky top-0 z-50 bg-black/80 dark:bg-dark/80 backdrop-blur-md shadow-sm">
|
| 41 |
<div class="container mx-auto px-4 py-3">
|
|
|
|
| 79 |
</div>
|
| 80 |
</header>
|
| 81 |
<!-- Hero Section -->
|
| 82 |
+
<section class="flex-grow bg-black/50 backdrop-blur-sm">
|
| 83 |
+
<div class="container mx-auto px-4 py-16 md:py-24">
|
| 84 |
<div class="flex flex-col md:flex-row items-center">
|
| 85 |
<div class="md:w-1/2 mb-12 md:mb-0">
|
| 86 |
<h1 class="text-4xl md:text-5xl font-bold mb-6 leading-tight text-white">
|
|
|
|
| 102 |
</div>
|
| 103 |
</div>
|
| 104 |
</section>
|
| 105 |
+
<!-- Features Section -->
|
| 106 |
+
<section id="features" class="py-16 bg-black/80 backdrop-blur-sm">
|
| 107 |
<div class="container mx-auto px-4">
|
| 108 |
<h2 class="text-3xl font-bold text-center mb-12">Our Strategic Toolkit</h2>
|
| 109 |
|
|
|
|
| 146 |
</div>
|
| 147 |
</div>
|
| 148 |
</section>
|
|
|
|
| 149 |
<!-- CTA Section -->
|
| 150 |
+
<section class="py-16 bg-gradient-to-r from-primary/90 to-secondary/90 backdrop-blur-sm bg-opacity-90">
|
| 151 |
<div class="container mx-auto px-4 text-center">
|
| 152 |
<h2 class="text-3xl font-bold text-white mb-6">Ready to Transform Your Sales Approach?</h2>
|
| 153 |
<p class="text-white/90 mb-8 max-w-2xl mx-auto">
|
|
|
|
| 163 |
</div>
|
| 164 |
</div>
|
| 165 |
</section>
|
|
|
|
| 166 |
<!-- Footer -->
|
| 167 |
+
<footer class="bg-black/80 backdrop-blur-sm border-t border-gray-700">
|
| 168 |
<div class="container mx-auto px-4 py-8">
|
| 169 |
<div class="flex flex-col md:flex-row justify-between items-center">
|
| 170 |
<div class="mb-6 md:mb-0">
|