Add src/app/admin/page.tsx
This commit is contained in:
100
src/app/admin/page.tsx
Normal file
100
src/app/admin/page.tsx
Normal file
@@ -0,0 +1,100 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user