Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| bf5dcf34f7 | |||
| 668d1d3894 | |||
| f7d58cc13c | |||
| b43ef7d162 |
38
src/app/admin/dashboard/page.tsx
Normal file
38
src/app/admin/dashboard/page.tsx
Normal file
@@ -0,0 +1,38 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { LayoutDashboard, Users, Scissors, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function AdminDashboardPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div className="min-h-screen bg-background p-8">
|
||||
<h1 className="text-3xl font-bold mb-8">Admin Dashboard</h1>
|
||||
<div className="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
|
||||
{[
|
||||
{ icon: LayoutDashboard, title: "Overview" },
|
||||
{ icon: Users, title: "Clients" },
|
||||
{ icon: Scissors, title: "Services" },
|
||||
{ icon: TrendingUp, title: "Analytics" }
|
||||
].map((item) => (
|
||||
<div key={item.title} className="p-6 rounded-lg bg-card border shadow-sm">
|
||||
<item.icon className="mb-4 text-accent" />
|
||||
<h2 className="font-semibold">{item.title}</h2>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
277
src/app/page.tsx
277
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Login",
|
||||
id: "login",
|
||||
},
|
||||
name: "Admin", id: "/admin/dashboard"},
|
||||
]}
|
||||
brandName="Elegance Salon"
|
||||
/>
|
||||
@@ -55,45 +47,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Experience Timeless Beauty"
|
||||
description="Unlock exclusive rewards, book your session, and manage your beauty journey with Elegance Salon."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "Login",
|
||||
href: "#",
|
||||
},
|
||||
text: "Login", href: "#"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg?_wi=1",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg?_wi=1", imageAlt: "Salon Interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=1",
|
||||
imageAlt: "Spa Treatment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=1", imageAlt: "Spa Treatment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg?_wi=1",
|
||||
imageAlt: "Professional Service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg",
|
||||
imageAlt: "Salon Setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4199.jpg",
|
||||
imageAlt: "Spa Room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205861.jpg",
|
||||
imageAlt: "Expertise",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg?_wi=1", imageAlt: "Professional Service"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -106,42 +75,8 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Hydrating Facial",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263208.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Luxury Manicure",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Deep Tissue Massage",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drag-queen-accessory-with-feathers_23-2149434565.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Hair Coloring",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-with-hands-posing-with-plants_23-2149628187.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Full Body Waxing",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decoration-details-modern-wellness-center-with-flower-vase-candles_1139-1699.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Bridal Makeup",
|
||||
price: "$200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-bathroom_1157-20467.jpg",
|
||||
},
|
||||
{ id: "s1", name: "Hydrating Facial", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263208.jpg" },
|
||||
{ id: "s2", name: "Luxury Manicure", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg" },
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Premium treatments tailored to bring out your inner and outer glow."
|
||||
@@ -154,18 +89,8 @@ export default function LandingPage() {
|
||||
title="About Elegance Salon"
|
||||
description="Dedicated to enhancing your natural beauty with premium products and personalized care in a relaxing environment."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "5+",
|
||||
title: "Expert Stylists",
|
||||
},
|
||||
{
|
||||
value: "12",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{ value: "10k+", title: "Happy Clients" },
|
||||
{ value: "5+", title: "Expert Stylists" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-lying-lounger-wellness-center_23-2147867939.jpg?_wi=1"
|
||||
imageAlt="Salon About"
|
||||
@@ -180,21 +105,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "Bronze Tier",
|
||||
description: "Start earning points on every service booking.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Silver Tier",
|
||||
description: "Unlock 10% discount on selected beauty products.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Gold Tier",
|
||||
description: "Priority booking and exclusive birthday surprises.",
|
||||
},
|
||||
{ icon: Star, title: "Bronze Tier", description: "Start earning points on every service booking." },
|
||||
{ icon: Award, title: "Silver Tier", description: "Unlock 10% discount on selected beauty products." },
|
||||
]}
|
||||
title="Exclusive Loyalty Perks"
|
||||
description="Join our membership program to earn rewards with every visit. Tiered status means more savings."
|
||||
@@ -206,61 +118,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "Oct 2023",
|
||||
title: "Great Service",
|
||||
quote: "The most professional salon experience I've had. My skin feels amazing!",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095362.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg?_wi=2",
|
||||
imageAlt: "happy beauty salon client portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Emily Chen",
|
||||
date: "Sept 2023",
|
||||
title: "Amazing Results",
|
||||
quote: "The rewards system is so easy to use, and I love the Gold tier perks.",
|
||||
tag: "Gold Member",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=2",
|
||||
imageAlt: "happy beauty salon client portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jessica Lee",
|
||||
date: "Aug 2023",
|
||||
title: "Highly Recommend",
|
||||
quote: "My go-to place for monthly facials and hair care. Simply perfection.",
|
||||
tag: "Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg?_wi=2",
|
||||
imageAlt: "happy beauty salon client portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Amanda Smith",
|
||||
date: "July 2023",
|
||||
title: "Top Notch",
|
||||
quote: "Incredible expertise and welcoming staff. Definitely coming back.",
|
||||
tag: "VIP",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8274.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-lying-lounger-wellness-center_23-2147867939.jpg?_wi=2",
|
||||
imageAlt: "happy beauty salon client portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe Johnson",
|
||||
date: "June 2023",
|
||||
title: "Total Refresh",
|
||||
quote: "The loyalty points accumulate so quickly! Love the transparency.",
|
||||
tag: "Silver Member",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-charming-smiling-tanned-brunette-woman-white-t-shirt-sitting-rattand-armchair_197531-22786.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-having-fun-summertime_23-2149479134.jpg",
|
||||
imageAlt: "happy beauty salon client portrait",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", date: "Oct 2023", title: "Great Service", quote: "The most professional salon experience I've had. My skin feels amazing!", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095362.jpg" },
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="Hear what our loyal clients have to say about their experience with us."
|
||||
@@ -273,21 +131,7 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Camera,
|
||||
title: "Radiant Skin",
|
||||
description: "Stunning results from our signature facial treatments.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Hair Makeovers",
|
||||
description: "Healthy, vibrant hair color transformations.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Nail Art",
|
||||
description: "Exquisite nail designs for every occasion.",
|
||||
},
|
||||
{ icon: Camera, title: "Radiant Skin", description: "Stunning results from our signature facial treatments." },
|
||||
]}
|
||||
title="Our Transformations"
|
||||
description="Take a peek at our before and after gallery showing real results."
|
||||
@@ -299,21 +143,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I join the loyalty program?",
|
||||
content: "Simply register your phone number at the counter and start earning on your next visit.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How can I check my points?",
|
||||
content: "Log in to your dashboard to view your current points and membership level instantly.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I transfer my points?",
|
||||
content: "Points are non-transferable and are linked to your unique member account.",
|
||||
},
|
||||
{ id: "q1", title: "How do I join the loyalty program?", content: "Simply register your phone number at the counter and start earning on your next visit." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about your loyalty account or services? We have answers."
|
||||
@@ -324,20 +154,8 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready for your beauty transformation? Visit us today or chat with us on WhatsApp."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -345,57 +163,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Elegance Salon"
|
||||
columns={[
|
||||
{
|
||||
title: "Salon",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Loyalty",
|
||||
items: [
|
||||
{
|
||||
label: "My Account",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Rewards",
|
||||
href: "#rewards",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Location",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Salon", items: [{ label: "Services", href: "#services" }] },
|
||||
{ title: "Admin", items: [{ label: "Dashboard", href: "/admin/dashboard" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Elegance Salon. All rights reserved."
|
||||
/>
|
||||
@@ -403,4 +172,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user