101 lines
6.1 KiB
TypeScript
101 lines
6.1 KiB
TypeScript
"use client";
|
|
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroSignup from '@/components/sections/hero/HeroSignup';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Settings, Workflow, Home, Users, UserPlus, CreditCard, Star, Globe, ClipboardEdit, Gift, ShieldAlert, BarChart2, Monitor } from "lucide-react";
|
|
|
|
export default function AdminPage() {
|
|
const navItems = [
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Docs", href: "/docs" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Admin", href: "/admin" }
|
|
];
|
|
|
|
const managementFeatures = [
|
|
{
|
|
title: "Salon Management", description: "Manage salon profiles, services, schedules, and capacity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature1.webp", imageAlt: "Salon Management"
|
|
},
|
|
{
|
|
title: "Barber Management", description: "Oversee barber profiles, availability, performance, and commission.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature2.webp", imageAlt: "Barber Management"
|
|
},
|
|
{
|
|
title: "Client Management", description: "Handle client accounts, booking history, preferences, and communication.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature3.webp", imageAlt: "Client Management"
|
|
},
|
|
{
|
|
title: "Payment Management", description: "Track transactions, process refunds, manage subscriptions, and view financial reports.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature4.webp", imageAlt: "Payment Management"
|
|
},
|
|
{
|
|
title: "Review Management", description: "Monitor customer feedback, respond to reviews, and manage ratings.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature5.webp", imageAlt: "Review Management"
|
|
},
|
|
{
|
|
title: "Language Management", description: "Control multi-language support for the platform and content.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature6.webp", imageAlt: "Language Management"
|
|
},
|
|
{
|
|
title: "Content Management", description: "Update and manage website content, promotions, and announcements.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature1.webp", imageAlt: "Content Management"
|
|
},
|
|
{
|
|
title: "Promotion Management", description: "Create, schedule, and track marketing campaigns and discounts.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature2.webp", imageAlt: "Promotion Management"
|
|
},
|
|
{
|
|
title: "Fraud Detection", description: "Implement tools and alerts to detect and prevent fraudulent activities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature3.webp", imageAlt: "Fraud Detection"
|
|
},
|
|
{
|
|
title: "Global Analytics", description: "Access comprehensive data insights and reports for informed decision-making.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature4.webp", imageAlt: "Global Analytics"
|
|
},
|
|
{
|
|
title: "System Monitoring", description: "Monitor system health, performance, and security in real-time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature5.webp", imageAlt: "System Monitoring"
|
|
}
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<NavbarStyleFullscreen
|
|
navItems={navItems}
|
|
brandName="AgentFlow"
|
|
bottomLeftText="Build Smarter"
|
|
bottomRightText="hello@agentflow.ai"
|
|
/>
|
|
<HeroSignup
|
|
background={{ variant: "canvas-reveal" }}
|
|
tag="Management Platform"
|
|
tagIcon={Settings}
|
|
title="Super Admin Panel"
|
|
description="Centralized control for salon and barber operations, client management, payments, and global analytics."
|
|
buttons={[
|
|
{ text: "Access Panel", href: "#" }
|
|
]}
|
|
/>
|
|
<FeatureCardSix
|
|
tag="Key Modules"
|
|
tagIcon={Workflow}
|
|
title="Comprehensive Management Features"
|
|
description="Our Super Admin Panel offers a complete suite of tools to efficiently manage every aspect of your business."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={managementFeatures.map(f => ({
|
|
title: f.title,
|
|
description: f.description,
|
|
imageSrc: f.imageSrc,
|
|
imageAlt: f.imageAlt,
|
|
buttons: [{ text: "Learn More", href: "#" }]
|
|
}))}
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
}
|