Merge version_4 into main #7
@@ -11,15 +11,8 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { useState } from 'react';
|
||||
|
||||
export default function LandingPage() {
|
||||
const [requests] = useState([
|
||||
{ id: 'REQ-001', name: 'John Doe', status: 'Pending', date: '2025-05-15' },
|
||||
{ id: 'REQ-002', name: 'Jane Smith', status: 'In Review', date: '2025-05-16' },
|
||||
{ id: 'REQ-003', name: 'Bob Johnson', status: 'Completed', date: '2025-05-17' },
|
||||
]);
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -38,7 +31,6 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Dashboard", id: "admin" },
|
||||
{ name: "Tarief", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
@@ -46,39 +38,6 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="admin" data-section="admin" className="py-20 px-8">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<h2 className="text-3xl font-bold mb-8">VSO Intake Requests</h2>
|
||||
<div className="overflow-x-auto shadow-md rounded-lg">
|
||||
<table className="w-full text-left">
|
||||
<thead className="bg-accent text-foreground">
|
||||
<tr>
|
||||
<th className="p-4">Request ID</th>
|
||||
<th className="p-4">Name</th>
|
||||
<th className="p-4">Date</th>
|
||||
<th className="p-4">Status</th>
|
||||
<th className="p-4">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{requests.map((req) => (
|
||||
<tr key={req.id} className="border-b border-accent">
|
||||
<td className="p-4">{req.id}</td>
|
||||
<td className="p-4">{req.name}</td>
|
||||
<td className="p-4">{req.date}</td>
|
||||
<td className="p-4 font-semibold text-primary-cta">{req.status}</td>
|
||||
<td className="p-4 flex gap-2">
|
||||
<button className="px-3 py-1 bg-primary-cta text-white rounded text-sm">View</button>
|
||||
<button className="px-3 py-1 bg-background-accent text-white rounded text-sm">Edit</button>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Laat je VSO controleren door arbeidsrecht juristen"
|
||||
|
||||
Reference in New Issue
Block a user