Files
8968c606-7ebc-44fb-ae40-4fd…/src/app/admin/page.tsx
2026-06-08 13:48:14 +00:00

100 lines
3.2 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FaqBase from '@/components/sections/faq/FaqBase';
export default function AdminPage() {
const navItems = [
{ name: "Return Policy", id: "/return-policy" },
{ name: "Admin", id: "/admin" }
];
const footerColumns = [
{
title: "Support", items: [
{ label: "Return Policy", href: "/return-policy" }
]
},
{
title: "Legal", items: [
{ label: "Return Policy", href: "/return-policy" }
]
}
];
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="grid"
cardStyle="subtle-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="OLIVA"
navItems={navItems}
/>
</div>
<div id="admin-intro" data-section="admin-intro">
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "Welcome, Admin" }
]}
useInvertedBackground={true}
buttons={[
{ text: "View Reports", href: "/admin" }
]}
/>
</div>
<div id="admin-tasks" data-section="admin-tasks">
<FaqBase
title="Quick Admin Actions"
description="Access essential tools and information for platform management."
animationType="smooth"
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
faqs={[
{ id: "task1", title: "Manage Orders", content: "Process new orders, update shipping statuses, and handle returns." },
{ id: "task2", title: "Update Product Inventory", content: "Adjust stock levels, add new products, and modify existing listings." },
{ id: "task3", title: "User Management", content: "View user profiles, manage permissions, and assist with account issues." }
]}
/>
</div>
<div id="admin-resources" data-section="admin-resources">
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "Admin Resources" }
]}
useInvertedBackground={true}
buttons={[
{ text: "Documentation", href: "/admin" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
logoText="OLIVA"
imageSrc="http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224680.jpg?_wi=9"
imageAlt="OLIVA fashion brand elegant minimal"
columns={footerColumns}
copyrightText="© 2024 OLIVA | All Rights Reserved."
/>
</div>
</ThemeProvider>
);
}