@digilogiclabs/create-saas-app 2.8.0 → 2.9.0

package/src/templates/web/ui-auth-payments-audio/template/src/app/dashboard/page.tsx

@@ -1,21 +1,14 @@
 import { Suspense } from 'react'
-import { 
-  Button, 
-  Card, 
-  DashboardLayout,
-  CommandPalette,
-  Tour 
+import {
+  Button,
+  Card,
+  DashboardLayout
 } from '@digilogiclabs/saas-factory-ui'
-import { 
-  User, 
-  Settings, 
-  CreditCard, 
-  Activity,
-  Home,
-  Music,
-  Headphones,
-  Mic,
-  BarChart
+import {
+  User,
+  Settings,
+  CreditCard,
+  Activity
 } from 'lucide-react'
 import { requireAuth } from '@/lib/auth-server'
 import Link from 'next/link'
@@ -106,42 +99,8 @@ export default async function DashboardPage() {
   // Server-side authentication requirement
   const user = await requireAuth()
 
-  const sidebarNavigation = [
-    { name: 'Overview', href: '/dashboard', icon: Home, current: true },
-    { name: 'Audio Library', href: '/dashboard/library', icon: Music },
-    { name: 'Recording Studio', href: '/dashboard/studio', icon: Mic },
-    { name: 'Playback', href: '/dashboard/player', icon: Headphones },
-    { name: 'Analytics', href: '/dashboard/analytics', icon: BarChart },
-    { name: 'Settings', href: '/settings', icon: Settings },
-    { name: 'Billing', href: '/billing', icon: CreditCard }
-  ]
-
-  const tourSteps = [
-    {
-      target: '[data-tour="overview"]',
-      title: 'Audio Dashboard',
-      content: 'Welcome to your audio production dashboard. Manage your tracks and recordings here.'
-    },
-    {
-      target: '[data-tour="stats"]',
-      title: 'Audio Statistics',
-      content: 'View your audio production metrics and usage statistics.'
-    },
-    {
-      target: '[data-tour="actions"]',
-      title: 'Audio Tools',
-      content: 'Quick access to recording, mixing, and audio management tools.'
-    }
-  ]
-
   return (
-    <DashboardLayout
-      navigation={sidebarNavigation}
-      headerActions={[
-        <CommandPalette key="command-palette" />,
-        <Tour key="tour" steps={tourSteps} />
-      ]}
-    >
+    <DashboardLayout>
       <div className="min-h-screen bg-gray-50 dark:bg-gray-900">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
           {/* Header */}

package/src/templates/web/ui-auth-payments-audio/template/src/app/globals.css

@@ -1,96 +1,97 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/* Import SaaS Factory UI styles */
-@import '@digilogiclabs/saas-factory-ui/dist/index.css';
-
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 222.2 84% 4.9%;
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 84% 4.9%;
-    --primary: 221.2 83.2% 53.3%;
-    --primary-foreground: 210 40% 98%;
-    --secondary: 210 40% 96%;
-    --secondary-foreground: 222.2 84% 4.9%;
-    --border: 214.3 31.8% 91.4%;
-    --radius: 0.5rem;
-  }
-
-  .dark {
-    --background: 222.2 84% 4.9%;
-    --foreground: 210 40% 98%;
-    --card: 222.2 84% 4.9%;
-    --card-foreground: 210 40% 98%;
-    --primary: 217.2 91.2% 59.8%;
-    --primary-foreground: 222.2 84% 4.9%;
-    --secondary: 217.2 32.6% 17.5%;
-    --secondary-foreground: 210 40% 98%;
-    --border: 217.2 32.6% 17.5%;
-  }
-}
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}
-
-/* Custom animations for enhanced visual effects */
-@keyframes slide-down {
-  from {
-    opacity: 0;
-    transform: translateY(-10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes fade-in-up {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes marquee {
-  0% {
-    transform: translateX(100%);
-  }
-  100% {
-    transform: translateX(-100%);
-  }
-}
-
-.animate-slide-down {
-  animation: slide-down 0.6s ease-out;
-}
-
-.animate-fade-in-up {
-  animation: fade-in-up 0.6s ease-out;
-  animation-fill-mode: both;
-}
-
-.animate-marquee {
-  animation: marquee 20s linear infinite;
-}
-
-.animation-delay-2000 {
-  animation-delay: 2s;
-}
-
-.animation-delay-4000 {
-  animation-delay: 4s;
-}
-
+/* Import SaaS Factory UI styles */
+@import '@digilogiclabs/saas-factory-ui/dist/index.css';
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --primary: 221.2 83.2% 53.3%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96%;
+    --secondary-foreground: 222.2 84% 4.9%;
+    --border: 214.3 31.8% 91.4%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --primary: 217.2 91.2% 59.8%;
+    --primary-foreground: 222.2 84% 4.9%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+
+/* Custom animations for enhanced visual effects */
+@keyframes slide-down {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes fade-in-up {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes marquee {
+  0% {
+    transform: translateX(100%);
+  }
+  100% {
+    transform: translateX(-100%);
+  }
+}
+
+.animate-slide-down {
+  animation: slide-down 0.6s ease-out;
+}
+
+.animate-fade-in-up {
+  animation: fade-in-up 0.6s ease-out;
+  animation-fill-mode: both;
+}
+
+.animate-marquee {
+  animation: marquee 20s linear infinite;
+}
+
+.animation-delay-2000 {
+  animation-delay: 2s;
+}
+
+.animation-delay-4000 {
+  animation-delay: 4s;
+}
+