diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
new file mode 100644
index 0000000..b2e9040
--- /dev/null
+++ b/src/app/admin/page.tsx
@@ -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>
+    );
+}