Add voice AI capabilities and trial options to landing page

Implements i18n for voice commands, adds AI features and trial buttons to LandingPage.tsx, and updates ar.json/en.json.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 5a4f78b4-6a2e-4391-b005-5544e086dac8
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/9777c70b-fc38-4831-8d6b-78dfffe041b0/5512ebaf-680c-4b63-86d3-0a733fc165c0.jpg
This commit is contained in:
ghaddaditw
2025-06-08 08:55:32 +00:00
parent 3ab8f3f325
commit 3dab891179
3 changed files with 74 additions and 12 deletions
+10 -10
View File
@@ -107,7 +107,7 @@ export default function LandingPage() {
onClick={handleGetStarted}
className="flex-1 bg-primary-600 hover:bg-primary-700 text-white px-8 py-4 text-lg font-semibold shadow-lg hover:shadow-xl transition-all"
>
Start Free Trial
{t('landing.startFreeTrial')}
<ArrowRight className="w-5 h-5 ml-2" />
</Button>
<Button
@@ -116,7 +116,7 @@ export default function LandingPage() {
className="px-8 py-4 text-lg font-semibold border-slate-300 dark:border-slate-600 hover:border-primary-300 dark:hover:border-primary-500"
>
<Play className="w-5 h-5 mr-2" />
View Demo
{t('landing.viewDemo')}
</Button>
</div>
</div>
@@ -126,7 +126,7 @@ export default function LandingPage() {
<Card className="shadow-2xl border-slate-200 dark:border-slate-700">
<CardContent className="p-8">
<div className="text-center space-y-6">
<h3 className="text-xl font-semibold text-slate-900 dark:text-white">Try Voice Commands</h3>
<h3 className="text-xl font-semibold text-slate-900 dark:text-white">{t('landing.tryVoiceCommands')}</h3>
{/* Voice Visualizer */}
<div className="flex justify-center">
@@ -153,16 +153,16 @@ export default function LandingPage() {
className="w-full bg-secondary-600 hover:bg-secondary-700 text-white font-medium"
>
<Mic className="w-4 h-4 mr-2" />
{isListening ? 'Stop Listening' : 'Start Voice Demo'}
{isListening ? t('landing.stopListening') : t('landing.startVoiceDemo')}
</Button>
<div className="text-sm text-slate-600 dark:text-slate-400 space-y-1">
<p className="font-medium">Try saying:</p>
<p className="font-medium">{t('landing.trySaying')}</p>
<Card className="bg-slate-50 dark:bg-slate-900 border-slate-200 dark:border-slate-700">
<CardContent className="p-3 text-left space-y-1">
<p>"Create a task to review budget"</p>
<p>"Add $50 expense for groceries"</p>
<p>"Show me today's schedule"</p>
<p>"{t('landing.createTaskExample')}"</p>
<p>"{t('landing.addExpenseExample')}"</p>
<p>"{t('landing.showScheduleExample')}"</p>
</CardContent>
</Card>
</div>
@@ -179,10 +179,10 @@ export default function LandingPage() {
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="text-center mb-16">
<h2 className="text-3xl lg:text-4xl font-bold text-slate-900 dark:text-white mb-4">
Complete Offline Voice AI
{t('landing.completeOfflineVoiceAI')}
</h2>
<p className="text-xl text-slate-600 dark:text-slate-300 max-w-3xl mx-auto">
Enterprise-grade task and financial management with local AI processing
{t('landing.enterpriseGradeDesc')}
</p>
</div>