[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import type { Metadata } from "next" import DashboardShell from "@/components/dashboard-shell" import { OverviewCards } from "@/components/overview-cards" import { BiomarkerRecommendations } from "@/components/biomarker-recommendations" import { WeeklyComparisonCharts } from "@/components/weekly-comparison-charts" import { ArchetypesCard } from "@/components/archetypes-card" export const metadata: Metadata = { title: "Aki Health - Powered by sahha.ai", description: "Monitor and analyze your health data with comprehensive insights.", } export default function DashboardPage() { return (

) } [V0_FILE]typescriptreact:file="components/overview-cards.tsx" isEdit="true" isMerged="true" import { Activity, Brain, Moon, Smile, Zap } from "lucide-react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" export function OverviewCards() { return (

Wellbeing

87/100

↑ 4% from last week

Activity

78/100

↑ 6% from last week

Mental Wellness

82/100

↑ 3% from last week

Sleep

75/100

↓ 2% from last week

Readiness

83/100

↑ 5% from last week

) } [V0_FILE]typescriptreact:file="components/health-score-chart.tsx" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Chart, ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendItem, } from "@/components/ui/chart" import { Line, LineChart, XAxis, YAxis } from "recharts" interface HealthScoreChartProps { className?: string } const data = [ { date: "Jan", score: 78, stress: 65 }, { date: "Feb", score: 82, stress: 62 }, { date: "Mar", score: 79, stress: 68 }, { date: "Apr", score: 84, stress: 60 }, { date: "May", score: 81, stress: 63 }, { date: "Jun", score: 86, stress: 58 }, { date: "Jul", score: 83, stress: 61 }, { date: "Aug", score: 87, stress: 55 }, { date: "Sep", score: 85, stress: 57 }, { date: "Oct", score: 89, stress: 52 }, { date: "Nov", score: 91, stress: 48 }, { date: "Dec", score: 87, stress: 53 }, ] export function HealthScoreChart({ className }: HealthScoreChartProps) { return ( Health Score Trend Your health score and stress levels over the past year ) } [V0_FILE]typescriptreact:file="components/archetypes-radar.tsx" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Chart, ChartContainer, ChartTooltip, ChartTooltipContent } from "@/components/ui/chart" import { PolarAngleAxis, PolarGrid, Radar, RadarChart, ResponsiveContainer } from "recharts" const data = [ { archetype: "Athlete", value: 85 }, { archetype: "Thinker", value: 72 }, { archetype: "Socializer", value: 65 }, { archetype: "Creator", value: 78 }, { archetype: "Caregiver", value: 68 }, { archetype: "Leader", value: 76 }, ] export function ArchetypesRadar() { return ( Health Archetypes Your personality and health archetype profile ) } [V0_FILE]typescriptreact:file="components/sleep-quality-chart.tsx" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Chart, ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendItem, } from "@/components/ui/chart" import { Area, AreaChart, XAxis, YAxis } from "recharts" const data = [ { day: "Mon", deep: 2.5, light: 4.2, rem: 1.8 }, { day: "Tue", deep: 2.2, light: 4.0, rem: 1.5 }, { day: "Wed", deep: 2.8, light: 4.5, rem: 2.0 }, { day: "Thu", deep: 2.3, light: 3.8, rem: 1.7 }, { day: "Fri", deep: 2.1, light: 3.5, rem: 1.6 }, { day: "Sat", deep: 3.0, light: 4.8, rem: 2.2 }, { day: "Sun", deep: 2.9, light: 4.6, rem: 2.1 }, ] export function SleepQualityChart() { return ( Sleep Quality Your sleep stages throughout the week ) } [V0_FILE]typescriptreact:file="components/biomarkers-table.tsx" isMerged="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Badge } from "@/components/ui/badge" const biomarkers = [ { name: "Cortisol", value: "15.2 μg/dL", status: "normal", change: "+2.1%", }, { name: "Vitamin D", value: "28 ng/mL", status: "low", change: "-5.3%", }, { name: "HRV", value: "68 ms", status: "normal", change: "+8.7%", }, { name: "Glucose", value: "92 mg/dL", status: "normal", change: "-1.2%", }, { name: "Inflammation", value: "2.8 mg/L", status: "elevated", change: "+12.4%", }, ] export function BiomarkersTable() { return ( Biomarkers Your key health biomarkers and their status Biomarker Value Status Change {biomarkers.map((biomarker) => ( {biomarker.name} {biomarker.value} {biomarker.status} {biomarker.change} ))}

) } [V0_FILE]typescriptreact:file="tailwind.config.js" isMerged="true" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, sidebar: { DEFAULT: "hsl(var(--sidebar-background))", foreground: "hsl(var(--sidebar-foreground))", primary: "hsl(var(--sidebar-primary))", "primary-foreground": "hsl(var(--sidebar-primary-foreground))", accent: "hsl(var(--sidebar-accent))", "accent-foreground": "hsl(var(--sidebar-accent-foreground))", border: "hsl(var(--sidebar-border))", ring: "hsl(var(--sidebar-ring))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]typescriptreact:file="components/ui/chart.tsx" isQuickEdit="true" isMerged="true" "use client" import type React from "react" interface ChartContainerProps { children: React.ReactNode config?: any } export function ChartContainer({ children }: ChartContainerProps) { return

{children}

} export function Chart({ children }: { children: React.ReactNode }) { return <>{children} } export function ChartTooltip({ children }: { children: React.ReactNode }) { return <>{children} } export function ChartTooltipContent() { return

} export function ChartLegend({ children }: { children: React.ReactNode }) { return

{children}

} export function ChartLegendItem({ name, color }: { name: string; color: string }) { return (

{name}

) } [V0_FILE]typescriptreact:file="components/biomarker-recommendations.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import Link from "next/link" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Sparkles, Moon, Activity, Footprints, Brain, Coffee } from "lucide-react" import { Badge } from "@/components/ui/badge" interface Biomarker { id: string name: string icon: React.ElementType recommendation: string product?: { id: string name: string description: string } } export function BiomarkerRecommendations() { const [biomarkers, setBiomarkers] = useState([ { id: "sleep-debt", name: "Sleep Debt", icon: Moon, recommendation: "Try to go to bed 30 minutes earlier for the next week. This will help reduce your accumulated sleep debt and improve overall recovery.", product: { id: "melatonin-supplements", name: "Melatonin Supplements", description: "Natural sleep aid to help regulate your sleep cycle", }, }, { id: "activity-regularity", name: "Activity Regularity", icon: Activity, recommendation: "Your activity pattern is inconsistent. Try scheduling short 10-minute walks at the same time each day to establish a more regular pattern.", product: { id: "fitness-tracker", name: "Fitness Tracker", description: "Monitors activity patterns and sends reminders", }, }, { id: "active-calories", name: "Active Calories", icon: Footprints, recommendation: "You're 15% below your weekly active calorie target. Consider adding a 20-minute moderate intensity workout 3 times this week.", product: { id: "resistance-bands", name: "Resistance Bands", description: "Portable equipment for effective home workouts", }, }, { id: "stress-management", name: "Stress Management", icon: Brain, recommendation: "Your stress levels peak in the afternoon. Try a 5-minute breathing exercise after lunch to reduce cortisol and improve afternoon productivity.", product: { id: "meditation-app", name: "Meditation App Subscription", description: "Guided stress-reduction sessions for busy schedules", }, }, { id: "caffeine-intake", name: "Caffeine Intake", icon: Coffee, recommendation: "Your sleep quality is affected by late caffeine. Try switching to decaf after 2pm to improve your deep sleep duration and overall recovery.", product: { id: "herbal-tea-sampler", name: "Herbal Tea Sampler", description: "Caffeine-free alternatives for afternoon drinks", }, }, ]) const regenerateRecommendation = (id: string) => { // In a real app, this would call an AI endpoint // For now, we'll just simulate with alternative recommendations const alternativeRecommendations = { "sleep-debt": "Consider a consistent wake-up time, even on weekends. This helps regulate your circadian rhythm and gradually reduces sleep debt.", "activity-regularity": "Try the 'activity snacking' approach with 3-minute movement breaks every hour. This improves consistency and metabolic health.", "active-calories": "Focus on intensity rather than duration. Two 15-minute HIIT sessions can be more effective than longer moderate exercise.", "stress-management": "Your HRV indicates chronic stress. Try alternating nostril breathing for 3 minutes when you notice tension building.", "caffeine-intake": "Your metabolism of caffeine is slower than average. Consider reducing your total intake by 25% to improve sleep quality.", } setBiomarkers( biomarkers.map((biomarker) => biomarker.id === id ? { ...biomarker, recommendation: alternativeRecommendations[id as keyof typeof alternativeRecommendations] } : biomarker, ), ) } // Function to get badge color based on biomarker type const getBadgeStyles = (id: string) => { if (id.includes("sleep")) { return "bg-blue-500/10 hover:bg-blue-500/20 border-blue-500 text-blue-500" } else if (id.includes("activity") || id.includes("calories")) { return "bg-orange-500/10 hover:bg-orange-500/20 border-orange-500 text-orange-500" } else if (id.includes("stress")) { return "bg-purple-500/10 hover:bg-purple-500/20 border-purple-500 text-purple-500" } else if (id.includes("caffeine")) { return "bg-blue-500/10 hover:bg-blue-500/20 border-blue-500 text-blue-500" } else { return "bg-primary/10 hover:bg-primary/20 border-primary text-primary" } } // Function to get text color for product description const getTextColor = (id: string) => { if (id.includes("sleep")) { return "text-blue-500" } else if (id.includes("activity") || id.includes("calories")) { return "text-orange-500" } else if (id.includes("stress")) { return "text-purple-500" } else if (id.includes("caffeine")) { return "text-blue-500" } else { return "text-primary" } } return ( Health & Lifestyle Recommendations Personalized recommendations based on your recent data

