Merge version_1 into main #1
@@ -19,7 +19,7 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -52,7 +52,7 @@ export default function LandingPage() {
|
||||
{ text: "View Services", href: "features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
dashboard={{
|
||||
title: "Barbershop Excellence", logoIcon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2149220585.jpg", imageAlt: "Professional barber shop interior", buttons: [
|
||||
@@ -60,20 +60,23 @@ export default function LandingPage() {
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
sidebarItems: [
|
||||
{ icon: "Home", active: true },
|
||||
{ icon: "Scissors", active: false },
|
||||
{ icon: "Users", active: false },
|
||||
{ icon: Home, active: true },
|
||||
{ icon: Scissors, active: false },
|
||||
{ icon: Users, active: false },
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "Satisfied Customers", values: [500, 750, 1200],
|
||||
description: "Happy clients since 2015"},
|
||||
description: "Happy clients since 2015"
|
||||
},
|
||||
{
|
||||
title: "Expert Barbers", values: [3, 4, 5],
|
||||
description: "Certified professionals"},
|
||||
description: "Certified professionals"
|
||||
},
|
||||
{
|
||||
title: "Years Experience", values: [5, 7, 9],
|
||||
description: "Cutting edge expertise"},
|
||||
description: "Cutting edge expertise"
|
||||
},
|
||||
],
|
||||
chartTitle: "Booking Trend", chartData: [
|
||||
{ value: 60 },
|
||||
@@ -87,7 +90,8 @@ export default function LandingPage() {
|
||||
{ icon: Clock, title: "Beard Trim", status: "Scheduled" },
|
||||
{ icon: CheckCircle, title: "Straight Razor Shave", status: "Completed" },
|
||||
],
|
||||
searchPlaceholder: "Search services..."}}
|
||||
searchPlaceholder: "Search services..."
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -128,15 +132,18 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: "haircut", label: "Haircut", title: "Classic and Modern Styles", items: [
|
||||
"Fade haircuts with precision", "Modern styling techniques", "Personalized consultations", "Latest trend cuts"],
|
||||
"Fade haircuts with precision", "Modern styling techniques", "Personalized consultations", "Latest trend cuts"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "beard", label: "Beard Care", title: "Expert Beard Grooming", items: [
|
||||
"Beard shaping and sculpting", "Premium beard treatments", "Beard oil and maintenance", "Custom beard styling"],
|
||||
"Beard shaping and sculpting", "Premium beard treatments", "Beard oil and maintenance", "Custom beard styling"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "shave", label: "Shave", title: "Luxury Shaving Experience", items: [
|
||||
"Traditional straight razor shave", "Hot towel treatments", "Premium grooming products", "Relaxation and precision"],
|
||||
"Traditional straight razor shave", "Hot towel treatments", "Premium grooming products", "Relaxation and precision"
|
||||
],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -154,13 +161,17 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Oliver Martinez", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man-with-apron_23-2148366567.jpg", imageAlt: "Oliver Martinez, Master Barber"},
|
||||
id: "1", name: "Oliver Martinez", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man-with-apron_23-2148366567.jpg", imageAlt: "Oliver Martinez, Master Barber"
|
||||
},
|
||||
{
|
||||
id: "2", name: "James Chen", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg", imageAlt: "James Chen, Senior Barber"},
|
||||
id: "2", name: "James Chen", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg", imageAlt: "James Chen, Senior Barber"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Marcus Johnson", role: "Specialist Barber", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506285.jpg", imageAlt: "Marcus Johnson, Specialist Barber"},
|
||||
id: "3", name: "Marcus Johnson", role: "Specialist Barber", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506285.jpg", imageAlt: "Marcus Johnson, Specialist Barber"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Rodriguez", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985727.jpg", imageAlt: "David Rodriguez, Master Stylist"},
|
||||
id: "4", name: "David Rodriguez", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985727.jpg", imageAlt: "David Rodriguez, Master Stylist"
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -177,7 +188,8 @@ export default function LandingPage() {
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
names={[
|
||||
"Best Local Barbershop", "Excellence Award 2024", "Customer Choice", "Premium Service", "Master Craftsmanship", "Quality Guarantee", "Professional Excellence"]}
|
||||
"Best Local Barbershop", "Excellence Award 2024", "Customer Choice", "Premium Service", "Master Craftsmanship", "Quality Guarantee", "Professional Excellence"
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
|
||||
Reference in New Issue
Block a user