diff --git a/src/app/page.tsx b/src/app/page.tsx
index 65c5b48..d1620d7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,8 +11,29 @@ import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCar
import FaqBase from "@/components/sections/faq/FaqBase";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Sparkles, Zap, Brain, Target, Flame, Award, HelpCircle } from "lucide-react";
+import { useState } from "react";
export default function LandingPage() {
+ const [isGmailModalOpen, setIsGmailModalOpen] = useState(false);
+ const [userEmail, setUserEmail] = useState("");
+ const [isVoiceGuideActive, setIsVoiceGuideActive] = useState(false);
+
+ const handleGmailLogin = () => {
+ setIsGmailModalOpen(true);
+ };
+
+ const handleVoiceGuideToggle = () => {
+ setIsVoiceGuideActive(!isVoiceGuideActive);
+ if (!isVoiceGuideActive) {
+ // Trigger voice guide intro
+ const utterance = new SpeechSynthesisUtterance(
+ "Welcome to LevelUp. I'm your personal voice guide. I'll help you navigate through your RPG journey and provide real-time guidance as you progress."
+ );
+ utterance.rate = 0.9;
+ window.speechSynthesis.speak(utterance);
+ }
+ };
+
return (
+ {/* Authentication Modal */}
+ {isGmailModalOpen && (
+
+
+
Login with Gmail
+
+ Sign in to unlock your personal voice guide and sync your progress across devices.
+
+
setUserEmail(e.target.value)}
+ className="w-full px-4 py-2 border border-gray-300 rounded-lg mb-4 focus:outline-none focus:ring-2 focus:ring-blue-500"
+ />
+
+
+
+
+ )}
+
+ {/* Voice Guide Control */}
+
+
+
+
@@ -161,28 +233,19 @@ export default function LandingPage() {
plans={[
{
id: "micro", badge: "Daily Micro-Quest", badgeIcon: Zap,
- price: "50-100 XP", subtitle: "15-30 minute challenges", buttons: [
- { text: "Start Quest" },
- { text: "Skip for Now" },
- ],
+ price: "50-100 XP", subtitle: "15-30 minute challenges", buttons: [{ text: "Start Quest" }, { text: "Skip for Now" }],
features: [
"Tailored to your stats", "Difficulty scaling", "Bonus multipliers available", "Real-time progress tracking", "Instant reward gratification"],
},
{
id: "weekly", badge: "Weekly Challenge", badgeIcon: Target,
- price: "500-1000 XP", subtitle: "7-day commitment challenges", buttons: [
- { text: "Start Challenge" },
- { text: "View Details" },
- ],
+ price: "500-1000 XP", subtitle: "7-day commitment challenges", buttons: [{ text: "Start Challenge" }, { text: "View Details" }],
features: [
"Major habit formation", "Streak multipliers", "Ranked difficulty levels", "Milestone checkpoints", "Community leaderboards"],
},
{
id: "boss", badge: "Boss Mission", badgeIcon: Flame,
- price: "2000-5000 XP", subtitle: "30+ day epic challenges", buttons: [
- { text: "Accept Mission" },
- { text: "Learn More" },
- ],
+ price: "2000-5000 XP", subtitle: "30+ day epic challenges", buttons: [{ text: "Accept Mission" }, { text: "Learn More" }],
features: [
"Life-changing goals", "Rank progression unlocks", "Exclusive rewards", "AI mentor guidance", "Permanent stat boosts"],
},