feat: rebrand app to Haver with Hebrew meaning in About section

src/app/layout.tsx

@@ -14,8 +14,8 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Prayer App",
-  description: "A personal prayer and praise journaling app",
+  title: "Haver - Prayer Companion",
+  description: "Your spiritual friend and prayer companion. Track your prayer journey and build a deeper connection with God.",
   manifest: "/manifest.json",
   icons: {
     icon: "/icon-192x192.png",

src/app/page.tsx

@@ -193,7 +193,7 @@ export default function Home() {
             </div>
           </div>
 
-          <h1 className="text-2xl font-bold text-white mb-2 animate-pulse">Prayer Journal</h1>
+          <h1 className="text-2xl font-bold text-white mb-2 animate-pulse">Haver</h1>
           <p className="text-gray-400 text-lg mb-4">Preparing your sacred space...</p>
 
           <div className="max-w-xs mx-auto">

src/components/AboutPage.tsx

@@ -17,11 +17,32 @@ export default function AboutPage({ userEmail }: AboutPageProps) {
         {/* Header */}
         <div className="text-center mb-8">
           <h1 className="text-4xl font-bold text-white mb-2">About</h1>
-          <p className="text-slate-400">Prayer Journal App</p>
+          <p className="text-slate-400">Haver - Your Prayer Companion</p>
         </div>
 
         {/* About Card */}
         <div className="bg-slate-800 rounded-lg shadow-sm p-4 space-y-6">
+          {/* Haver Meaning Section */}
+          <div className="border-b border-slate-700 pb-6">
+            <h2 className="text-lg font-semibold text-white mb-4">Haver חבר</h2>
+            <div className="space-y-3 text-sm text-slate-300">
+              <p>
+                <span className="font-semibold text-blue-400">Haver</span> is a Hebrew word (חבר) meaning 
+                <span className="italic"> "friend," "companion," or "associate."</span>
+              </p>
+              <p>
+                Pronounced: <span className="font-mono text-slate-400">ha-VER</span> (stress on the second syllable)
+              </p>
+              <p className="text-slate-400">
+                In Jewish culture, Haver represents the importance of building bonds and connections among peers. 
+                It reflects shared experiences and support within a community.
+              </p>
+              <p className="text-slate-400">
+                This app is your spiritual companion—a friend on your prayer journey, 
+                helping you connect with God and track your faith walk.
+              </p>
+            </div>
+          </div>
           {/* Account Section */}
           <div className="border-b border-slate-700 pb-6">
             <h2 className="text-lg font-semibold text-white mb-4">Account</h2>
@@ -37,7 +58,7 @@ export default function AboutPage({ userEmail }: AboutPageProps) {
           <div className="border-b border-slate-700 pb-6">
             <h2 className="text-lg font-semibold text-white mb-4">App Info</h2>
             <div className="space-y-2 text-sm text-slate-400">
-              <p>Prayer Journal v1.0</p>
+              <p>Haver v1.0</p>
               <p>A simple, private space for your daily prayers and reflections.</p>
             </div>
           </div>

src/components/BottomNav.tsx

@@ -46,7 +46,7 @@ export default function BottomNav({ activeTab, onTabChange }: BottomNavProps) {
       {/* Desktop Top Navigation */}
       <nav className="hidden md:fixed md:top-0 md:left-0 md:right-0 md:bg-white md:dark:bg-slate-800 md:border-b md:border-slate-200 md:dark:border-slate-700 md:z-50 md:flex md:items-center md:justify-between md:px-6 md:py-4">
         <div className="flex items-center gap-8">
-          <h1 className="text-2xl font-bold text-slate-900 dark:text-white">Prayer Journal</h1>
+          <h1 className="text-2xl font-bold text-slate-900 dark:text-white">Haver</h1>
           <div className="flex gap-1">
             {navItems.map(item => (
               <button

src/components/CalendarView.tsx

@@ -50,7 +50,7 @@ export default function CalendarView({ prayers, onDayClick }: CalendarViewProps)
         {/* Header */}
         <div className="text-center mb-8">
           <h1 className="text-4xl font-bold text-slate-900 dark:text-white mb-2">
-            Prayer Journal
+            Haver
           </h1>
           <p className="text-slate-600 dark:text-slate-400">
             Click on days with entries to view them

src/components/HomePage.tsx

@@ -105,7 +105,7 @@ export default function HomePage({ prayers, todayCount, onStartPraying, onSelect
         {/* Header */}
         <div className="max-w-md mx-auto mb-12">
           <h1 className="text-5xl font-bold text-white mb-2 bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent">
-            Prayer Journal
+            Haver
           </h1>
           <p className="text-slate-400">
             {new Date().toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric' })}