diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..0fbef5e --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,245 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; +import HeroLogo from '@/components/sections/hero/HeroLogo'; +import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; +import FeatureCardTen from '@/components/sections/feature/FeatureCardTen'; +import TeamCardTwo from '@/components/sections/team/TeamCardTwo'; +import ContactCenter from '@/components/sections/contact/ContactCenter'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import { Heart, Users } from "lucide-react"; +import { Linkedin, Twitter, Globe } from "lucide-react"; + +export default function AboutPage() { + return ( + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + ); +} diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx new file mode 100644 index 0000000..4583178 --- /dev/null +++ b/src/app/admin/page.tsx @@ -0,0 +1,281 @@ +"use client"; + +import { useState } from "react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import { BarChart3, Users, Heart, Settings, LogOut, Menu, X } from "lucide-react"; + +export default function AdminPage() { + const [sidebarOpen, setSidebarOpen] = useState(true); + const [activeTab, setActiveTab] = useState("dashboard"); + + const stats = [ + { label: "Total Pets", value: "234", icon: Heart, color: "#15479c" }, + { label: "Active Adoptions", value: "42", icon: Users, color: "#0a7039" }, + { label: "Pending Applications", value: "18", icon: BarChart3, color: "#e63946" }, + ]; + + return ( + + + +
+
+ {/* Sidebar */} +
+
+ {sidebarOpen &&

Admin

} + +
+ + + +
+ +
+
+ + {/* Main Content */} +
+ {/* Header */} +
+

Admin Dashboard

+

Welcome back! Here's what's happening with your shelter today.

+
+ + {/* Stats Grid */} + {activeTab === "dashboard" && ( +
+
+ {stats.map((stat, index) => { + const Icon = stat.icon; + return ( +
+
+
+

{stat.label}

+

{stat.value}

+
+
+ +
+
+
+ ); + })} +
+ + {/* Recent Activity */} +
+

Recent Activity

+
+ {[ + { action: "New adoption application", pet: "Luna", time: "2 hours ago" }, + { action: "Pet added to system", pet: "Max", time: "4 hours ago" }, + { action: "Volunteer registered", pet: "Sarah M.", time: "6 hours ago" }, + { action: "Adoption completed", pet: "Whiskers", time: "1 day ago" }, + ].map((item, idx) => ( +
+
+

{item.action}

+

{item.pet}

+
+ {item.time} +
+ ))} +
+
+
+ )} + + {/* Manage Pets Tab */} + {activeTab === "pets" && ( +
+
+

Manage Pets

+ +
+
+ + + + + + + + + + + {[ + { name: "Luna", type: "Dog", status: "Available" }, + { name: "Whiskers", type: "Cat", status: "Adopted" }, + { name: "Max", type: "Dog", status: "Available" }, + ].map((pet, idx) => ( + + + + + + + ))} + +
Pet NameTypeStatusActions
{pet.name}{pet.type} + + {pet.status} + + + +
+
+
+ )} + + {/* Users Tab */} + {activeTab === "users" && ( +
+

User Management

+
+ {[ + { name: "Sarah Martinez", role: "Adopter", status: "Active" }, + { name: "John Volunteer", role: "Volunteer", status: "Active" }, + { name: "Dr. Smith", role: "Veterinarian", status: "Active" }, + ].map((user, idx) => ( +
+
+

{user.name}

+

{user.role}

+
+ + {user.status} + +
+ ))} +
+
+ )} + + {/* Settings Tab */} + {activeTab === "settings" && ( +
+

Settings

+
+
+ + +
+
+ + +
+
+ + +
+ +
+
+ )} +
+
+
+ + + + ); +} diff --git a/src/app/customers/page.tsx b/src/app/customers/page.tsx new file mode 100644 index 0000000..4b53a6b --- /dev/null +++ b/src/app/customers/page.tsx @@ -0,0 +1,145 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; +import HeroLogo from '@/components/sections/hero/HeroLogo'; +import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne'; +import ContactCenter from '@/components/sections/contact/ContactCenter'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import { Heart } from "lucide-react"; + +export default function CustomersPage() { + return ( + + + +
+ +
+ +
+ +
+ +
+ +
+ + + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 244b11f..7b5b5e4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -28,7 +28,7 @@ export default function LandingPage() {