diff --git a/src/pages/onboarding/Onboarding.tsx b/src/pages/onboarding/Onboarding.tsx index 9323c03f1..839efc420 100644 --- a/src/pages/onboarding/Onboarding.tsx +++ b/src/pages/onboarding/Onboarding.tsx @@ -1,6 +1,7 @@ import { useState } from 'react'; import { useNavigate } from 'react-router-dom'; import ProgressIndicator from '../../components/ProgressIndicator'; +import FeaturesStep from './steps/FeaturesStep'; import PrivacyStep from './steps/PrivacyStep'; import AnalyticsStep from './steps/AnalyticsStep'; import ConnectStep from './steps/ConnectStep'; @@ -9,7 +10,7 @@ import GetStartedStep from './steps/GetStartedStep'; const Onboarding = () => { const navigate = useNavigate(); const [currentStep, setCurrentStep] = useState(1); - const totalSteps = 4; + const totalSteps = 5; const handleNext = () => { if (currentStep < totalSteps) { @@ -32,15 +33,17 @@ const Onboarding = () => { const renderStep = () => { switch (currentStep) { case 1: - return ; + return ; case 2: - return ; + return ; case 3: - return ; + return ; case 4: + return ; + case 5: return ; default: - return ; + return ; } }; diff --git a/src/pages/onboarding/steps/ConnectStep.tsx b/src/pages/onboarding/steps/ConnectStep.tsx index d4ed9a94b..20097e12f 100644 --- a/src/pages/onboarding/steps/ConnectStep.tsx +++ b/src/pages/onboarding/steps/ConnectStep.tsx @@ -68,7 +68,8 @@ const ConnectStep = ({ onNext }: ConnectStepProps) => {

Connect Accounts

- To get the most out of AlphaHuman, we need to connect at least one account to your assistant. + To get the most out of AlphaHuman, you need to connect at least one account to your assistant. The more + accounts you connect, the more powerful the intelligence will be.

diff --git a/src/pages/onboarding/steps/FeaturesStep.tsx b/src/pages/onboarding/steps/FeaturesStep.tsx new file mode 100644 index 000000000..c408ebbf2 --- /dev/null +++ b/src/pages/onboarding/steps/FeaturesStep.tsx @@ -0,0 +1,60 @@ +import PrivacyFeatureCard from '../../../components/PrivacyFeatureCard'; + +interface FeaturesStepProps { + onNext: () => void; +} + +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: '📊 Crypto Market Intelligence', + description: 'Get real-time market analysis, price alerts, and deep insights to help you make informed trading decisions.', + }, + { + 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.', + }, + ]; + + return ( +
+
+

Features

+

+ Discover what AlphaHuman can do for you +

+
+ +
+ {features.map((feature, index) => ( + + ))} +
+ + +
+ ); +}; + +export default FeaturesStep; diff --git a/src/pages/onboarding/steps/GetStartedStep.tsx b/src/pages/onboarding/steps/GetStartedStep.tsx index 0bd6416bb..011b500af 100644 --- a/src/pages/onboarding/steps/GetStartedStep.tsx +++ b/src/pages/onboarding/steps/GetStartedStep.tsx @@ -20,14 +20,9 @@ const GetStartedStep = ({ onComplete }: GetStartedStepProps) => { return (
-
- - - -
-

Get Started

+

You Are Ready, Soldier!

- Alright you're all set up, now let's get you started with the bot! + Alright you're all set up, just message the bot you're ready to cook!

diff --git a/src/pages/onboarding/steps/PrivacyStep.tsx b/src/pages/onboarding/steps/PrivacyStep.tsx index a3309398b..adf0cb047 100644 --- a/src/pages/onboarding/steps/PrivacyStep.tsx +++ b/src/pages/onboarding/steps/PrivacyStep.tsx @@ -25,7 +25,7 @@ const PrivacyStep = ({ onNext }: PrivacyStepProps) => {

Privacy

- A quick overview of how your privacy is protected with AlphaHuman + A quick overview of how your privacy is protected with AlphaHuman. AlphaHuman is built with privacy in mind.