{biomarkers.map((biomarker) => (

{biomarker.name}

{biomarker.product && ( {biomarker.product.name} )}

{biomarker.recommendation}

{biomarker.product && (

Try: {biomarker.product.description}

)}

))}

) } [V0_FILE]typescriptreact:file="components/weekly-comparison-charts.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Smile, Activity, Brain, Moon, Zap } from "lucide-react" import { ResponsiveContainer, BarChart, Bar, XAxis, YAxis, Tooltip, Legend } from "recharts" const wellbeingData = [ { day: "Mon", thisWeek: 82, lastWeek: 78 }, { day: "Tue", thisWeek: 85, lastWeek: 80 }, { day: "Wed", thisWeek: 87, lastWeek: 82 }, { day: "Thu", thisWeek: 84, lastWeek: 79 }, { day: "Fri", thisWeek: 86, lastWeek: 81 }, { day: "Sat", thisWeek: 89, lastWeek: 84 }, { day: "Sun", thisWeek: 87, lastWeek: 83 }, ] const activityData = [ { day: "Mon", thisWeek: 75, lastWeek: 70 }, { day: "Tue", thisWeek: 78, lastWeek: 72 }, { day: "Wed", thisWeek: 80, lastWeek: 75 }, { day: "Thu", thisWeek: 76, lastWeek: 71 }, { day: "Fri", thisWeek: 79, lastWeek: 74 }, { day: "Sat", thisWeek: 82, lastWeek: 77 }, { day: "Sun", thisWeek: 78, lastWeek: 73 }, ] const mentalWellnessData = [ { day: "Mon", thisWeek: 80, lastWeek: 76 }, { day: "Tue", thisWeek: 83, lastWeek: 79 }, { day: "Wed", thisWeek: 85, lastWeek: 81 }, { day: "Thu", thisWeek: 82, lastWeek: 78 }, { day: "Fri", thisWeek: 84, lastWeek: 80 }, { day: "Sat", thisWeek: 86, lastWeek: 82 }, { day: "Sun", thisWeek: 82, lastWeek: 78 }, ] const sleepData = [ { day: "Mon", thisWeek: 72, lastWeek: 68 }, { day: "Tue", thisWeek: 75, lastWeek: 70 }, { day: "Wed", thisWeek: 78, lastWeek: 73 }, { day: "Thu", thisWeek: 74, lastWeek: 69 }, { day: "Fri", thisWeek: 76, lastWeek: 71 }, { day: "Sat", thisWeek: 79, lastWeek: 74 }, { day: "Sun", thisWeek: 75, lastWeek: 70 }, ] const readinessData = [ { day: "Mon", thisWeek: 78, lastWeek: 74 }, { day: "Tue", thisWeek: 81, lastWeek: 77 }, { day: "Wed", thisWeek: 84, lastWeek: 80 }, { day: "Thu", thisWeek: 80, lastWeek: 76 }, { day: "Fri", thisWeek: 83, lastWeek: 79 }, { day: "Sat", thisWeek: 85, lastWeek: 81 }, { day: "Sun", thisWeek: 83, lastWeek: 79 }, ] export function WeeklyComparisonCharts() { return ( Weekly Comparison This week vs last week for all health metrics Wellbeing Activity Mental Sleep Readiness

) } [V0_FILE]typescriptreact:file="components/archetypes-card.tsx" isMerged="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Moon, Activity, Sun, Users, Trophy } from "lucide-react" export function ArchetypesCard() { const archetypes = [ { name: "Night Owl", description: "You're most active and productive in the evening hours", icon: Moon, color: "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300", }, { name: "Moderately Active", description: "You maintain a consistent level of activity throughout the week", icon: Activity, color: "bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300", }, { name: "Late Riser", description: "Your activity typically starts later in the day", icon: Sun, color: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900 dark:text-yellow-300", }, { name: "Anti Social", description: "You prefer solitary activities and quiet environments", icon: Users, color: "bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300", }, { name: "Weekend Warrior", description: "Your activity spikes significantly on weekends", icon: Trophy, color: "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300", }, ] return ( Your Sahha Archetypes Your health personality profile this month

