init: lab project bootstrapped from isletmem-kovakcrm
- CRM domain modules removed (customers, services, software, calendar, tasks, invoices, leads, finance, etc.)
- DLS branding: package name=lab, logo wordmark, sidebar nav, header CTA
- Tenant layer extended with kind dimension (lab|clinic) + requireTenantKind helper
- Schema rewritten for DLS domain: jobs, job_files, job_status_history, prosthetics, connections, finance_entries, notifications
- Onboarding form: clinic/lab account-type selection + auto-generated memberNumber
- Placeholder routes for jobs/{inbound,outbound,new}, products, finance, connections
- PDF spec + spec.md under belgeler/
- db: lab database + 13 collections + indexes + storage bucket (job-files) provisioned via Appwrite MCP
Ref: belgeler/dls-ui-tasarim.pdf
This commit is contained in:
@@ -0,0 +1,143 @@
|
||||
"use client"
|
||||
|
||||
import {
|
||||
Shield,
|
||||
BarChart3,
|
||||
Database,
|
||||
Building2,
|
||||
Rocket,
|
||||
Settings,
|
||||
Zap,
|
||||
Package,
|
||||
Layout,
|
||||
Crown,
|
||||
Palette
|
||||
} from 'lucide-react'
|
||||
|
||||
const menuSections = [
|
||||
{
|
||||
title: 'Browse Products',
|
||||
items: [
|
||||
{
|
||||
title: 'Free Blocks',
|
||||
description: 'Essential UI components and sections',
|
||||
icon: Package,
|
||||
href: '#free-blocks'
|
||||
},
|
||||
{
|
||||
title: 'Premium Templates',
|
||||
description: 'Complete page templates and layouts',
|
||||
icon: Crown,
|
||||
href: '#premium-templates'
|
||||
},
|
||||
{
|
||||
title: 'Admin Dashboards',
|
||||
description: 'Full-featured dashboard solutions',
|
||||
icon: BarChart3,
|
||||
href: '#admin-dashboards'
|
||||
},
|
||||
{
|
||||
title: 'Landing Pages',
|
||||
description: 'Marketing and product landing templates',
|
||||
icon: Layout,
|
||||
href: '#landing-pages'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'Categories',
|
||||
items: [
|
||||
{
|
||||
title: 'E-commerce',
|
||||
description: 'Online store admin panels and components',
|
||||
icon: Building2,
|
||||
href: '#ecommerce'
|
||||
},
|
||||
{
|
||||
title: 'SaaS Dashboards',
|
||||
description: 'Application admin interfaces',
|
||||
icon: Rocket,
|
||||
href: '#saas-dashboards'
|
||||
},
|
||||
{
|
||||
title: 'Analytics',
|
||||
description: 'Data visualization and reporting templates',
|
||||
icon: BarChart3,
|
||||
href: '#analytics'
|
||||
},
|
||||
{
|
||||
title: 'Authentication',
|
||||
description: 'Login, signup, and user management pages',
|
||||
icon: Shield,
|
||||
href: '#authentication'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'Resources',
|
||||
items: [
|
||||
{
|
||||
title: 'Documentation',
|
||||
description: 'Integration guides and setup instructions',
|
||||
icon: Database,
|
||||
href: '#docs'
|
||||
},
|
||||
{
|
||||
title: 'Component Showcase',
|
||||
description: 'Interactive preview of all components',
|
||||
icon: Palette,
|
||||
href: '#showcase'
|
||||
},
|
||||
{
|
||||
title: 'GitHub Repository',
|
||||
description: 'Open source foundation and community',
|
||||
icon: Settings,
|
||||
href: '#github'
|
||||
},
|
||||
{
|
||||
title: 'Design System',
|
||||
description: 'shadcn/ui standards and customization',
|
||||
icon: Zap,
|
||||
href: '#design-system'
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
export function MegaMenu() {
|
||||
return (
|
||||
<div className="w-[700px] max-w-[95vw] p-4 sm:p-6 lg:p-8 bg-background">
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8 lg:gap-12">
|
||||
{menuSections.map((section) => (
|
||||
<div key={section.title} className="space-y-4 lg:space-y-6">
|
||||
{/* Section Header */}
|
||||
<h3 className="text-sm font-medium text-muted-foreground uppercase tracking-wide">
|
||||
{section.title}
|
||||
</h3>
|
||||
|
||||
{/* Section Links */}
|
||||
<div className="space-y-3 lg:space-y-4">
|
||||
{section.items.map((item) => (
|
||||
<a
|
||||
key={item.title}
|
||||
href={item.href}
|
||||
className="group block space-y-1 lg:space-y-2 hover:bg-accent rounded-md p-2 lg:p-3 -mx-2 lg:-mx-3 transition-colors my-0"
|
||||
>
|
||||
<div className="flex items-center gap-2 lg:gap-3">
|
||||
<item.icon className="w-4 h-4 text-muted-foreground group-hover:text-primary transition-colors" />
|
||||
<span className="text-sm font-medium text-foreground group-hover:text-primary transition-colors">
|
||||
{item.title}
|
||||
</span>
|
||||
</div>
|
||||
<p className="text-xs text-muted-foreground leading-relaxed ml-6 lg:ml-7">
|
||||
{item.description}
|
||||
</p>
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user