From b3ff06c0fc593c079b6e9ae15623faa103fb0a15 Mon Sep 17 00:00:00 2001
From: Josh <jcoakley@aptivaai.com>
Date: Tue, 25 Mar 2025 12:54:42 +0000
Subject: [PATCH] Added MilestoneTracker nav from GettingStarted

---
 src/components/GettingStarted.css | 32 +++++++++++++++++++++++++++++++
 src/components/GettingStarted.js  |  8 ++++++++
 2 files changed, 40 insertions(+)

diff --git a/src/components/GettingStarted.css b/src/components/GettingStarted.css
index 4778379..bf47e56 100644
--- a/src/components/GettingStarted.css
+++ b/src/components/GettingStarted.css
@@ -79,4 +79,36 @@
       max-width: 90%;
     }
   }
+  
+  .premium-access {
+    text-align: center;
+    margin-top: 40px;
+    background-color: #f8f9fa;
+    padding: 20px;
+    border-radius: 10px;
+    border: 1px solid #ddd;
+  }
+  
+  .premium-button {
+    background-color: #4caf50;
+    color: white;
+    padding: 12px 24px;
+    font-size: 16px;
+    border-radius: 6px;
+    border: none;
+    cursor: pointer;
+    margin-top: 10px;
+    transition: background-color 0.3s ease;
+  }
+  
+  .premium-button:hover {
+    background-color: #388e3c;
+  }
+  
+  .premium-label {
+    font-size: 0.85em;
+    margin-left: 6px;
+    font-weight: normal;
+    opacity: 0.85;
+  }
   
\ No newline at end of file
diff --git a/src/components/GettingStarted.js b/src/components/GettingStarted.js
index 6c9fba8..1dcffca 100644
--- a/src/components/GettingStarted.js
+++ b/src/components/GettingStarted.js
@@ -35,6 +35,14 @@ function GettingStarted() {
           </div>
         </div>
       </div>
+              <div className="premium-access">
+          <h3>Already know your path?</h3>
+          <p>You can skip ahead and begin planning your milestones now.</p>
+          <button className="premium-button" onClick={() => navigate('/milestone-tracker')}>
+            Access Milestone Tracker <span className="premium-label">(Premium)</span>
+          </button>
+        </div>
+
     </div>
   );
 }