Switch to version 1: remove src/app/dashboard/page.tsx
This commit is contained in:
@@ -1,89 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ContactForm from '@/components/form/ContactForm';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Settings, Save, List, BrainCircuit, User } from "lucide-react";
|
||||
|
||||
export default function DashboardPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Dashboard", id: "/dashboard" },
|
||||
{ name: "Home", id: "/" }
|
||||
]}
|
||||
brandName="HabitFlow"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<main className="min-h-screen pt-24 px-6 md:px-12 pb-20">
|
||||
<div className="max-w-6xl mx-auto space-y-12">
|
||||
<header className="flex items-center justify-between">
|
||||
<div>
|
||||
<h1 className="text-4xl font-bold">Dashboard</h1>
|
||||
<p className="text-lg opacity-70">Manage your content and AI preferences.</p>
|
||||
</div>
|
||||
<div className="p-3 rounded-full bg-accent/10">
|
||||
<User size={24} />
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<div className="p-8 rounded-2xl bg-card border shadow-sm">
|
||||
<h2 className="text-xl font-semibold mb-6 flex items-center gap-2"><Save /> Saved Content</h2>
|
||||
<div className="space-y-4">
|
||||
<div className="p-4 rounded-xl bg-background border">Habit Streak Data - March</div>
|
||||
<div className="p-4 rounded-xl bg-background border">Weekly Goal Progress</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="p-8 rounded-2xl bg-card border shadow-sm">
|
||||
<h2 className="text-xl font-semibold mb-6 flex items-center gap-2"><BrainCircuit /> AI Summary Mode</h2>
|
||||
<select className="w-full p-3 rounded-lg border bg-background">
|
||||
<option>Concise Summary</option>
|
||||
<option>Detailed Breakdown</option>
|
||||
<option>Action-Oriented</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ContactForm
|
||||
title="Quick Input"
|
||||
description="Add new items to your dashboard database directly."
|
||||
tag="New Entry"
|
||||
tagIcon={List}
|
||||
className="border rounded-2xl p-8"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="HabitFlow"
|
||||
columns={[
|
||||
{ title: "Support", items: [{ label: "Documentation", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user