{archetypes.map((archetype) => (

{archetype.name}

{archetype.description}

))}

) } [V0_FILE]typescriptreact:file="app/wellbeing/page.tsx" isMerged="true" import type { Metadata } from "next" import DashboardShell from "@/components/dashboard-shell" import { WellbeingOverview } from "@/components/wellbeing/wellbeing-overview" import { WellbeingRecommendations } from "@/components/wellbeing/wellbeing-recommendations" import { WellbeingTrends } from "@/components/wellbeing/wellbeing-trends" export const metadata: Metadata = { title: "Wellbeing Insights | Aki Health", description: "Detailed analysis of your overall wellbeing and balance.", } export default function WellbeingPage() { return (

) } [V0_FILE]typescriptreact:file="app/activity/page.tsx" isMerged="true" import type { Metadata } from "next" import DashboardShell from "@/components/dashboard-shell" import { ActivityOverview } from "@/components/activity/activity-overview" import { ActivityRecommendations } from "@/components/activity/activity-recommendations" import { ActivityTrends } from "@/components/activity/activity-trends" export const metadata: Metadata = { title: "Activity Insights | Aki Health", description: "Detailed analysis of your physical activity and movement patterns.", } export default function ActivityPage() { return (

) } [V0_FILE]typescriptreact:file="app/sleep/page.tsx" isMerged="true" import type { Metadata } from "next" import DashboardShell from "@/components/dashboard-shell" import { SleepOverview } from "@/components/sleep/sleep-overview" import { SleepRecommendations } from "@/components/sleep/sleep-recommendations" import { SleepTrends } from "@/components/sleep/sleep-trends" export const metadata: Metadata = { title: "Sleep Insights | Aki Health", description: "Detailed analysis of your sleep patterns and quality.", } export default function SleepPage() { return (

) } [V0_FILE]typescriptreact:file="app/mental-wellness/page.tsx" isMerged="true" import type { Metadata } from "next" import DashboardShell from "@/components/dashboard-shell" import { MentalWellnessOverview } from "@/components/mental-wellness/mental-wellness-overview" import { MentalWellnessRecommendations } from "@/components/mental-wellness/mental-wellness-recommendations" import { MentalWellnessTrends } from "@/components/mental-wellness/mental-wellness-trends" export const metadata: Metadata = { title: "Mental Wellness Insights | Aki Health", description: "Detailed analysis of your mental health and cognitive patterns.", } export default function MentalWellnessPage() { return (

) } [V0_FILE]typescriptreact:file="app/readiness/page.tsx" isMerged="true" import type { Metadata } from "next" import DashboardShell from "@/components/dashboard-shell" import { ReadinessOverview } from "@/components/readiness/readiness-overview" import { ReadinessRecommendations } from "@/components/readiness/readiness-recommendations" import { ReadinessTrends } from "@/components/readiness/readiness-trends" export const metadata: Metadata = { title: "Readiness Insights | Aki Health", description: "Detailed analysis of your energy levels and recovery status.", } export default function ReadinessPage() { return (

) } [V0_FILE]typescriptreact:file="components/wellbeing/wellbeing-overview.tsx" isMerged="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Smile } from "lucide-react" export function WellbeingOverview() { return (

Wellbeing Score Your overall wellbeing and balance

87/100

↑ 4% from last week

Key Factors

Emotional Balance Good
Life Satisfaction Excellent
Social Connection Fair

Recent Insights

Your wellbeing score has been consistently improving over the past month, with notable gains in emotional balance and life satisfaction metrics.

) } [V0_FILE]typescriptreact:file="components/wellbeing/wellbeing-recommendations.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import Link from "next/link" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Sparkles, Heart, Users, Coffee } from "lucide-react" import { Badge } from "@/components/ui/badge" interface Recommendation { id: string name: string icon: React.ElementType recommendation: string product?: { id: string name: string description: string } } export function WellbeingRecommendations() { const [recommendations, setRecommendations] = useState([ { id: "social-connection", name: "Social Connection", icon: Users, recommendation: "Your social connection metrics are lower than optimal. Try scheduling one social activity per week to boost your wellbeing score.", product: { id: "social-wellness-app", name: "Social Wellness App", description: "Helps track and improve your social connections", }, }, { id: "gratitude-practice", name: "Gratitude Practice", icon: Heart, recommendation: "Implementing a daily gratitude practice can improve your emotional balance by up to 15% within two weeks.", product: { id: "gratitude-journal", name: "Gratitude Journal", description: "Structured journal with prompts for daily gratitude practice", }, }, { id: "mindful-breaks", name: "Mindful Breaks", icon: Coffee, recommendation: "Your data shows extended periods of stress. Taking 3-5 minute mindful breaks every 90 minutes can improve your wellbeing score.", product: { id: "mindfulness-timer", name: "Mindfulness Timer", description: "Gentle reminders for mindful breaks throughout your day", }, }, ]) const regenerateRecommendation = (id: string) => { // In a real app, this would call an AI endpoint // For now, we'll just simulate with alternative recommendations const alternativeRecommendations = { "social-connection": "Consider joining a community group or class based on your interests. Even one session per week can significantly improve your social wellbeing metrics.", "gratitude-practice": "Try the '3-3-3' method: each morning, list 3 things you're grateful for, 3 people who support you, and 3 goals for the day.", "mindful-breaks": "Your focus periods average 110 minutes before declining. Try the 20-20-20 rule: every 20 minutes, look at something 20 feet away for 20 seconds.", } setRecommendations( recommendations.map((rec) => rec.id === id ? { ...rec, recommendation: alternativeRecommendations[id as keyof typeof alternativeRecommendations] } : rec, ), ) } return ( Wellbeing Recommendations Personalized suggestions to improve your overall wellbeing

