INit
This commit is contained in:
30
resources/js/pages/product.tsx
Normal file
30
resources/js/pages/product.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
|
||||
import Layout from '@/layouts/client/layout';
|
||||
import { Head } from '@inertiajs/react';
|
||||
|
||||
export default function Product() {
|
||||
return (
|
||||
<>
|
||||
<Layout>
|
||||
<Head title="Our Products" />
|
||||
<section className="mx-auto flex max-w-screen-2xl flex-col gap-8 px-12 py-8">
|
||||
<h1 className="font-serif text-5xl font-medium tracking-tight">
|
||||
Our Exquisite Collections
|
||||
</h1>
|
||||
<Tabs defaultValue="account" className="w-[400px]">
|
||||
<TabsList>
|
||||
<TabsTrigger value="account">Account</TabsTrigger>
|
||||
<TabsTrigger value="password">Password</TabsTrigger>
|
||||
</TabsList>
|
||||
<TabsContent value="account">
|
||||
Make changes to your account here.
|
||||
</TabsContent>
|
||||
<TabsContent value="password">
|
||||
Change your password here.
|
||||
</TabsContent>
|
||||
</Tabs>
|
||||
</section>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user