Refactor onboarding steps and update styles for improved user engagement

- Adjusted button styles and text in the FeaturesStep and PrivacyStep components to enhance clarity and user experience.
- Updated titles and descriptions across onboarding steps to better communicate the features and privacy measures of AlphaHuman.
- Modified button text to create a more engaging call-to-action for users.

These changes aim to streamline the onboarding process, making it more intuitive and appealing while emphasizing the application's key features and privacy commitments.

src/components/PrivacyFeatureCard.tsx

@@ -9,7 +9,7 @@ const PrivacyFeatureCard = ({ title, description }: PrivacyFeatureCardProps) =>
       <div className="flex items-start space-x-4">
         <div>
           <h3 className="font-semibold text-sm mb-2 text-center">{title}</h3>
-          <p className="opacity-70 text-xs leading-relaxed">{description}</p>
+          <p className="opacity-70 text-xs leading-relaxed text-center">{description}</p>
         </div>
       </div>
     </div>

src/index.css

@@ -98,7 +98,7 @@
 @layer components {
   /* Button variants for consistent interaction design */
   .btn-primary {
-    @apply bg-primary-500 hover:bg-primary-600 active:bg-primary-700;
+    @apply bg-primary-600 hover:bg-primary-500 active:bg-primary-700;
     @apply text-white font-medium;
     @apply px-4 py-2 rounded-lg;
     @apply transition-all duration-200 ease-in-out;

src/pages/onboarding/steps/AnalyticsStep.tsx

@@ -12,7 +12,7 @@ const AnalyticsStep = ({ onNext }: AnalyticsStepProps) => {
       <div className="text-center mb-4">
         <h1 className="text-xl font-bold mb-2">Analytics</h1>
         <p className="opacity-70 text-sm">
-          Help us improve your experience while maintaining your privacy
+          We collect anonymized usage data to help us improve the app for you and for others. You can choose to skip this.
         </p>
       </div>
 

src/pages/onboarding/steps/FeaturesStep.tsx

@@ -7,33 +7,25 @@ interface FeaturesStepProps {
 const FeaturesStep = ({ onNext }: FeaturesStepProps) => {
   const features = [
     {
-      title: '🤖 Telegram Bot Assistant',
-      description: 'Interact with AlphaHuman through Telegram. Get instant responses, automate tasks, and receive insights directly in your chats.',
+      title: 'Keeps you on track',
+      description: 'Organize your chats and tasks, finds you alpha and gets you deep insights. Get more done!',
     },
     {
-      title: '📊 Crypto Market Intelligence',
-      description: 'Get real-time market analysis, price alerts, and deep insights to help you make informed trading decisions.',
+      title: 'Has Infinite Memory & Learns',
+      description: 'Your assistant can remember everything you tell it and learn from your interactions to help you get more done.',
     },
     {
-      title: '🔗 Multi-Account Integration',
-      description: 'Connect Google, Notion, Telegram, and more. Your assistant can read emails, manage tasks, and automate workflows across all your tools.',
-    },
-    {
-      title: '⚡ Local Processing',
-      description: 'All your data is processed locally on your device. Your conversations, credentials, and sensitive information never leave your machine.',
-    },
-    {
-      title: '🔄 Automation & Workflows',
-      description: 'Automate repetitive tasks, schedule actions, and create custom workflows to 10x your productivity in crypto.',
+      title: 'Trades the Trenches',
+      description: 'Your assistant comes with it\'s own private wallet that can trade on any exchange for you.',
     },
   ];
 
   return (
     <div className="glass rounded-3xl p-8 shadow-large animate-fade-up">
       <div className="text-center mb-4">
-        <h1 className="text-xl font-bold mb-2">Features</h1>
+        <h1 className="text-xl font-bold mb-2">Are You Ready For This?</h1>
         <p className="opacity-70 text-sm">
-          Discover what AlphaHuman can do for you
+          Here are a few things that AlphaHuman can do that might surprise you.
         </p>
       </div>
 
@@ -51,7 +43,7 @@ const FeaturesStep = ({ onNext }: FeaturesStepProps) => {
         onClick={onNext}
         className="btn-primary w-full py-2.5 text-sm font-medium rounded-xl"
       >
-        Continue
+        Yes I'm Ready. Bring It On 🚀
       </button>
     </div>
   );

src/pages/onboarding/steps/PrivacyStep.tsx

@@ -7,25 +7,25 @@ interface PrivacyStepProps {
 const PrivacyStep = ({ onNext }: PrivacyStepProps) => {
   const privacyFeatures = [
     {
-      title: '🔒 Client-Side Encryption',
-      description: 'Your data is encrypted in your browser before it ever reaches our servers. We store only ciphertext. Without your recovery phrase, your content is cryptographically unreadable AES-256-GCM. Keys never leave your device',
+      title: '🔒 Everything is Local & Encrypted',
+      description: 'Your data is encrypted (AES-256-GCM) in your device and never stored elsewhere. Your encryption keys never leave your device.',
     },
     {
-      title: '🙈 Zero Admin Access',
-      description: 'Even with full database access, Momo admins cannot decrypt your content. Your encryption keys exist only in your browser. We have no mechanism to access them.',
+      title: '🙈 Zero Data Retention',
+      description: 'Your queries are processed, immediately discarded and never stored elsewhere. Your data is NEVER used to train AI models. ',
     },
     {
-      title: '🚫 Zero Data Retention',
-      description: 'Your data is NEVER used to train AI models. We operate under a Zero Data Retention contract with Anthropic. Your queries are processed and immediately discarded, never stored or used for training.',
-    },
+      title: '🔥 Delete Anytime You Want',
+      description: 'You can delete your data and your account anytime you want. Everything will get wiped including AI memories.',
+    }
   ];
 
   return (
     <div className="glass rounded-3xl p-8 shadow-large animate-fade-up">
       <div className="text-center mb-4">
-        <h1 className="text-xl font-bold mb-2">Privacy</h1>
+        <h1 className="text-xl font-bold mb-2">A Quick Privacy Note</h1>
         <p className="opacity-70 text-sm">
-          A quick overview of how your privacy is protected with AlphaHuman. AlphaHuman is built with privacy in mind.
+          Since AlphaHuman handles criticial information about you, here's how it handles your data and manages your privacy.
         </p>
       </div>
 
@@ -43,7 +43,7 @@ const PrivacyStep = ({ onNext }: PrivacyStepProps) => {
         onClick={onNext}
         className="btn-primary w-full py-2.5 text-sm font-medium rounded-xl"
       >
-        Continue
+        Love the Privacy first features! Continue!
       </button>
     </div>
   );