30 lines
1.2 KiB
TypeScript
30 lines
1.2 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||
import { User, Coffee, Star } from "lucide-react";
|
||
|
||
export default function UserPanelPage() {
|
||
return (
|
||
<ThemeProvider>
|
||
<NavbarStyleFullscreen
|
||
navItems={[{ name: "Ana Sayfa", id: "/" }, { name: "Hakkımızda", id: "/about" }, { name: "Menü", id: "/#products" }, { name: "İletişim", id: "/contact" }, { name: "Profil", id: "/user-panel" }]}
|
||
brandName="Neşve Cafe"
|
||
/>
|
||
<div className="pt-32 pb-20 px-6">
|
||
<h1 className="text-4xl font-bold mb-10 text-center">Kullanıcı Paneli</h1>
|
||
<MetricCardThree
|
||
title="Hesap Özeti"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
metrics={[
|
||
{ id: "1", icon: User, title: "Üyelik", value: "Aktif" },
|
||
{ id: "2", icon: Coffee, title: "Toplam Sipariş", value: "42" },
|
||
{ id: "3", icon: Star, title: "Puanlar", value: "1250" }
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |