-
+
- Laravel Starter Kit
+ Dutch Drone Squad
+
+
+ Platform
diff --git a/resources/js/components/app-sidebar.tsx b/resources/js/components/app-sidebar.tsx
index a38aa1d..009aebd 100644
--- a/resources/js/components/app-sidebar.tsx
+++ b/resources/js/components/app-sidebar.tsx
@@ -1,5 +1,14 @@
import { Link } from '@inertiajs/react';
-import { BookOpen, FolderGit2, LayoutGrid } from 'lucide-react';
+import {
+ CalendarDays,
+ ClipboardList,
+ Home,
+ LayoutDashboard,
+ LifeBuoy,
+ MapPin,
+ Newspaper,
+ ShieldCheck,
+} from 'lucide-react';
import AppLogo from '@/components/app-logo';
import { NavFooter } from '@/components/nav-footer';
import { NavMain } from '@/components/nav-main';
@@ -13,27 +22,52 @@ import {
SidebarMenuButton,
SidebarMenuItem,
} from '@/components/ui/sidebar';
-import { dashboard } from '@/routes';
+import { dashboard, home } from '@/routes';
import type { NavItem } from '@/types';
const mainNavItems: NavItem[] = [
{
- title: 'Dashboard',
+ title: 'Overzicht',
href: dashboard(),
- icon: LayoutGrid,
+ icon: LayoutDashboard,
+ },
+ {
+ title: 'Events',
+ href: `${dashboard.url()}#events`,
+ icon: CalendarDays,
+ },
+ {
+ title: 'Projecten',
+ href: `${dashboard.url()}#projects`,
+ icon: ClipboardList,
+ },
+ {
+ title: 'Nieuws',
+ href: `${dashboard.url()}#news`,
+ icon: Newspaper,
+ },
+ {
+ title: 'Locaties',
+ href: `${dashboard.url()}#locations`,
+ icon: MapPin,
},
];
const footerNavItems: NavItem[] = [
{
- title: 'Repository',
- href: 'https://github.com/laravel/react-starter-kit',
- icon: FolderGit2,
+ title: 'Publieke site',
+ href: home(),
+ icon: Home,
+ },
+ {
+ title: 'Huisregels',
+ href: `${dashboard.url()}#house-rules`,
+ icon: ShieldCheck,
},
{
- title: 'Documentation',
- href: 'https://laravel.com/docs/starter-kits#react',
- icon: BookOpen,
+ title: 'Support',
+ href: `${dashboard.url()}#support`,
+ icon: LifeBuoy,
},
];
diff --git a/resources/js/components/nav-footer.tsx b/resources/js/components/nav-footer.tsx
index 8430e49..d48488c 100644
--- a/resources/js/components/nav-footer.tsx
+++ b/resources/js/components/nav-footer.tsx
@@ -1,3 +1,4 @@
+import { Link } from '@inertiajs/react';
import type { ComponentPropsWithoutRef } from 'react';
import {
SidebarGroup,
@@ -16,6 +17,9 @@ export function NavFooter({
}: ComponentPropsWithoutRef
& {
items: NavItem[];
}) {
+ const isExternal = (href: NavItem['href']) =>
+ toUrl(href).startsWith('http');
+
return (
-
- {item.icon && (
-
- )}
- {item.title}
-
+ {isExternal(item.href) ? (
+
+ {item.icon && (
+
+ )}
+ {item.title}
+
+ ) : (
+
+ {item.icon && (
+
+ )}
+ {item.title}
+
+ )}
))}
diff --git a/resources/js/layouts/public-layout.tsx b/resources/js/layouts/public-layout.tsx
new file mode 100644
index 0000000..bf14884
--- /dev/null
+++ b/resources/js/layouts/public-layout.tsx
@@ -0,0 +1,162 @@
+import { Link, usePage } from '@inertiajs/react';
+import type { ReactNode } from 'react';
+import AppLogo from '@/components/app-logo';
+import { cn } from '@/lib/utils';
+import { dashboard, home, login } from '@/routes';
+
+type PublicNavItem = {
+ title: string;
+ href: string;
+ current?: boolean;
+};
+
+const publicNavItems: PublicNavItem[] = [
+ { title: 'Events', href: '#events' },
+ { title: 'Projecten', href: '#projects' },
+ { title: 'Nieuws', href: '#news' },
+ { title: 'Over DDS', href: '#about' },
+ { title: 'Contact', href: '#contact' },
+];
+
+type Props = {
+ children: ReactNode;
+};
+
+export default function PublicLayout({ children }: Props) {
+ const { auth } = usePage().props;
+
+ return (
+
+
+
+
{children}
+
+
+
-
-
-
+
+
+
+
+
+ DDS beheer
+
+
+ Platformbasis voor Dutch Drone Squad
+
+
+ Gebruik dit startpunt om publieke content,
+ community-informatie en beheerprocessen verder
+ op te bouwen. De navigatie toont alvast de
+ hoofdgebieden van het platform.
+
+
+
+
+ Fase:
+ {' '}
+
+ basis ingericht
+
+
-
+
+
+
+ {operations.map((item) => (
+
+
+
+
+
+
+
+ {item.title}
+
+
+ {item.description}
+
+
+
+
+
+ {contentAreas.map((area) => (
+
+
+
+ {area.title}
+
+
+ {area.description}
+
+
+ {area.status}
+
+
+ ))}
+
+
+
+
+ Eerste beheerconventies
+
+
+
+ Publieke content krijgt duidelijke titels,
+ introteksten en vervolgstappen.
+
+
+ Beheerpagina's blijven compact, scanbaar en gericht
+ op herhaald gebruik.
+
+
+ Rollen en toegang blijven gekoppeld aan de
+ admin/editor basis.
+
);
@@ -29,7 +175,7 @@ export default function Dashboard() {
Dashboard.layout = {
breadcrumbs: [
{
- title: 'Dashboard',
+ title: 'Beheer',
href: dashboard(),
},
],
diff --git a/resources/js/pages/welcome.tsx b/resources/js/pages/welcome.tsx
index 3a99fce..f7ec5a3 100644
--- a/resources/js/pages/welcome.tsx
+++ b/resources/js/pages/welcome.tsx
@@ -1,382 +1,184 @@
import { Head, Link, usePage } from '@inertiajs/react';
+import {
+ CalendarDays,
+ CheckCircle2,
+ ClipboardList,
+ MapPin,
+ Newspaper,
+ Users,
+} from 'lucide-react';
import { dashboard, login } from '@/routes';
+const publicSections = [
+ {
+ id: 'events',
+ title: 'Events',
+ description:
+ 'Clubdagen, demo-vluchten en trainingen krijgen hier straks een vaste plek.',
+ icon: CalendarDays,
+ },
+ {
+ id: 'projects',
+ title: 'Projecten',
+ description:
+ 'Bouwverslagen, missies en experimenten worden vindbaar voor de community.',
+ icon: ClipboardList,
+ },
+ {
+ id: 'news',
+ title: 'Nieuws',
+ description:
+ 'Updates, aankondigingen en terugblikken vormen de publieke tijdlijn.',
+ icon: Newspaper,
+ },
+ {
+ id: 'about',
+ title: 'Community',
+ description:
+ 'DDS brengt dronevliegers, makers en partners samen rond veilig vliegen.',
+ icon: Users,
+ },
+];
+
+const principles = [
+ 'Veilig en verantwoord vliegen',
+ 'Kennis delen binnen de community',
+ 'Zichtbare activiteiten en projecten',
+];
+
export default function Welcome() {
const { auth } = usePage().props;
return (
<>
-
-
-
-