Add src/app/profile/page.tsx
This commit is contained in:
57
src/app/profile/page.tsx
Normal file
57
src/app/profile/page.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function ProfilePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="blurBottom"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "/#features" },
|
||||
{ name: "Shop", id: "/#products" },
|
||||
{ name: "Profile", id: "/profile" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="SwiftMarket"
|
||||
/>
|
||||
<main className="container mx-auto px-4 py-24 min-h-screen">
|
||||
<h1 className="text-4xl font-extrabold mb-8">Account Overview</h1>
|
||||
<div className="grid gap-8">
|
||||
<section className="p-6 rounded-xl border border-border bg-card">
|
||||
<h2 className="text-2xl font-semibold mb-4">Order History</h2>
|
||||
<p className="text-muted-foreground">No recent orders found.</p>
|
||||
</section>
|
||||
<section className="p-6 rounded-xl border border-border bg-card">
|
||||
<h2 className="text-2xl font-semibold mb-4">Saved Addresses</h2>
|
||||
<p className="text-muted-foreground">No saved addresses yet.</p>
|
||||
</section>
|
||||
<section className="p-6 rounded-xl border border-border bg-card">
|
||||
<h2 className="text-2xl font-semibold mb-4">Wishlist</h2>
|
||||
<p className="text-muted-foreground">Your wishlist is empty.</p>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
<FooterBaseCard
|
||||
logoText="SwiftMarket"
|
||||
columns={[]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user