Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion app/_offline/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
export default function OfflinePage() {
return (
<div style={{ padding: 24, textAlign: "center" }}>
<h1>You're offline</h1>
<h1>You&apos;re offline</h1>
<p>
InnerHue needs an internet connection for full experience.
Cached content may still be visible.
Expand Down
10 changes: 5 additions & 5 deletions app/about/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@ export default function AboutUs() {
Our Mission
</h2>
<p className="text-lg text-gray-200 leading-relaxed">
In a world that never stops moving, it's easy to lose touch with how we really feel.
In a world that never stops moving, it&apos;s easy to lose touch with how we really feel.
<strong>InnerHue</strong> was born from a simple belief: acknowledging your emotions is the first step towards well-being.
We aim to provide a safe, beautiful, and intuitive space where you can pause, reflect, and find clarity amidst the chaos.
</p>
Expand All @@ -92,7 +92,7 @@ export default function AboutUs() {
<p className="text-gray-300 leading-relaxed">
InnerHue uses color psychology and mood tracking to help you visualize your emotional state.
By selecting your current mood, you unlock personalized journal prompts, inspirational quotes, and
curated resources designed to support exactly how you're feeling right now.
curated resources designed to support exactly how you&apos;re feeling right now.
</p>
</motion.div>

Expand All @@ -106,8 +106,8 @@ export default function AboutUs() {
</div>
<h3 className="text-2xl font-bold text-white mb-4">For Everyone</h3>
<p className="text-gray-300 leading-relaxed">
Whether you're feeling overwhelmed, ecstatic, or somewhere in between, InnerHue is here for you.
We believe that every emotion is valid and deserves to be heard. There is no "right" or "wrong" way to feel—only
Whether you&apos;re feeling overwhelmed, ecstatic, or somewhere in between, InnerHue is here for you.
We believe that every emotion is valid and deserves to be heard. There is no &quot;right&quot; or &quot;wrong&quot; way to feel—only
your unique human experience.
</p>
</motion.div>
Expand All @@ -118,7 +118,7 @@ export default function AboutUs() {
className="md:col-span-2 text-center py-12"
>
<h3 className="text-3xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-pink-300 to-purple-300 mb-6">
"To feel is to be human."
&quot;To feel is to be human.&quot;
</h3>
<p className="text-gray-400">
Thank you for being part of our journey.
Expand Down
18 changes: 18 additions & 0 deletions app/globals.css
Original file line number Diff line number Diff line change
Expand Up @@ -164,4 +164,22 @@
[data-framer-motion],
[style*="transform"] {
transition-property: background-color, border-color, color, box-shadow;
}

/* Custom scrollbar for streak detail timeline */
.custom-scrollbar::-webkit-scrollbar {
width: 4px;
}

.custom-scrollbar::-webkit-scrollbar-track {
background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.1);
border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.2);
}
32 changes: 17 additions & 15 deletions app/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ export default function Home() {
}, []);

return (
<motion.div
<motion.div
variants={pageVariants}
initial="initial"
animate="animate"
Expand Down Expand Up @@ -144,15 +144,15 @@ export default function Home() {
transition={{ delay: 0.2, duration: 0.6 }}
className="relative z-10 p-6"
>
<div className="max-w-6xl mx-auto flex justify-between items-center">
<div className="max-w-7xl mx-auto flex justify-between items-center">
<div className="flex items-center space-x-3">
<Heart className="text-pink-400 w-10 h-10" />
<h1 className="text-4xl font-bold bg-gradient-to-r from-pink-400 to-purple-400 bg-clip-text text-transparent">
InnerHue
</h1>
</div>

<nav className="flex items-center space-x-2 md:space-x-4">
<nav className="flex items-center space-x-2 md:space-x-3">
<Link href="/emotions">
<motion.div
whileHover={{ scale: 1.05 }}
Expand All @@ -167,6 +167,7 @@ export default function Home() {
<motion.div
whileHover={{ scale: 1.05 }}
className="p-2 rounded-full bg-white/5 backdrop-blur-xl hover:bg-white/10 transition-all duration-300 border border-white/10"
title="Analytics"
>
<BarChart3 className="w-5 h-5 md:w-6 md:h-6 text-white" />
</motion.div>
Expand All @@ -175,6 +176,7 @@ export default function Home() {
<motion.div
whileHover={{ scale: 1.05 }}
className="p-2 rounded-full bg-white/5 backdrop-blur-xl hover:bg-white/10 transition-all duration-300 border border-white/10"
title="Music"
>
<Music className="w-5 h-5 md:w-6 md:h-6 text-white" />
</motion.div>
Expand All @@ -189,8 +191,8 @@ export default function Home() {

{/* Main Content */}
<main className="relative z-10 px-4 md:px-6 pb-20">
<div className="max-w-6xl mx-auto">
<motion.section
<div className="max-w-7xl mx-auto">
<motion.section
initial={{ opacity: 0, y: 30 }}
animate={{ opacity: 1, y: 0 }}
transition={{ delay: 0.2 }}
Expand All @@ -208,9 +210,9 @@ export default function Home() {
one feeling at a time
</span>
</h2>

<p className="text-base sm:text-lg md:text-xl lg:text-2xl text-gray-200 max-w-3xl mx-auto drop-shadow leading-relaxed px-4">
Discover the depth of your emotional landscape with personalized insights,
Discover the depth of your emotional landscape with personalized insights,
therapeutic music, and guided reflection journeys tailored to your feelings.
</p>
</motion.div>
Expand All @@ -231,7 +233,7 @@ export default function Home() {
<ArrowRight className="w-4 h-4 sm:w-5 sm:h-5 group-hover:translate-x-1 transition-transform" />
</motion.button>
</Link>

<motion.div
whileHover={{ scale: 1.05 }}
className="w-full sm:w-auto px-4 sm:px-6 py-3 sm:py-4 bg-white/10 backdrop-blur text-white rounded-full border border-white/30 hover:bg-white/20 transition-all duration-300 cursor-pointer text-center text-sm sm:text-base"
Expand Down Expand Up @@ -315,7 +317,7 @@ export default function Home() {
</div>

{/* Features Section */}
<motion.section
<motion.section
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
transition={{ delay: 0.8 }}
Expand Down Expand Up @@ -368,11 +370,11 @@ export default function Home() {
<div className={`w-12 h-12 sm:w-16 sm:h-16 rounded-xl sm:rounded-2xl bg-gradient-to-br ${feature.color} flex items-center justify-center mb-3 sm:mb-4 mx-auto sm:mx-0`}>
<feature.icon className="w-6 h-6 sm:w-8 sm:h-8 text-white" />
</div>

<h4 className="text-lg sm:text-xl font-bold text-white mb-2 sm:mb-3">
{feature.title}
</h4>

<p className="text-gray-300 leading-relaxed text-sm sm:text-base">
{feature.description}
</p>
Expand All @@ -392,12 +394,12 @@ export default function Home() {
<h3 className="text-3xl sm:text-4xl md:text-5xl font-bold text-white mb-4 sm:mb-6">
Ready to explore your inner world?
</h3>

<p className="text-lg sm:text-xl text-gray-300 mb-6 sm:mb-8">
Join thousands who have discovered deeper self-awareness through InnerHue's
Join thousands who have discovered deeper self-awareness through InnerHue&apos;s
guided emotional reflection experience.
</p>

<Link href="/emotions">
<motion.button
whileHover={{ scale: 1.05, boxShadow: '0 25px 50px rgba(147, 51, 234, 0.5)' }}
Expand All @@ -413,7 +415,7 @@ export default function Home() {
</motion.section>
</div>
</main>

{/* Footer */}

</motion.div>
Expand Down
20 changes: 10 additions & 10 deletions components/LoginForm.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@

import { useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
import { LoginSchema } from "@/lib/validation";
import { LoginSchema } from "@/lib/validation";
import { z } from "zod";
import { useState } from "react";
import Link from "next/link";
import { toast } from "sonner";
import { toast } from "sonner";

type LoginFormData = z.infer<typeof LoginSchema>;

Expand All @@ -26,15 +26,15 @@ export default function LoginForm() {
try {
const toastId = toast.loading("Logging in...");
console.log("Logging in with:", data);

// Simulate API call
await new Promise((resolve) => setTimeout(resolve, 2000));

toast.dismiss(toastId);
toast.success("Welcome back!", {
description: "You have successfully logged in.",
});

} catch (error) {
toast.error("Login failed", {
description: "Please check your email and password.",
Expand All @@ -43,8 +43,8 @@ export default function LoginForm() {
};

return (
<form
onSubmit={handleSubmit(onSubmit)}
<form
onSubmit={handleSubmit(onSubmit)}
className="flex flex-col gap-5 w-full max-w-md bg-white/5 backdrop-blur-xl p-8 rounded-2xl border border-white/10 shadow-2xl ring-1 ring-white/5"
>
<div className="text-center mb-2">
Expand Down Expand Up @@ -96,9 +96,9 @@ export default function LoginForm() {
{/* Footer Link */}
<div className="text-center mt-2">
<p className="text-sm text-gray-400">
Don't have an account?{" "}
<Link
href="/signup"
Don&apos;t have an account?{" "}
<Link
href="/signup"
className="text-purple-400 hover:text-purple-300 font-semibold hover:underline transition-all"
>
Create one now
Expand Down
4 changes: 2 additions & 2 deletions components/SimpleLangFlowChatbot.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -143,10 +143,10 @@ export default function SimpleLangFlowChatbot({ onEmotionDetected, onAutoNavigat
{!botResponse ? (
<div className="space-y-3">
<p className="text-gray-700 dark:text-gray-300">
Hey there! 👋 I'm your emotion companion.
Hey there! 👋 I&apos;m your emotion companion.
</p>
<p className="text-gray-600 dark:text-gray-400 text-sm">
Tell me how you're feeling and I'll help you explore your emotions!
Tell me how you&apos;re feeling and I&apos;ll help you explore your emotions!
</p>
</div>
) : (
Expand Down
Loading
Loading