Your Wellness Dashboard
}
gradient="from-[#FF6961] to-[#FF6961]"
/>
}
gradient="from-[#FF6961] to-[#FF6961]"
/>
}
gradient="from-[#FF6961] to-[#FF6961]"
/>
}
gradient="from-[#FF6961] to-[#FF6961]"
/>
}
gradient="from-[#FF6961] to-[#FF6961]"
/>
Weekly Goals Progress
Exercise (3 times/week)
2/3
Meditation (10 minutes/day)
5/7 days
Water Intake (8 glasses/day)
6/8 glasses
)
}
```
### app/api/chat/route.ts
```typescript
import { getWellnessServiceResponse } from "@/lib/wellness-service"
import { NextResponse } from "next/server"
export async function POST(req: Request) {
try {
const { messages } = await req.json()
if (!messages || !Array.isArray(messages) || messages.length === 0) {
return NextResponse.json(
{
error: "Invalid request format",
details: "Messages array is required",
},
{ status: 400 },
)
}
const latestMessage = messages[messages.length - 1].content
if (!latestMessage) {
return NextResponse.json(
{
error: "Invalid message format",
details: "Message content is required",
},
{ status: 400 },
)
}
console.log("Processing chat request with message:", latestMessage)
const responseText = await getWellnessServiceResponse(latestMessage)
console.log("Chat response generated:", responseText)
return NextResponse.json({ response: responseText })
} catch (error) {
console.error("Error in chat route:", error)
return NextResponse.json(
{
error: "Internal Server Error",
details: error instanceof Error ? error.message : "Unknown error occurred",
},
{ status: 500 },
)
}
}
```
### tailwind.config.js
```javascript
/** @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: {
fontFamily: {
roca: ["roca", "sans-serif"],
"basic-sans": ["basic-sans", "sans-serif"],
},
fontWeight: {
thin: "100",
extralight: "200",
light: "300",
normal: "400",
medium: "500",
semibold: "600",
bold: "700",
extrabold: "800",
black: "900",
},
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))",
},
},
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")],
}
```
### lib/utils.ts
```typescript
import { clsx, type ClassValue } from "clsx"
import { twMerge } from "tailwind-merge"
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}
```
[62 more indexed source files omitted to keep this export small. The full file list is in the Codebase structure section above.]