Merge branch 'main' of https://github.com/Commit451/salamander-web

Author: Jawnnypoo

public/index.html

@@ -7,7 +7,7 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="Web site created using create-react-app"
+      content="Never be afk"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--

src/App.tsx

@@ -5,6 +5,7 @@ import Account from './pages/Account';
 import Terms from './pages/Terms';
 import Privacy from './pages/Privacy';
 import LearnMore from './pages/LearnMore';
+import Pricing from './pages/Pricing';
 import {AuthProvider, useAuth} from './contexts/AuthContext';
 
 const AppContent: React.FC = () => {
@@ -24,6 +25,8 @@ const AppContent: React.FC = () => {
                 setCurrentPage('privacy');
             } else if (hash === 'learn-more') {
                 setCurrentPage('learn-more');
+            } else if (hash === 'pricing') {
+                setCurrentPage('pricing');
             } else if (hash === 'welcome') {
                 setCurrentPage('welcome');
             } else {
@@ -97,6 +100,10 @@ const AppContent: React.FC = () => {
         return <LearnMore/>;
     }
 
+    if (currentPage === 'pricing') {
+        return <Pricing/>;
+    }
+
     return <Welcome/>;
 };
 

src/components/Header/Header.tsx

@@ -22,6 +22,7 @@ const Header: React.FC<HeaderProps> = ({isSubpage = false}) => {
                     <h1>Salamander</h1>
                 </div>
                 <div className="nav-links">
+                    <button onClick={() => window.location.hash = 'pricing'} className="nav-link">Pricing</button>
                     {user ? (
                         <button
                             className="profile-button"

src/pages/LearnMore/LearnMore.tsx

@@ -73,6 +73,9 @@ const LearnMore: React.FC = () => {
                                         account.</p>
                                     <div className="code-block">
                                         <code>npm install -g @commit451/salamander</code>
+                                    </div>
+                                    <p className="step-note">and then</p>
+                                    <div className="code-block">
                                         <code>salamander</code>
                                     </div>
                                     <p className="step-note">Requires Node.js 18 or higher. Authentication opens a