Spaces:

wangxso
/

securefortress-elite-guard

Running

App Files Files Community

wangxso commited on Oct 30

Commit

818bea2

verified ·

1 Parent(s): ee16de2

Promote version 4cca29a to main

Browse files

Promoted commit 4cca29a10d0773edb66ffa918da9a44e62201247 to main branch

Files changed (8) hide show

about.html +3 -3
components/footer.js +19 -17
components/navbar.js +22 -19
contact.html +3 -3
index.html +15 -14
insights.html +3 -3
services.html +3 -3
style.css +2 -33

about.html CHANGED Viewed

@@ -3,9 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>About | SolStrategies</title>
-    <meta name="description" content="Singapore-based security investment consultancy with global expertise in strategic capital protection and communications">
-<link rel="stylesheet" href="style.css">
     <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>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About | SecureVest Capital Shield</title>
+    <meta name="description" content="Learn about SecureVest's leadership team, history, and our unique approach to integrated security and investment solutions">
+    <link rel="stylesheet" href="style.css">
     <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>

components/footer.js CHANGED Viewed

@@ -4,14 +4,13 @@ class CustomFooter extends HTMLElement {
     this.shadowRoot.innerHTML = `
       <style>
         footer {
-          background: rgba(15, 23, 42, 0.8);
           color: white;
           padding: 4rem 2rem;
           font-size: 0.9rem;
-          border-top: 1px solid rgba(0, 209, 255, 0.3);
-          backdrop-filter: blur(10px);
         }
-.footer-container {
           max-width: 1200px;
           margin: 0 auto;
           display: grid;
@@ -28,11 +27,12 @@ class CustomFooter extends HTMLElement {
           margin-bottom: 1.5rem;
           font-family: 'Playfair Display', serif;
         }
         .footer-logo-icon {
-          color: #00d1ff;
-          filter: drop-shadow(0 0 5px rgba(0, 209, 255, 0.7));
-}
-.footer-about {
           margin-bottom: 1.5rem;
           line-height: 1.6;
           color: rgba(255, 255, 255, 0.7);
@@ -42,6 +42,7 @@ class CustomFooter extends HTMLElement {
           display: flex;
           gap: 1rem;
         }
         .social-link {
           color: white;
           background-color: rgba(255, 255, 255, 0.1);
@@ -53,13 +54,13 @@ class CustomFooter extends HTMLElement {
           justify-content: center;
           transition: all 0.2s ease;
         }
         .social-link:hover {
-          background-color: #00d1ff;
-          color: #0f172a;
           transform: translateY(-2px);
-          box-shadow: 0 0 10px rgba(0, 209, 255, 0.5);
         }
-.footer-heading {
           font-size: 1.1rem;
           font-weight: 600;
           margin-bottom: 1.5rem;
@@ -67,6 +68,7 @@ class CustomFooter extends HTMLElement {
           position: relative;
           padding-bottom: 0.5rem;
         }
         .footer-heading::after {
           content: '';
           position: absolute;
@@ -74,8 +76,8 @@ class CustomFooter extends HTMLElement {
           left: 0;
           width: 40px;
           height: 2px;
-          background-color: #D4AF37;
-}
         .footer-links {
           list-style: none;
@@ -129,7 +131,7 @@ class CustomFooter extends HTMLElement {
           <div class="footer-about">
             <div class="footer-logo">
               <i data-feather="shield" class="footer-logo-icon"></i>
-              <span>SolStrategies</span>
             </div>
             <p class="footer-about">
               Global leader in integrated PR strategies, secure investments, and comprehensive security solutions for enterprises and governments.
@@ -177,7 +179,7 @@ class CustomFooter extends HTMLElement {
             </div>
             <div class="footer-contact-item">
               <i data-feather="mail" class="footer-contact-icon"></i>
-              <span>contact@SolStrategies.com</span>
             </div>
             <div class="footer-contact-item">
               <i data-feather="phone" class="footer-contact-icon"></i>
@@ -187,7 +189,7 @@ class CustomFooter extends HTMLElement {
         </div>
         <div class="footer-bottom">
-          <p>&copy; ${new Date().getFullYear()} SolStrategies Capital Shield. All rights reserved.</p>
         </div>
       </footer>
     `;

     this.shadowRoot.innerHTML = `
       <style>
         footer {
+          background-color: #111827;
           color: white;
           padding: 4rem 2rem;
           font-size: 0.9rem;
         }
+        .footer-container {
           max-width: 1200px;
           margin: 0 auto;
           display: grid;
           margin-bottom: 1.5rem;
           font-family: 'Playfair Display', serif;
         }
         .footer-logo-icon {
+          color: #3b82f6;
+        }
+        .footer-about {
           margin-bottom: 1.5rem;
           line-height: 1.6;
           color: rgba(255, 255, 255, 0.7);
           display: flex;
           gap: 1rem;
         }
         .social-link {
           color: white;
           background-color: rgba(255, 255, 255, 0.1);
           justify-content: center;
           transition: all 0.2s ease;
         }
         .social-link:hover {
+          background-color: #3b82f6;
           transform: translateY(-2px);
         }
+        .footer-heading {
           font-size: 1.1rem;
           font-weight: 600;
           margin-bottom: 1.5rem;
           position: relative;
           padding-bottom: 0.5rem;
         }
         .footer-heading::after {
           content: '';
           position: absolute;
           left: 0;
           width: 40px;
           height: 2px;
+          background-color: #3b82f6;
+        }
         .footer-links {
           list-style: none;
           <div class="footer-about">
             <div class="footer-logo">
               <i data-feather="shield" class="footer-logo-icon"></i>
+              <span>SecureVest</span>
             </div>
             <p class="footer-about">
               Global leader in integrated PR strategies, secure investments, and comprehensive security solutions for enterprises and governments.
             </div>
             <div class="footer-contact-item">
               <i data-feather="mail" class="footer-contact-icon"></i>
+              <span>contact@securevest.com</span>
             </div>
             <div class="footer-contact-item">
               <i data-feather="phone" class="footer-contact-icon"></i>
         </div>
         <div class="footer-bottom">
+          <p>&copy; ${new Date().getFullYear()} SecureVest Capital Shield. All rights reserved.</p>
         </div>
       </footer>
     `;

components/navbar.js CHANGED Viewed

@@ -12,18 +12,19 @@ class CustomNavbar extends HTMLElement {
           z-index: 1000;
           transition: all 0.3s ease;
         }
         nav {
-          background: rgba(15, 23, 42, 0.7);
           backdrop-filter: blur(10px);
           padding: 1rem 2rem;
           display: flex;
           justify-content: space-between;
           align-items: center;
-          border-bottom: 1px solid rgba(0, 209, 255, 0.3);
-          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
         }
-.scrolled {
-          background-color: rgba(30, 58, 138, 0.98);
           padding: 0.5rem 2rem;
         }
@@ -36,11 +37,12 @@ class CustomNavbar extends HTMLElement {
           align-items: center;
           gap: 0.5rem;
         }
         .logo-icon {
-          color: #00d1ff;
-          filter: drop-shadow(0 0 5px rgba(0, 209, 255, 0.7));
-}
-.nav-links {
           display: flex;
           gap: 2rem;
           list-style: none;
@@ -61,6 +63,7 @@ class CustomNavbar extends HTMLElement {
         .nav-link:hover {
           color: white;
         }
         .nav-link::after {
           content: '';
           position: absolute;
@@ -68,9 +71,9 @@ class CustomNavbar extends HTMLElement {
           left: 0;
           width: 0;
           height: 2px;
-          background-color: #D4AF37;
           transition: width 0.3s ease;
-}
         .nav-link:hover::after {
           width: 100%;
@@ -115,18 +118,18 @@ class CustomNavbar extends HTMLElement {
           display: block;
           border-bottom: 1px solid rgba(255, 255, 255, 0.1);
         }
         .contact-btn {
-          background: linear-gradient(135deg, #00d1ff 0%, #0084ff 100%);
-          color: #0f172a;
           padding: 0.5rem 1.5rem;
           border-radius: 0.25rem;
           transition: all 0.2s ease;
-          font-weight: 600;
-          box-shadow: 0 0 10px rgba(0, 209, 255, 0.5);
         }
-.contact-btn:hover {
-          background: linear-gradient(135deg, #F4D03F 0%, #D4AF37 100%);
-transform: translateY(-2px);
         }
         @media (max-width: 768px) {
@@ -142,7 +145,7 @@ transform: translateY(-2px);
       <nav id="main-nav">
         <a href="/" class="logo">
           <i data-feather="shield" class="logo-icon"></i>
-          <span>SolStrategies</span>
         </a>
         <ul class="nav-links">

           z-index: 1000;
           transition: all 0.3s ease;
         }
         nav {
+          background-color: rgba(17, 24, 39, 0.9);
           backdrop-filter: blur(10px);
           padding: 1rem 2rem;
           display: flex;
           justify-content: space-between;
           align-items: center;
+          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
         }
+        .scrolled {
+          background-color: rgba(17, 24, 39, 0.98);
           padding: 0.5rem 2rem;
         }
           align-items: center;
           gap: 0.5rem;
         }
         .logo-icon {
+          color: #3b82f6;
+        }
+        .nav-links {
           display: flex;
           gap: 2rem;
           list-style: none;
         .nav-link:hover {
           color: white;
         }
         .nav-link::after {
           content: '';
           position: absolute;
           left: 0;
           width: 0;
           height: 2px;
+          background-color: #3b82f6;
           transition: width 0.3s ease;
+        }
         .nav-link:hover::after {
           width: 100%;
           display: block;
           border-bottom: 1px solid rgba(255, 255, 255, 0.1);
         }
         .contact-btn {
+          background-color: #3b82f6;
+          color: white;
           padding: 0.5rem 1.5rem;
           border-radius: 0.25rem;
           transition: all 0.2s ease;
         }
+        .contact-btn:hover {
+          background-color: #2563eb;
+          transform: translateY(-2px);
         }
         @media (max-width: 768px) {
       <nav id="main-nav">
         <a href="/" class="logo">
           <i data-feather="shield" class="logo-icon"></i>
+          <span>SecureVest</span>
         </a>
         <ul class="nav-links">

contact.html CHANGED Viewed

@@ -3,9 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Contact | SolStrategies</title>
-    <meta name="description" content="Contact our Singapore headquarters for confidential security investment consultations">
-<link rel="stylesheet" href="style.css">
     <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>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact | SecureVest Capital Shield</title>
+    <meta name="description" content="Contact our team for confidential consultations on security and investment strategies">
+    <link rel="stylesheet" href="style.css">
     <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>

index.html CHANGED Viewed

@@ -3,9 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>SolStrategies | Strategic Security Investment & PR Solutions</title>
-    <meta name="description" content="Singapore-based leader in integrated security investment strategies and strategic communications for global enterprises">
-<link rel="stylesheet" href="style.css">
     <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>
@@ -20,22 +20,23 @@
     <main>
         <!-- Hero Section -->
         <section id="vanta-bg" class="relative h-screen flex items-center justify-center text-center px-4 bg-gradient-to-b from-gray-900 to-gray-800 text-white">
-            <div class="absolute inset-0 bg-black opacity-30"></div>
             <div class="relative z-10 max-w-4xl mx-auto">
-                <h1 class="text-4xl md:text-6xl font-bold mb-6 font-serif text-neon">SolStrategies</h1>
-                <p class="text-xl md:text-2xl mb-8 leading-relaxed">Singapore-based security investment strategists integrating capital protection with strategic communications</p>
                 <div class="flex gap-4 justify-center">
-                    <a href="/services.html" class="bg-neon-gradient text-gray-900 px-8 py-3 rounded-md font-medium transition duration-300 hover:shadow-lg">Our Services</a>
-                    <a href="/contact.html" class="border-2 border-neon hover:bg-blue-900/30 text-white px-8 py-3 rounded-md font-medium transition duration-300">Contact Us</a>
                 </div>
 </div>
         </section>
         <!-- Trust Indicators -->
-        <section class="py-12">
             <div class="max-w-7xl mx-auto px-4">
                 <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
-                    <div class="p-6 glass-card">
-<div class="text-blue-600 mb-4">
                             <i data-feather="shield" class="w-12 h-12 mx-auto"></i>
                         </div>
                         <h3 class="text-xl font-bold mb-2">Enterprise Security</h3>
@@ -71,11 +72,11 @@
             <div class="max-w-7xl mx-auto px-4">
                 <div class="flex flex-col md:flex-row items-center gap-12">
                     <div class="md:w-1/2">
-                        <img src="http://static.photos/office/1024x576/22" alt="SolStrategies boardroom" class="rounded-lg shadow-xl w-full h-auto">
                     </div>
                     <div class="md:w-1/2">
-                        <h2 class="text-3xl font-bold mb-6 font-serif">About SolStrategies</h2>
-                        <p class="text-gray-700 mb-4 leading-relaxed">SolStrategies Capital Shield is a premier global consultancy specializing in the intersection of strategic communications, capital deployment, and enterprise security. Founded in 2012 by former intelligence and financial professionals, we bring unparalleled expertise to complex challenges.</p>
                         <p class="text-gray-700 mb-6 leading-relaxed">Our multidisciplinary approach integrates cutting-edge security protocols with market-moving investment strategies and reputation management, serving Fortune 500 companies, governments, and high-net-worth individuals.</p>
                         <a href="/about.html" class="inline-block bg-gray-800 hover:bg-gray-900 text-white px-6 py-3 rounded-md font-medium transition duration-300">Learn More</a>
                     </div>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>SecureVest Capital Shield | Strategic PR, Investment & Security Solutions</title>
+    <meta name="description" content="Global leader in integrated PR strategies, secure investments, and comprehensive security solutions for enterprises and governments">
+    <link rel="stylesheet" href="style.css">
     <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>
     <main>
         <!-- Hero Section -->
         <section id="vanta-bg" class="relative h-screen flex items-center justify-center text-center px-4 bg-gradient-to-b from-gray-900 to-gray-800 text-white">
+            <div class="absolute inset-0 bg-black opacity-50"></div>
             <div class="relative z-10 max-w-4xl mx-auto">
+                <h1 class="text-4xl md:text-6xl font-bold mb-6 font-serif">SecureVest Capital Shield</h1>
+                <p class="text-xl md:text-2xl mb-8 leading-relaxed">Integrating strategic communications, capital intelligence, and security fortification for global enterprises</p>
                 <div class="flex gap-4 justify-center">
+                    <a href="/services.html" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-md font-medium transition duration-300">Our Services</a>
+                    <a href="/contact.html" class="border-2 border-white hover:bg-white hover:text-gray-900 text-white px-8 py-3 rounded-md font-medium transition duration-300">Contact Us</a>
                 </div>
 </div>
         </section>
         <!-- Trust Indicators -->
+        <section class="py-12 bg-white">
             <div class="max-w-7xl mx-auto px-4">
                 <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
+                    <div class="p-6">
+                        <div class="text-blue-600 mb-4">
                             <i data-feather="shield" class="w-12 h-12 mx-auto"></i>
                         </div>
                         <h3 class="text-xl font-bold mb-2">Enterprise Security</h3>
             <div class="max-w-7xl mx-auto px-4">
                 <div class="flex flex-col md:flex-row items-center gap-12">
                     <div class="md:w-1/2">
+                        <img src="http://static.photos/office/1024x576/22" alt="SecureVest boardroom" class="rounded-lg shadow-xl w-full h-auto">
                     </div>
                     <div class="md:w-1/2">
+                        <h2 class="text-3xl font-bold mb-6 font-serif">About SecureVest</h2>
+                        <p class="text-gray-700 mb-4 leading-relaxed">SecureVest Capital Shield is a premier global consultancy specializing in the intersection of strategic communications, capital deployment, and enterprise security. Founded in 2012 by former intelligence and financial professionals, we bring unparalleled expertise to complex challenges.</p>
                         <p class="text-gray-700 mb-6 leading-relaxed">Our multidisciplinary approach integrates cutting-edge security protocols with market-moving investment strategies and reputation management, serving Fortune 500 companies, governments, and high-net-worth individuals.</p>
                         <a href="/about.html" class="inline-block bg-gray-800 hover:bg-gray-900 text-white px-6 py-3 rounded-md font-medium transition duration-300">Learn More</a>
                     </div>

insights.html CHANGED Viewed

@@ -3,9 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Insights | SolStrategies</title>
-    <meta name="description" content="Security investment insights and strategic communications intelligence from our experts">
-<link rel="stylesheet" href="style.css">
     <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>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Insights | SecureVest Capital Shield</title>
+    <meta name="description" content="Strategic insights and thought leadership from SecureVest's experts">
+    <link rel="stylesheet" href="style.css">
     <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>

services.html CHANGED Viewed

@@ -3,9 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Services | SolStrategies</title>
-    <meta name="description" content="Integrated security investment and strategic communication services from our Singapore headquarters">
-<link rel="stylesheet" href="style.css">
     <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>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Services | SecureVest Capital Shield</title>
+    <meta name="description" content="Comprehensive PR, investment, and security services for global enterprises and high-net-worth individuals">
+    <link rel="stylesheet" href="style.css">
     <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>

style.css CHANGED Viewed

@@ -1,44 +1,13 @@
 /* Custom font faces */
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');
 /* Global styles */
 body {
     font-family: 'Inter', sans-serif;
     line-height: 1.6;
-    color: rgba(255,255,255,0.9);
-    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
-    min-height: 100vh;
-}
-/* Neon accent color palette */
-.bg-neon-gradient {
-    background: linear-gradient(135deg, #00d1ff 0%, #0084ff 100%);
-    box-shadow: 0 0 15px rgba(0, 209, 255, 0.5);
-}
-.text-neon {
-    color: #00d1ff;
-    text-shadow: 0 0 8px rgba(0, 209, 255, 0.5);
-}
-.border-neon {
-    border-color: #00d1ff;
-    box-shadow: 0 0 10px rgba(0, 209, 255, 0.3);
-}
-/* Glass morphism styles */
-.glass-card {
-    background: rgba(15, 23, 42, 0.5);
-    backdrop-filter: blur(10px);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2);
-    border-radius: 10px;
-    transition: all 0.3s ease;
 }
-.glass-card:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 0 20px rgba(0, 209, 255, 0.3);
-    border: 1px solid rgba(0, 209, 255, 0.3);
-}
-.text-navy {
-    color: #1E3A8A;
-}
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Playfair Display', serif;
     font-weight: 600;

 /* Custom font faces */
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');
 /* Global styles */
 body {
     font-family: 'Inter', sans-serif;
     line-height: 1.6;
+    color: #1f2937;
 }
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Playfair Display', serif;
     font-weight: 600;