fixes

vanguardbackup · Jul 25, 2024 · 733f428 · 733f428
1 parent bf308f5
commit 733f428
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 43 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -40,7 +40,7 @@ const toggleMenu = () => {
             </a>
           </div>
           <a href="#get-started"
-             class="hidden md:inline-block px-4 py-2 border border-white rounded-full text-sm uppercase tracking-wider hover:bg-white hover:text-black transition-all">
+             class="hidden md:inline-block px-4 py-2 border border-white rounded-full text-sm font-medium uppercase tracking-wider hover:bg-white hover:text-black transition-all">
             Get Started
           </a>
           <button @click="toggleMenu" class="md:hidden text-white focus:outline-none">
@@ -79,7 +79,7 @@ const toggleMenu = () => {
             <h4 class="text-lg font-medium mb-4">Quick Links</h4>
             <ul class="space-y-2">
               <li>
-                <router-link to="/" class="text-gray-300 hover:text-white transition-colors">Home</router-link>
+                <router-link to="/features" class="text-gray-300 hover:text-white transition-colors">Features</router-link>
               </li>
               <li>
                 <router-link to="/about" class="text-gray-300 hover:text-white transition-colors">About</router-link>
@@ -88,14 +88,15 @@ const toggleMenu = () => {
                 <router-link to="/faq" class="text-gray-300 hover:text-white transition-colors">FAQ</router-link>
               </li>
               <li>
-                <router-link to="/features" class="text-gray-300 hover:text-white transition-colors">Features</router-link>
+                <a class="text-gray-300 hover:text-white transition-colors" target="_blank" href="mailto:[email protected]">Contact</a>
               </li>
             </ul>
           </div>
           <div>
             <h4 class="text-lg font-medium mb-4">Resources</h4>
             <ul class="space-y-2">
-              <li><a href="https://github.com/vanguardbackup/vanguard" target="_blank" class="text-gray-300 hover:text-white transition-colors">GitHub</a></li>
+              <li><a href="https://github.com/vanguardbackup/vanguard" target="_blank" class="text-gray-300 hover:text-white transition-colors">Project Repo</a></li>
+              <li><a href="https://docs.vanguardbackup.com" target="_blank" class="text-gray-300 hover:text-white transition-colors">Documentation</a></li>
               <li><a href="https://github.com/vanguardbackup/vanguard/discussions" target="_blank" class="text-gray-300 hover:text-white transition-colors">Discussions</a></li>
               <li><a href="https://github.com/vanguardbackup/vanguard/issues/new/choose" target="_blank" class="text-gray-300 hover:text-white transition-colors">Create an Issue</a></li>
               <li><a href="https://docs.vanguardbackup.com/installation" target="_blank" class="text-gray-300 hover:text-white transition-colors">Installation Guide</a></li>

diff --git a/src/components/HomeFeatureCard.vue b/src/components/HomeFeatureCard.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="bg-black p-8 rounded-lg text-center transition-all duration-300 hover:scale-105 hover:shadow-lg">
     <component :is="feature.icon" class="w-16 h-16 mx-auto mb-6 text-white" />
-    <h3 class="text-xl font-bold mb-4">{{ feature.title }}</h3>
+    <h3 class="text-xl font-medium mb-4">{{ feature.title }}</h3>
     <p class="text-gray-400">{{ feature.description }}</p>
   </div>
 </template>

diff --git a/src/views/About.vue b/src/views/About.vue
@@ -42,7 +42,7 @@
     <!-- Get Involved -->
     <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white text-black">
       <div class="max-w-3xl mx-auto text-center">
-        <h2 class="text-3xl font-bold mb-8">Get Involved</h2>
+        <h2 class="text-4xl font-medium mb-8">Get Involved</h2>
         <p class="text-lg mb-8">
           Vanguard thrives on community contributions. Whether you're a developer, designer, or just enthusiastic about backups, there's a place for you in our community.
         </p>
@@ -69,10 +69,4 @@
       </div>
     </section>
   </div>
-</template>
-
-<style scoped>
-.font-sans {
-  font-family: 'Inter', sans-serif;
-}
-</style>
+</template>
diff --git a/src/views/FAQ.vue b/src/views/FAQ.vue
@@ -1,7 +1,7 @@
 <template>
   <section id="faq" class="bg-black text-white py-24">
     <div class="container mx-auto px-4 sm:px-6 lg:px-8">
-      <h1 class="text-4xl sm:text-5xl font-bold mb-6 text-center">Frequently Asked Questions</h1>
+      <h1 class="text-4xl sm:text-5xl font-medium mb-6 text-center">Frequently Asked Questions (FAQ)</h1>
 
       <div class="max-w-3xl mx-auto space-y-6 md:mt-20">
         <div v-for="(item, index) in faqItems" :key="index" class="border border-gray-800">

diff --git a/src/views/Features.vue b/src/views/Features.vue
@@ -3,11 +3,11 @@
     <!-- Hero Section -->
     <section class="py-24 px-4 sm:px-6 lg:px-8 relative overflow-hidden">
       <div class="max-w-5xl mx-auto text-center relative z-10">
-        <h1 class="text-4xl sm:text-5xl font-bold mb-6">Vanguard's Features</h1>
+        <h1 class="text-4xl sm:text-5xl font-medium mb-6">Vanguard's Features</h1>
         <p class="text-xl mb-8 text-gray-200">
           Powerful backup solutions for developers who value simplicity and efficiency.
         </p>
-        <a href="#features" class="bg-white text-black px-8 py-3 rounded-full font-bold hover:bg-gray-200 transition-colors duration-300 inline-flex items-center">
+        <a href="#features" class="bg-white text-black px-8 py-3 rounded-full font-semibold hover:bg-gray-200 transition-colors duration-300 inline-flex items-center">
           Explore Features
           <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" viewBox="0 0 20 20" fill="currentColor">
             <path fill-rule="evenodd" d="M16.707 10.293a1 1 0 010 1.414l-6 6a1 1 0 01-1.414 0l-6-6a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l4.293-4.293a1 1 0 011.414 0z" clip-rule="evenodd" />
@@ -28,7 +28,7 @@
             </div>
           </div>
           <div class="lg:w-1/2 lg:pl-12">
-            <h2 class="text-4xl font-bold mb-6">Impenetrable Security</h2>
+            <h2 class="text-4xl font-semibold mb-6">Impenetrable Security</h2>
             <p class="text-gray-400 mb-8 text-lg">Vanguard employs state-of-the-art security measures to ensure your data remains inviolable.</p>
             <ul class="space-y-4">
               <li v-for="point in securityPoints" :key="point" class="flex items-center">
@@ -46,13 +46,13 @@
           <div class="lg:w-1/2 mb-12 lg:mb-0">
             <div class="relative w-80 h-80 mx-auto">
               <div v-for="(tech, index) in compatibilityTech" :key="tech"
-                   :class="`absolute w-16 h-16 bg-white rounded-full flex items-center justify-center text-black font-bold text-sm transform ${techPositions[index]}`">
+                   :class="`absolute w-16 h-16 bg-white rounded-full flex items-center justify-center text-black font-medium text-sm transform ${techPositions[index]}`">
                 {{ tech }}
               </div>
             </div>
           </div>
           <div class="lg:w-1/2 lg:pr-12">
-            <h2 class="text-4xl font-bold mb-6">Universal Compatibility</h2>
+            <h2 class="text-4xl font-semibold mb-6">Universal Compatibility</h2>
             <p class="text-gray-400 mb-8 text-lg">Seamlessly integrate Vanguard with your existing infrastructure for comprehensive backup coverage.</p>
             <ul class="space-y-4">
               <li v-for="point in compatibilityPoints" :key="point" class="flex items-center">
@@ -67,7 +67,7 @@
       <!-- Data Protection Feature -->
       <section class="py-24 border-b border-gray-800">
         <div class="flex flex-col items-center">
-          <h2 class="text-4xl font-bold mb-12 text-center">Comprehensive Data Protection</h2>
+          <h2 class="text-4xl font-semibold mb-12 text-center">Comprehensive Data Protection</h2>
           <div class="grid grid-cols-1 md:grid-cols-3 gap-8 w-full max-w-4xl">
             <div v-for="(feature, index) in dataProtectionFeatures" :key="index" class="bg-gray-900 p-6 rounded-lg transform transition-all duration-300 hover:scale-105 hover:rotate-1">
               <component :is="feature.icon" class="w-12 h-12 mb-4 text-white" />
@@ -90,7 +90,7 @@
             </div>
           </div>
           <div class="lg:w-1/2 lg:pl-12">
-            <h2 class="text-4xl font-bold mb-6">Precision Automation</h2>
+            <h2 class="text-4xl font-semibold mb-6">Precision Automation</h2>
             <p class="text-gray-400 mb-8 text-lg">Harness the power of intelligent scheduling and management to optimize your backup strategy.</p>
             <ul class="space-y-4">
               <li v-for="point in automationPoints" :key="point" class="flex items-center">
@@ -106,16 +106,16 @@
     <!-- Call to Action -->
     <section class="py-24 px-4 sm:px-6 lg:px-8 bg-white text-black">
       <div class="max-w-4xl mx-auto text-center">
-        <h2 class="text-4xl font-bold mb-8">Ready to Secure Your Data?</h2>
+        <h2 class="text-4xl font-medium mb-8">Ready to Secure Your Data?</h2>
         <p class="text-xl mb-12 text-gray-600">Join the Vanguard community and experience unparalleled data protection.</p>
         <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6">
-          <a href="https://app.vanguardbackup.com" class="inline-flex items-center justify-center bg-black text-white font-bold py-4 px-8 rounded-full text-lg transition-all duration-300 hover:bg-gray-800 hover:scale-105 transform">
+          <a href="https://app.vanguardbackup.com" class="inline-flex items-center justify-center bg-black text-white font-semibold py-4 px-8 rounded-full text-lg transition-all duration-300 hover:bg-gray-800 hover:scale-105 transform">
             Try Hosted Version
             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" viewBox="0 0 20 20" fill="currentColor">
               <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
             </svg>
           </a>
-          <a href="https://docs.vanguardbackup.com/installation.html" class="inline-flex items-center justify-center bg-white text-black font-bold py-4 px-8 rounded-full text-lg transition-all duration-300 border-2 border-black hover:bg-black hover:text-white hover:scale-105 transform">
+          <a href="https://docs.vanguardbackup.com/installation.html" class="inline-flex items-center justify-center bg-white text-black font-semibold py-4 px-8 rounded-full text-lg transition-all duration-300 border-2 border-black hover:bg-black hover:text-white hover:scale-105 transform">
             Self-Host Vanguard
             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" viewBox="0 0 20 20" fill="currentColor">
               <path fill-rule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z" clip-rule="evenodd" />
@@ -163,10 +163,4 @@ const automationPoints = [
   "Dynamic task management for on-the-fly adjustments",
   "Comprehensive logging and alert system for total oversight"
 ];
-</script>
-
-<style scoped>
-.font-sans {
-  font-family: 'Inter', sans-serif;
-}
-</style>
+</script>
diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -3,20 +3,20 @@
     <!-- Hero Section -->
     <section class="min-h-screen flex flex-col items-center justify-center bg-black text-center rounded-b-3xl p-8 md:p-16">
       <div class="max-w-2xl mx-auto">
-        <h1 class="text-4xl md:text-6xl font-bold text-white mb-6">
+        <h1 class="text-4xl md:text-6xl font-medium text-white mb-6">
          Secure Your Data with Vanguard
         </h1>
         <p class="text-xl text-gray-200 mb-8">
           Secure your data with Vanguard, a community-driven open-source backup solution for servers and applications. MySQL, PostgreSQL, and file backups made simple.
         </p>
         <div class="flex flex-col sm:flex-row justify-center gap-4 mb-8">
-          <a href="#get-started" class="bg-white text-black font-bold py-3 px-6 rounded-full transition-all duration-300 hover:bg-gray-200 hover:scale-105 transform inline-flex items-center justify-center">
+          <a href="#get-started" class="bg-white text-black font-semibold py-3 px-6 rounded-full transition-all duration-300 hover:bg-gray-200 hover:scale-105 transform inline-flex items-center justify-center">
             Get Started
             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" viewBox="0 0 20 20" fill="currentColor">
               <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
             </svg>
           </a>
-          <a href="https://github.com/vanguardbackup/vanguard" target="_blank" rel="noopener noreferrer" class="border border-white text-white font-bold py-3 px-6 rounded-full transition-all duration-300 hover:bg-white hover:text-black hover:scale-105 transform inline-flex items-center justify-center">
+          <a href="https://github.com/vanguardbackup/vanguard" target="_blank" rel="noopener noreferrer" class="border border-white text-white font-semibold py-3 px-6 rounded-full transition-all duration-300 hover:bg-white hover:text-black hover:scale-105 transform inline-flex items-center justify-center">
             View on GitHub
             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" fill="currentColor" viewBox="0 0 24 24">
               <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
@@ -29,7 +29,7 @@
     <!-- Features Section -->
     <section class="py-24 bg-black">
       <div class="container mx-auto px-4">
-        <h2 class="text-3xl font-bold mb-16 text-center">Key Features</h2>
+        <h2 class="text-4xl font-medium mb-16 text-center">Key Features</h2>
         <div class="grid md:grid-cols-3 gap-12">
           <HomeFeatureCard v-for="feature in features" :key="feature.title" :feature="feature" />
         </div>
@@ -39,7 +39,7 @@
     <!-- How It Works Section -->
     <section class="py-24 bg-gray-850">
       <div class="container mx-auto px-4">
-        <h2 class="text-3xl font-bold mb-16 text-center">How It Works</h2>
+        <h2 class="text-4xl font-medium mb-16 text-center">How It Works</h2>
         <div class="flex flex-col md:flex-row items-center justify-between">
           <div class="md:w-1/2 mb-12 md:mb-0">
             <img src="/dashboard.png" class="rounded-lg" />
@@ -59,16 +59,16 @@
     <!-- Get Started Section -->
     <section id="get-started" class="py-24 bg-black">
       <div class="container mx-auto px-4 text-center">
-        <h2 class="text-3xl font-bold mb-8">Get Started with Vanguard</h2>
+        <h2 class="text-4xl font-medium mb-8">Get Started with Vanguard</h2>
         <p class="text-xl mb-12 text-gray-400">Choose your deployment: Cloud-hosted or self-managed</p>
         <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6">
-          <a href="https://app.vanguardbackup.com" class="bg-white text-black font-bold py-4 px-8 rounded-full text-lg transition-all duration-300 hover:bg-gray-200 hover:scale-105 transform inline-flex items-center justify-center">
+          <a href="https://app.vanguardbackup.com" class="bg-white text-black font-semibold py-4 px-8 rounded-full text-lg transition-all duration-300 hover:bg-gray-200 hover:scale-105 transform inline-flex items-center justify-center">
             Try Hosted Version
             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" viewBox="0 0 20 20" fill="currentColor">
               <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
             </svg>
           </a>
-          <a href="https://docs.vanguardbackup.com/installation" class="border-2 border-white text-white font-bold py-4 px-8 rounded-full text-lg transition-all duration-300 hover:bg-white hover:text-black hover:scale-105 transform inline-flex items-center justify-center">
+          <a href="https://docs.vanguardbackup.com/installation" class="border-2 border-white text-white font-semibold py-4 px-8 rounded-full text-lg transition-all duration-300 hover:bg-white hover:text-black hover:scale-105 transform inline-flex items-center justify-center">
             Self-Host Vanguard
             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" viewBox="0 0 20 20" fill="currentColor">
               <path fill-rule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z" clip-rule="evenodd" />
@@ -111,10 +111,6 @@ const howItWorks = [
 </script>
 
 <style scoped>
-.font-sans {
-  font-family: 'Inter', sans-serif;
-}
-
 @keyframes fadeInOut {
   0%, 100% { opacity: 0; }
   50% { opacity: 1; }