{recommendations.map((rec) => (

{rec.name}

{rec.product && ( {rec.product.name} )}

{rec.recommendation}

{rec.product && (

Try: {rec.product.description}

)}

))}

) } [V0_FILE]typescriptreact:file="components/wellbeing/wellbeing-trends.tsx" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { ResponsiveContainer, LineChart, Line, XAxis, YAxis, Tooltip, Legend } from "recharts" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" const weeklyData = [ { day: "Mon", score: 82, emotional: 78, satisfaction: 85, social: 70 }, { day: "Tue", score: 85, emotional: 80, satisfaction: 87, social: 72 }, { day: "Wed", score: 87, emotional: 82, satisfaction: 89, social: 75 }, { day: "Thu", score: 84, emotional: 79, satisfaction: 86, social: 73 }, { day: "Fri", score: 86, emotional: 81, satisfaction: 88, social: 76 }, { day: "Sat", score: 89, emotional: 84, satisfaction: 91, social: 80 }, { day: "Sun", score: 87, emotional: 83, satisfaction: 90, social: 78 }, ] const monthlyData = [ { week: "Week 1", score: 80, emotional: 76, satisfaction: 83, social: 68 }, { week: "Week 2", score: 83, emotional: 79, satisfaction: 85, social: 70 }, { week: "Week 3", score: 85, emotional: 81, satisfaction: 87, social: 73 }, { week: "Week 4", score: 87, emotional: 83, satisfaction: 89, social: 76 }, ] export function WellbeingTrends() { return ( Wellbeing Trends Track how your wellbeing metrics change over time Weekly View Monthly View

) } [V0_FILE]typescriptreact:file="components/sleep/sleep-overview.tsx" isMerged="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Moon } from "lucide-react" export function SleepOverview() { return (

Sleep Score Your sleep quality and patterns

75/100

↓ 2% from last week

Sleep Metrics

Average Duration 7.2 hrs
Deep Sleep 1.5 hrs
Sleep Consistency Good

Recent Insights

Your deep sleep has decreased slightly this week, which may be affecting your overall recovery. Your sleep schedule has been consistent, which is positive.

) } [V0_FILE]typescriptreact:file="components/sleep/sleep-recommendations.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import Link from "next/link" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Sparkles, Coffee, Clock, Thermometer } from "lucide-react" import { Badge } from "@/components/ui/badge" interface Recommendation { id: string name: string icon: React.ElementType recommendation: string product?: { id: string name: string description: string } } export function SleepRecommendations() { const [recommendations, setRecommendations] = useState([ { id: "sleep-regularity", name: "Sleep Regularity", icon: Clock, recommendation: "Your sleep and wake times vary by more than 90 minutes throughout the week. Try to maintain a consistent schedule, even on weekends.", product: { id: "melatonin-supplements", name: "Melatonin Supplements", description: "Natural sleep aid to help regulate your sleep cycle", }, }, { id: "caffeine-timing", name: "Caffeine Timing", icon: Coffee, recommendation: "Your data shows caffeine consumption after 2pm on most days. Try limiting caffeine to before noon to improve your deep sleep quality.", product: { id: "herbal-tea-sampler", name: "Herbal Tea Sampler", description: "Caffeine-free alternatives for afternoon drinks", }, }, { id: "sleep-environment", name: "Sleep Environment", icon: Thermometer, recommendation: "Your sleep disruptions often occur during temperature fluctuations. Maintaining a bedroom temperature between 65-68°F can improve sleep quality.", product: { id: "smart-thermostat", name: "Smart Thermostat", description: "Automatically adjusts temperature for optimal sleep", }, }, ]) const regenerateRecommendation = (id: string) => { // In a real app, this would call an AI endpoint // For now, we'll just simulate with alternative recommendations const alternativeRecommendations = { "sleep-regularity": "Your circadian rhythm shows inconsistency. Try setting a bedtime alarm 30 minutes before your target sleep time to establish a pre-sleep routine.", "caffeine-timing": "Your metabolism processes caffeine slower than average. Consider switching to decaf after 10am rather than the standard noon cutoff.", "sleep-environment": "Your sleep data indicates sensitivity to light. Try blackout curtains and removing all LED lights from your bedroom for improved sleep quality.", } setRecommendations( recommendations.map((rec) => rec.id === id ? { ...rec, recommendation: alternativeRecommendations[id as keyof typeof alternativeRecommendations] } : rec, ), ) } return ( Sleep Recommendations Personalized suggestions to improve your sleep quality

{recommendations.map((rec) => (

{rec.name}

{rec.product && ( {rec.product.name} )}

{rec.recommendation}

{rec.product && (

Try: {rec.product.description}

)}

))}

) } [V0_FILE]typescriptreact:file="components/sleep/sleep-trends.tsx" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { ResponsiveContainer, AreaChart, Area, XAxis, YAxis, Tooltip, Legend } from "recharts" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" const weeklyData = [ { day: "Mon", total: 7.2, deep: 1.5, light: 4.0, rem: 1.7 }, { day: "Tue", total: 7.5, deep: 1.6, light: 4.1, rem: 1.8 }, { day: "Wed", total: 6.8, deep: 1.3, light: 3.8, rem: 1.7 }, { day: "Thu", total: 7.0, deep: 1.4, light: 3.9, rem: 1.7 }, { day: "Fri", total: 7.3, deep: 1.5, light: 4.0, rem: 1.8 }, { day: "Sat", total: 8.1, deep: 1.8, light: 4.3, rem: 2.0 }, { day: "Sun", total: 7.8, deep: 1.7, light: 4.2, rem: 1.9 }, ] const monthlyData = [ { week: "Week 1", total: 7.3, deep: 1.5, light: 4.0, rem: 1.8 }, { week: "Week 2", total: 7.5, deep: 1.6, light: 4.1, rem: 1.8 }, { week: "Week 3", total: 7.1, deep: 1.4, light: 3.9, rem: 1.8 }, { week: "Week 4", total: 7.4, deep: 1.5, light: 4.0, rem: 1.9 }, ] export function SleepTrends() { return ( Sleep Patterns Track your sleep stages and duration over time Weekly View Monthly View

) } [V0_FILE]typescriptreact:file="components/activity/activity-overview.tsx" isMerged="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Activity } from "lucide-react" export function ActivityOverview() { return (

Activity Score Your physical activity and movement patterns

78/100

↑ 6% from last week

Activity Metrics

Daily Steps 8,432
Active Minutes 42 min
Activity Regularity Fair

Recent Insights

