Initial commit: Meshkee dashboards monorepo.

Includes business, customer, and super-admin apps with shared packages and production deploy scripts. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-08-11 22:30:58 +04:30 · 2026-07-22 13:48:53 +03:30
commit f566387c61
509 changed files with 62690 additions and 0 deletions
@@ -0,0 +1,105 @@
+import { CalendarDays } from 'lucide-react'
+import {
+  ShoppingBag,
+  Store,
+  Users,
+  Settings,
+  FileText,
+  Briefcase,
+  Globe,
+} from 'lucide-react'
+import { useAuth } from '../context/AuthContext'
+import { SectionCard } from '../components/SectionCard'
+import styles from '../components/PageContent.module.css'
+
+const sections = [
+  {
+    icon: ShoppingBag,
+    title: 'Products',
+    description: 'Manage your products, inventory and categories.',
+    linkText: 'View products',
+    href: '/products',
+  },
+  {
+    icon: Store,
+    title: 'Store',
+    description: 'Manage your store settings, pages and themes.',
+    linkText: 'View store',
+    href: '/store',
+  },
+  {
+    icon: Users,
+    title: 'Customers',
+    description: 'View and manage your customers and their activity.',
+    linkText: 'View customers',
+    href: '/customers',
+  },
+  {
+    icon: Settings,
+    title: 'Settings',
+    description: 'Configure your store preferences and system settings.',
+    linkText: 'View settings',
+    href: '/settings',
+  },
+  {
+    icon: FileText,
+    title: 'Blog',
+    description: 'Create and manage blog posts and categories.',
+    linkText: 'View blog',
+    href: '/blog',
+  },
+  {
+    icon: Briefcase,
+    title: 'Portfolios',
+    description: 'Manage your portfolio items and showcase projects.',
+    linkText: 'View portfolios',
+    href: '/portfolios',
+  },
+  {
+    icon: Globe,
+    title: 'Website',
+    description: 'Manage contact forms, FAQ, badges, subscriptions, and e-payment.',
+    linkText: 'View website',
+    href: '/website',
+  },
+]
+
+function getFormattedDate() {
+  return new Intl.DateTimeFormat('en-US', {
+    month: 'long',
+    day: 'numeric',
+    year: 'numeric',
+    weekday: 'long',
+  }).format(new Date())
+}
+
+export function HomePage() {
+  const { user } = useAuth()
+  const firstName = user?.firstName || 'there'
+
+  return (
+    <main className={styles.content}>
+      <div className={styles.pageHeader}>
+        <div>
+          <h2 className={styles.pageTitle}>
+            Welcome back, {firstName}! <span aria-hidden="true">👋</span>
+          </h2>
+          <p className={styles.pageSubtitle}>
+            Here&apos;s what&apos;s happening with your store today.
+          </p>
+        </div>
+
+        <div className={styles.dateBadge}>
+          <CalendarDays size={16} />
+          <span>{getFormattedDate()}</span>
+        </div>
+      </div>
+
+      <div className={styles.gridHome}>
+        {sections.map((section) => (
+          <SectionCard key={section.title} {...section} />
+        ))}
+      </div>
+    </main>
+  )
+}