diff --git a/src/app/page.tsx b/src/app/page.tsx index 409f984..d5ca416 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -18,6 +18,9 @@ import { Shield, Sparkles, Star, + Home, + User, + Settings, } from "lucide-react"; export default function LandingPage() { @@ -66,19 +69,19 @@ export default function LandingPage() { { text: "Appointments", href: "#contact" }, ], sidebarItems: [ - { icon: "Home", active: true }, - { icon: "User", active: false }, - { icon: "Settings", active: false }, + { icon: Home, active: true }, + { icon: User, active: false }, + { icon: Settings, active: false }, ], stats: [ { - title: "Clients Served", values: ["2500", "3200", "4100"], + title: "Clients Served", values: [2500, 3200, 4100], description: "Loyal customers"}, { - title: "Rating", values: ["4.8", "4.9", "5.0"], + title: "Rating", values: [4.8, 4.9, 5.0], valueSuffix: "/5", description: "Customer satisfaction"}, { - title: "Years Experience", values: ["8", "12", "15"], + title: "Years Experience", values: [8, 12, 15], description: "Master craftsmen"}, ], chartTitle: "Monthly Bookings", chartData: [ @@ -90,11 +93,11 @@ export default function LandingPage() { ], listTitle: "Recent Services", listItems: [ { - icon: "Scissors", title: "Premium Fade Cut", status: "Completed"}, + icon: Scissors, title: "Premium Fade Cut", status: "Completed"}, { - icon: "Droplet", title: "Beard Shaping", status: "Completed"}, + icon: Droplet, title: "Beard Shaping", status: "Completed"}, { - icon: "Sparkles", title: "Full Grooming", status: "In Progress"}, + icon: Sparkles, title: "Full Grooming", status: "In Progress"}, ], searchPlaceholder: "Search services...", videoSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg"}} />