Your activity level has improved this week with more consistent daily movement. Your weekend activity is significantly higher than weekdays, suggesting a "weekend warrior" pattern.

) } [V0_FILE]typescriptreact:file="components/activity/activity-recommendations.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import Link from "next/link" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Sparkles, Activity, Clock, Footprints } from "lucide-react" import { Badge } from "@/components/ui/badge" interface Recommendation { id: string name: string icon: React.ElementType recommendation: string product?: { id: string name: string description: string } } export function ActivityRecommendations() { const [recommendations, setRecommendations] = useState([ { id: "activity-regularity", name: "Activity Regularity", icon: Clock, recommendation: "Your activity pattern is inconsistent. Try scheduling short 10-minute walks at the same time each day to establish a more regular pattern.", product: { id: "fitness-tracker", name: "Fitness Tracker", description: "Monitors activity patterns and sends reminders", }, }, { id: "active-minutes", name: "Active Minutes", icon: Activity, recommendation: "You're currently at 42 active minutes per day. Aim for 60 minutes by adding a 20-minute moderate intensity workout 3 times this week.", product: { id: "resistance-bands", name: "Resistance Bands", description: "Portable equipment for effective home workouts", }, }, { id: "step-count", name: "Step Count", icon: Footprints, recommendation: "Your step count is 15% below your weekly target. Try taking the stairs instead of the elevator and parking further from entrances to increase daily steps.", product: { id: "walking-shoes", name: "Walking Shoes", description: "Comfortable footwear designed for daily walking", }, }, ]) const regenerateRecommendation = (id: string) => { // In a real app, this would call an AI endpoint // For now, we'll just simulate with alternative recommendations const alternativeRecommendations = { "activity-regularity": "Try the 'activity snacking' approach with 3-minute movement breaks every hour. This improves consistency and metabolic health.", "active-minutes": "Focus on intensity rather than duration. Two 15-minute HIIT sessions can be more effective than longer moderate exercise.", "step-count": "Consider a 'walking meeting' approach for phone calls. Walking while on calls can add 2,000-3,000 steps to your daily count without extra time commitment.", } setRecommendations( recommendations.map((rec) => rec.id === id ? { ...rec, recommendation: alternativeRecommendations[id as keyof typeof alternativeRecommendations] } : rec, ), ) } return ( Activity Recommendations Personalized suggestions to improve your physical activity

{recommendations.map((rec) => (

{rec.name}

{rec.product && ( {rec.product.name} )}

{rec.recommendation}

{rec.product && (

Try: {rec.product.description}

)}

))}

) } [V0_FILE]typescriptreact:file="components/activity/activity-trends.tsx" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { ResponsiveContainer, BarChart, Bar, XAxis, YAxis, Tooltip, Legend } from "recharts" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" const weeklyData = [ { day: "Mon", steps: 7200, active: 35, calories: 320 }, { day: "Tue", steps: 8100, active: 42, calories: 380 }, { day: "Wed", steps: 7500, active: 38, calories: 350 }, { day: "Thu", steps: 6800, active: 32, calories: 310 }, { day: "Fri", steps: 7900, active: 40, calories: 370 }, { day: "Sat", steps: 10500, active: 65, calories: 520 }, { day: "Sun", steps: 11200, active: 70, calories: 580 }, ] const monthlyData = [ { week: "Week 1", steps: 7800, active: 38, calories: 350 }, { week: "Week 2", steps: 8200, active: 42, calories: 380 }, { week: "Week 3", steps: 7900, active: 40, calories: 360 }, { week: "Week 4", steps: 8500, active: 45, calories: 400 }, ] export function ActivityTrends() { return ( Activity Patterns Track your movement patterns over time Steps Active Minutes Active Calories

) } [V0_FILE]typescriptreact:file="components/mental-wellness/mental-wellness-overview.tsx" isMerged="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Brain } from "lucide-react" export function MentalWellnessOverview() { return (

Mental Wellness Score Your mental health and cognitive patterns

82/100

↑ 3% from last week

Mental Metrics

Stress Level Moderate
Mood Stability Good
Cognitive Performance High

Recent Insights

Your mental wellness score has improved this week with better mood stability. Your stress levels still peak in the afternoons, suggesting a need for midday stress management techniques.

) } [V0_FILE]typescriptreact:file="components/mental-wellness/mental-wellness-recommendations.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import Link from "next/link" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Sparkles, Brain, Clock, Leaf } from "lucide-react" import { Badge } from "@/components/ui/badge" interface Recommendation { id: string name: string icon: React.ElementType recommendation: string product?: { id: string name: string description: string } } export function MentalWellnessRecommendations() { const [recommendations, setRecommendations] = useState([ { id: "stress-management", name: "Stress Management", icon: Brain, recommendation: "Your stress levels peak in the afternoon. Try a 5-minute breathing exercise after lunch to reduce cortisol and improve afternoon productivity.", product: { id: "meditation-app", name: "Meditation App Subscription", description: "Guided stress-reduction sessions for busy schedules", }, }, { id: "digital-detox", name: "Digital Detox", icon: Clock, recommendation: "Your screen time increases in the evening, which may affect sleep quality and cognitive recovery. Try a 1-hour screen-free period before bed.", product: { id: "blue-light-glasses", name: "Blue Light Blocking Glasses", description: "Reduces eye strain and improves sleep quality", }, }, { id: "mindfulness-practice", name: "Mindfulness Practice", icon: Leaf, recommendation: "Regular mindfulness practice can improve your cognitive performance by up to 15%. Start with just 5 minutes daily and gradually increase.", product: { id: "mindfulness-journal", name: "Mindfulness Journal", description: "Structured prompts for daily mindfulness practice", }, }, ]) const regenerateRecommendation = (id: string) => { // In a real app, this would call an AI endpoint // For now, we'll just simulate with alternative recommendations const alternativeRecommendations = { "stress-management": "Your HRV indicates chronic stress. Try alternating nostril breathing for 3 minutes when you notice tension building.", "digital-detox": "Consider implementing the 20-20-20 rule: every 20 minutes, look at something 20 feet away for 20 seconds to reduce digital eye strain.", "mindfulness-practice": "Try body scan meditation for 3 minutes before important meetings or tasks. This can improve focus and reduce anxiety in high-pressure situations.", } setRecommendations( recommendations.map((rec) => rec.id === id ? { ...rec, recommendation: alternativeRecommendations[id as keyof typeof alternativeRecommendations] } : rec, ), ) } return ( Mental Wellness Recommendations Personalized suggestions to improve your mental health

{recommendations.map((rec) => (

{rec.name}

{rec.product && ( {rec.product.name} )}

{rec.recommendation}

{rec.product && (

Try: {rec.product.description}

)}

))}

) } [V0_FILE]typescriptreact:file="components/mental-wellness/mental-wellness-trends.tsx" isFixed="true" isQuickEdit="true" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { ResponsiveContainer, LineChart, Line, XAxis, YAxis, Tooltip, Legend } from "recharts" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" const weeklyData = [ { day: "Mon", stress: 65, mood: 75, cognitive: 80 }, { day: "Tue", stress: 60, mood: 78, cognitive: 82 }, { day: "Wed", stress: 68, mood: 72, cognitive: 79 }, { day: "Thu", stress: 72, mood: 70, cognitive: 76 }, { day: "Fri", stress: 63, mood: 76, cognitive: 81 }, { day: "Sat", stress: 55, mood: 82, cognitive: 85 }, { day: "Sun", stress: 58, mood: 80, cognitive: 83 }, ] const monthlyData = [ { week: "Week 1", stress: 64, mood: 76, cognitive: 80 }, { week: "Week 2", stress: 62, mood: 78, cognitive: 82 }, { week: "Week 3", stress: 60, mood: 79, cognitive: 83 }, { week: "Week 4", stress: 58, mood: 81, cognitive: 84 }, ] export function MentalWellnessTrends() { return ( Mental Wellness Trends Track your mental health metrics over time Weekly View Monthly View

) } [V0_FILE]typescriptreact:file="components/readiness/readiness-overview.tsx" isMerged="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Zap } from "lucide-react" export function ReadinessOverview() { return (

Readiness Score Your energy levels and recovery status

83/100

↑ 5% from last week

Readiness Metrics

Recovery Status Good
HRV Balance Optimal
Energy Reserve Moderate

Recent Insights

Your readiness score indicates you're well-recovered and ready for moderate to high intensity activities. Your HRV is showing positive adaptation to your recent training load.

) } [V0_FILE]typescriptreact:file="components/readiness/readiness-recommendations.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import Link from "next/link" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Sparkles, Heart, Utensils, Droplets } from "lucide-react" import { Badge } from "@/components/ui/badge" interface Recommendation { id: string name: string icon: React.ElementType recommendation: string product?: { id: string name: string description: string } } export function ReadinessRecommendations() { const [recommendations, setRecommendations] = useState([ { id: "recovery-optimization", name: "Recovery Optimization", icon: Heart, recommendation: "Your HRV indicates good recovery. Today is optimal for a high-intensity workout or challenging cognitive tasks.", product: { id: "recovery-supplement", name: "Recovery Supplement", description: "Supports muscle recovery and energy production", }, }, { id: "nutrition-timing", name: "Nutrition Timing", icon: Utensils, recommendation: "Your energy dips occur mid-afternoon. Try consuming a small protein-rich snack 2-3 hours after lunch to maintain energy levels.", product: { id: "protein-snacks", name: "Protein Snack Pack", description: "Convenient, balanced nutrition for energy stability", }, }, { id: "hydration-strategy", name: "Hydration Strategy", icon: Droplets, recommendation: "Your hydration patterns show inconsistency. Aim for 16oz of water immediately upon waking and every 2 hours throughout the day.", product: { id: "smart-water-bottle", name: "Smart Water Bottle", description: "Tracks hydration and sends reminders throughout the day", }, }, ]) const regenerateRecommendation = (id: string) => { // In a real app, this would call an AI endpoint // For now, we'll just simulate with alternative recommendations const alternativeRecommendations = { "recovery-optimization": "Your recovery metrics are optimal. Consider alternating between high and low intensity days to maximize adaptation while preventing overtraining.", "nutrition-timing": "Your glucose variability suggests benefit from smaller, more frequent meals. Try dividing your daily intake into 5-6 smaller meals spaced 2-3 hours apart.", "hydration-strategy": "Your performance metrics decline with even mild dehydration. Try adding electrolytes to your water, especially on days with higher physical demands.", } setRecommendations( recommendations.map((rec) => rec.id === id ? { ...rec, recommendation: alternativeRecommendations[id as keyof typeof alternativeRecommendations] } : rec, ), ) } return ( Readiness Recommendations Personalized suggestions to optimize your energy and recovery

{recommendations.map((rec) => (

{rec.name}

{rec.product && ( {rec.product.name} )}

{rec.recommendation}

{rec.product && (

Try: {rec.product.description}

)}

))}

) } [V0_FILE]typescriptreact:file="components/readiness/readiness-trends.tsx" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { ResponsiveContainer, LineChart, Line, XAxis, YAxis, Tooltip, Legend } from "recharts" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" const weeklyData = [ { day: "Mon", readiness: 78, hrv: 65, recovery: 80 }, { day: "Tue", readiness: 80, hrv: 68, recovery: 82 }, { day: "Wed", readiness: 76, hrv: 62, recovery: 78 }, { day: "Thu", readiness: 79, hrv: 66, recovery: 81 }, { day: "Fri", readiness: 82, hrv: 70, recovery: 84 }, { day: "Sat", readiness: 85, hrv: 74, recovery: 87 }, { day: "Sun", readiness: 83, hrv: 72, recovery: 85 }, ] const monthlyData = [ { week: "Week 1", readiness: 79, hrv: 66, recovery: 81 }, { week: "Week 2", readiness: 81, hrv: 68, recovery: 83 }, { week: "Week 3", readiness: 82, hrv: 70, recovery: 84 }, { week: "Week 4", readiness: 83, hrv: 72, recovery: 85 }, ] export function ReadinessTrends() { return ( Readiness Trends Track your energy and recovery metrics over time Weekly View Monthly View

) } [V0_FILE]typescriptreact:file="app/store/page.tsx" isMerged="true" import type { Metadata } from "next" import DashboardShell from "@/components/dashboard-shell" import { StoreProducts } from "@/components/store/store-products" import { StoreHeader } from "@/components/store/store-header" export const metadata: Metadata = { title: "Recommended Products | Aki Health", description: "Browse and purchase products recommended for your health needs.", } export default function StorePage() { return (

) } [V0_FILE]typescriptreact:file="app/store/[productId]/page.tsx" isMerged="true" import type { Metadata } from "next" import DashboardShell from "@/components/dashboard-shell" import { ProductDetail } from "@/components/store/product-detail" import { products } from "@/lib/store-data" import { notFound } from "next/navigation" export const metadata: Metadata = { title: "Product Details | Aki Health", description: "View details and purchase recommended health products.", } export default function ProductPage({ params }: { params: { productId: string } }) { const product = products.find((p) => p.id === params.productId) if (!product) { notFound() } return ( ) } [V0_FILE]typescriptreact:file="components/store/store-header.tsx" isMerged="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { ShoppingBag } from "lucide-react" export function StoreHeader() { return (

Aki Health Store Personalized product recommendations for your health journey

These products have been specifically recommended based on your health data and insights. Each recommendation is tailored to help you improve specific aspects of your health and wellbeing.

) } [V0_FILE]typescriptreact:file="components/store/store-products.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { products } from "@/lib/store-data" import type { Product } from "@/types/store" import { Smile, Activity, Moon, Brain, Zap } from "lucide-react" export function StoreProducts() { const [category, setCategory] = useState("all") const filteredProducts = category === "all" ? products : products.filter((product) => product.category === category) return ( Recommended Products Browse products tailored to your health needs All Wellbeing Activity Sleep Mental Readiness

{filteredProducts.map((product) => ( ))}

) } function ProductCard({ product }: { product: Product }) { // Get badge color based on category const getBadgeColor = (category: string) => { switch (category) { case "wellbeing": return "bg-primary/10 border-primary text-primary" case "activity": return "bg-orange-500/10 border-orange-500 text-orange-500" case "sleep": return "bg-blue-500/10 border-blue-500 text-blue-500" case "mental": return "bg-purple-500/10 border-purple-500 text-purple-500" case "readiness": return "bg-yellow-500/10 border-yellow-500 text-yellow-500" default: return "bg-primary/10 border-primary text-primary" } } return (

{product.name}

{product.shortDescription}

${product.price}

{getCategoryLabel(product.category)}

Back to Store

{getCategoryLabel(product.category)}

{product.name}

${product.price}

Description Why It's Recommended {product.description} {product.recommendationReason}

{quantity}

{relatedProducts.length > 0 && (

Related Products

{relatedProducts.map((relatedProduct) => (

{relatedProduct.name}

{relatedProduct.shortDescription}

${relatedProduct.price}

))}

)}

) } function getCategoryLabel(category: string): string { switch (category) { case "wellbeing": return "Wellbeing" case "activity": return "Activity" case "sleep": return "Sleep" case "mental": return "Mental Wellness" case "readiness": return "Readiness" default: return category } } [V0_FILE]typescriptreact:file="lib/store-data.ts" isEdit="true" isMerged="true" import type { Product } from "@/types/store" export const products: Product[] = [ // Wellbeing Products { id: "gratitude-journal", name: "Gratitude Journal", price: 24.99, category: "wellbeing", image: "https://images.unsplash.com/photo-1531346878377-a5be20888e57?q=80&w=2070&auto=format&fit=crop", shortDescription: "Structured journal with prompts for daily gratitude practice", description: "This beautifully designed journal includes daily prompts, quotes, and structured exercises to help you develop a consistent gratitude practice. With space for 90 days of entries, it guides you through reflecting on the positive aspects of your life.", recommendationReason: "Your emotional balance metrics indicate that implementing a daily gratitude practice can improve your wellbeing score by up to 15% within two weeks. This journal is specifically designed to make gratitude practice easy to maintain with guided prompts and reflection exercises.", }, { id: "social-wellness-app", name: "Social Wellness App Subscription", price: 9.99, category: "wellbeing", image: "https://images.unsplash.com/photo-1516321318423-f06f85e504b3?q=80&w=2070&auto=format&fit=crop", shortDescription: "Digital tool to track and improve your social connections", description: "This premium app subscription helps you track and nurture your social connections. Features include relationship tracking, social activity scheduling, and personalized suggestions for meaningful interactions based on your personality type.", recommendationReason: "Your social connection metrics are lower than optimal. This app is recommended because it provides structured ways to improve social wellbeing through scheduled activities and reminders, which align with your preference for digital tools and structured approaches.", }, { id: "mindfulness-timer", name: "Mindfulness Timer", price: 34.99, category: "wellbeing", image: "https://images.unsplash.com/photo-1545558014-8692077e9b5c?q=80&w=2070&auto=format&fit=crop", shortDescription: "Gentle reminders for mindful breaks throughout your day", description: "This elegant desktop timer uses subtle light patterns to remind you to take mindful breaks throughout your day. Customizable intervals and intensity make it perfect for office or home use, with no disruptive sounds or notifications.", recommendationReason: "Your data shows extended periods of stress without breaks. Taking 3-5 minute mindful breaks every 90 minutes can improve your wellbeing score. This physical timer is recommended over app-based solutions because it doesn't add to your screen time.", }, // Sleep Products { id: "melatonin-supplements", name: "Melatonin Supplements", price: 19.99, category: "sleep", image: "https://images.unsplash.com/photo-1626765988683-5c5cf2f09e2b?q=80&w=2070&auto=format&fit=crop", shortDescription: "Natural sleep aid to help regulate your sleep cycle", description: "These plant-based melatonin supplements are formulated with a time-release technology to help you fall asleep naturally and stay asleep throughout the night. Each bottle contains a 60-day supply with the optimal 3mg dosage.", recommendationReason: "Your sleep data shows inconsistent sleep onset times varying by more than 90 minutes throughout the week. Melatonin can help regulate your circadian rhythm when taken 30-60 minutes before your target bedtime, especially effective for your specific sleep pattern variability.", }, { id: "herbal-tea-sampler", name: "Herbal Tea Sampler", price: 28.99, category: "sleep", image: "https://images.unsplash.com/photo-1564890369478-c89ca6d9cde9?q=80&w=2070&auto=format&fit=crop", shortDescription: "Caffeine-free alternatives for afternoon drinks", description: "This premium herbal tea collection includes 6 caffeine-free blends specifically selected to support relaxation and sleep quality. Varieties include chamomile lavender, valerian mint, passionflower, and lemon balm blends in biodegradable tea bags.", recommendationReason: "Your sleep data shows caffeine consumption after 2pm on most days, which is affecting your deep sleep duration. These herbal teas are recommended as flavorful alternatives that can help you reduce afternoon caffeine while still enjoying a warm beverage ritual.", }, { id: "smart-thermostat", name: "Smart Thermostat", price: 149.99, category: "sleep", image: "https://images.unsplash.com/photo-1567318943997-c0dce6eeea60?q=80&w=2070&auto=format&fit=crop", shortDescription: "Automatically adjusts temperature for optimal sleep", description: "This smart thermostat learns your schedule and preferences to automatically adjust your home's temperature for optimal sleep conditions. Features include sleep-specific programming, humidity monitoring, and integration with other smart home devices.", recommendationReason: "Your sleep disruptions often occur during temperature fluctuations. Research shows maintaining a bedroom temperature between 65-68°F can improve sleep quality. This smart thermostat is recommended because it can automatically lower temperatures during your sleep hours and raise them before you wake up.", }, // Activity Products { id: "fitness-tracker", name: "Fitness Tracker", price: 89.99, category: "activity", image: "https://images.unsplash.com/photo-1575311373937-040b8e1fd5b6?q=80&w=2088&auto=format&fit=crop", shortDescription: "Monitors activity patterns and sends reminders", description: "This advanced fitness tracker monitors steps, heart rate, and activity patterns throughout the day. Features include inactivity alerts, guided breathing exercises, and personalized activity goals based on your historical data.", recommendationReason: "Your activity pattern is inconsistent with significant variation between days. This tracker is recommended because it provides gentle movement reminders during your typical inactive periods (2-4pm based on your data) and can help establish a more regular activity pattern.", }, { id: "resistance-bands", name: "Resistance Bands Set", price: 29.99, category: "activity", image: "https://images.unsplash.com/photo-1598550476439-6847785fcea6?q=80&w=2070&auto=format&fit=crop", shortDescription: "Portable equipment for effective home workouts", description: "This comprehensive resistance band set includes 5 bands of varying resistance levels, handles, door anchor, ankle straps, and a carrying case. Comes with access to a digital library of workout routines for all fitness levels.", recommendationReason: "You're currently at 42 active minutes per day, below the recommended 60 minutes. These resistance bands are recommended because they align with your preference for home-based exercise and can provide effective strength training in short, 20-minute sessions that fit your schedule constraints.", }, { id: "walking-shoes", name: "Walking Shoes", price: 119.99, category: "activity", image: "https://images.unsplash.com/photo-1542291026-7eec264c27ff?q=80&w=2070&auto=format&fit=crop", shortDescription: "Comfortable footwear designed for daily walking", description: "These ergonomically designed walking shoes feature advanced cushioning, arch support, and breathable materials. Specifically engineered to reduce impact and provide comfort during extended walking periods.", recommendationReason: "Your step count is 15% below your weekly target. Based on your gait analysis data, these shoes are recommended to address your specific pronation pattern and provide proper support, potentially reducing the mild discomfort you experience after longer walks.", }, // Mental Wellness Products { id: "meditation-app", name: "Meditation App Subscription", price: 69.99, category: "mental", image: "https://images.unsplash.com/photo-1522075469751-3a6694fb2f61?q=80&w=2080&auto=format&fit=crop", shortDescription: "Guided stress-reduction sessions for busy schedules", description: "This premium meditation app subscription provides access to hundreds of guided meditations ranging from 3 to 45 minutes. Features include stress-specific programs, sleep meditations, focus sessions, and progress tracking.", recommendationReason: "Your stress levels peak in the afternoon (typically between 2-4pm according to your data). This app is recommended because it offers short, targeted stress-reduction exercises that can be completed in 5 minutes during your work breaks, specifically addressing your cortisol pattern.", }, { id: "blue-light-glasses", name: "Blue Light Blocking Glasses", price: 49.99, category: "mental", image: "https://images.unsplash.com/photo-1574258495973-f010dfbb5371?q=80&w=2070&auto=format&fit=crop", shortDescription: "Reduces eye strain and improves sleep quality", description: "These stylish glasses filter blue light from digital screens, reducing eye strain and potential sleep disruption. Lightweight frame with anti-glare coating and minimal color distortion for comfortable all-day wear.", recommendationReason: "Your screen time increases in the evening, which may affect sleep quality and cognitive recovery. These glasses are recommended because they can reduce the melatonin-suppressing effects of blue light by up to 60%, particularly beneficial during your typical high-screen time hours (8-10pm).", }, { id: "mindfulness-journal", name: "Mindfulness Journal", price: 22.99, category: "mental", image: "https://images.unsplash.com/photo-1517842645767-c639042777db?q=80&w=2070&auto=format&fit=crop", shortDescription: "Structured prompts for daily mindfulness practice", description: "This mindfulness journal includes 90 days of guided prompts, mindfulness exercises, and reflection spaces. Designed to help build a consistent mindfulness practice with just 5-10 minutes per day.", recommendationReason: "Regular mindfulness practice can improve your cognitive performance by up to 15%. This journal is recommended because it aligns with your preference for structured, written exercises over digital solutions, and the specific prompts target the thought patterns identified in your cognitive assessment.", }, // Readiness Products { id: "recovery-supplement", name: "Recovery Supplement", price: 39.99, category: "readiness", image: "https://images.unsplash.com/photo-1471864190281-a93a3070b6de?q=80&w=2070&auto=format&fit=crop", shortDescription: "Supports muscle recovery and energy production", description: "This plant-based recovery supplement contains a blend of adaptogens, amino acids, and antioxidants designed to support muscle recovery and energy production. Free from artificial ingredients and stimulants.", recommendationReason: "Your HRV indicates good recovery capacity, but your muscle recovery metrics show room for improvement. This supplement is recommended because it contains specific ingredients (tart cherry, ashwagandha, and magnesium) that address your particular recovery pattern and nutritional gaps identified in your diet analysis.", }, { id: "protein-snacks", name: "Protein Snack Pack", price: 34.99, category: "readiness", image: "https://images.unsplash.com/photo-1490818387583-1baba5e638af?q=80&w=2032&auto=format&fit=crop", shortDescription: "Convenient, balanced nutrition for energy stability", description: "This variety pack includes 12 protein-rich snacks with balanced macronutrients to support stable energy levels. Each snack contains 15g of protein, complex carbohydrates, and healthy fats in convenient, portable packaging.", recommendationReason: "Your energy dips occur mid-afternoon (typically around 3pm according to your data). These protein snacks are recommended because consuming a small protein-rich snack 2-3 hours after lunch can help maintain blood glucose levels and prevent the afternoon energy crash you frequently experience.", }, { id: "smart-water-bottle", name: "Smart Water Bottle", price: 45.99, category: "readiness", image: "https://images.unsplash.com/photo-1602143407151-7111542de6e8?q=80&w=2087&auto=format&fit=crop", shortDescription: "Tracks hydration and sends reminders throughout the day", description: "This smart water bottle tracks your water intake and glows to remind you when it's time to drink. Features include customizable hydration goals, temperature monitoring, and integration with fitness apps.", recommendationReason: "Your hydration patterns show inconsistency, with particular deficits in the morning and late afternoon. This smart bottle is recommended because it provides gentle reminders during your typical under-hydrated periods, and the tracking feature aligns with your preference for quantified health metrics.", }, ] [V0_FILE]typescriptreact:file="types/store.ts" isMerged="true" export interface Product { id: string name: string price: number category: string image: string shortDescription: string description: string recommendationReason: string } [V0_FILE]typescriptreact:file="components/dashboard-shell.tsx" isEdit="true" isQuickEdit="true" "use client" import type React from "react" import { useState, useEffect } from "react" import { usePathname } from "next/navigation" import Link from "next/link" import { Activity, Brain, Calendar, Heart, Home, Moon, Settings, ShoppingBag, Sun, Zap, Smile } from "lucide-react" import { Button } from "@/components/ui/button" import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarTrigger, } from "@/components/ui/sidebar" import { useTheme } from "next-themes" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu" interface DashboardShellProps { children: React.ReactNode } export default function DashboardShell({ children }: DashboardShellProps) { const { setTheme } = useTheme() const pathname = usePathname() const [pageTitle, setPageTitle] = useState("My Aki Insights") useEffect(() => { // Set page title based on current path if (pathname === "/") { setPageTitle("My Aki Insights") } else if (pathname === "/wellbeing") { setPageTitle("Wellbeing Insights") } else if (pathname === "/activity") { setPageTitle("Activity Insights") } else if (pathname === "/sleep") { setPageTitle("Sleep Insights") } else if (pathname === "/mental-wellness") { setPageTitle("Mental Wellness Insights") } else if (pathname === "/readiness") { setPageTitle("Readiness Insights") } else if (pathname.startsWith("/store")) { setPageTitle("Recommended Products") } }, [pathname]) return (

Aki Health

Overview Wellbeing Activity Sleep Mental Wellness Readiness Store

John Doe john@example.com

setTheme("light")}> Light setTheme("dark")}> Dark setTheme("system")}> System

{pageTitle}

{children}

) }

About

Tags

Share

About

Tags

Share

More from nevermindthen

More Templates Like This

About

Tags

Share

About

Tags

Share

More from nevermindthen

More Templates Like This