Merge version_1 into main #2
@@ -20,7 +20,7 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -42,7 +42,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Five Star Hope Barbershop"
|
||||
description="Experience precision grooming and professional styling at the premier barbershop in town. Our expert barbers deliver flawless fades, sharp lines, and perfect grooming for the discerning gentleman."
|
||||
kpis={[
|
||||
@@ -90,15 +90,15 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Classic", title: "Precision Fade", subtitle: "Sharp lines and perfect blends", description: "Our signature fade haircut with meticulous attention to detail. We create clean lines, perfect blends, and smooth transitions that showcase your style with precision.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-deals-foam_613910-4275.jpg?_wi=1", imageAlt: "Professional fade haircut in progress"
|
||||
tag: "Classic", title: "Precision Fade", subtitle: "Sharp lines and perfect blends", description: "Our signature fade haircut with meticulous attention to detail. We create clean lines, perfect blends, and smooth transitions that showcase your style with precision.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-deals-foam_613910-4275.jpg", imageAlt: "Professional fade haircut in progress"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Signature", title: "Executive Cut", subtitle: "Business professional styling", description: "The ultimate executive cut designed for the professional gentleman. Clean, sharp, and sophisticated—perfect for boardrooms and important meetings.", imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-15500.jpg?_wi=1", imageAlt: "Barber consulting on cut style"
|
||||
tag: "Signature", title: "Executive Cut", subtitle: "Business professional styling", description: "The ultimate executive cut designed for the professional gentleman. Clean, sharp, and sophisticated—perfect for boardrooms and important meetings.", imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-15500.jpg", imageAlt: "Barber consulting on cut style"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Premium", title: "Full Grooming", subtitle: "Complete beard and scalp care", description: "Comprehensive grooming package including haircut, beard trim, shaping, and scalp treatment. Walk out looking and feeling your absolute best.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506298.jpg?_wi=1", imageAlt: "Barber completing final styling details"
|
||||
tag: "Premium", title: "Full Grooming", subtitle: "Complete beard and scalp care", description: "Comprehensive grooming package including haircut, beard trim, shaping, and scalp treatment. Walk out looking and feeling your absolute best.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506298.jpg", imageAlt: "Barber completing final styling details"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -139,10 +139,10 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Marcus Johnson, Business Professional", date: "Date: 15 November 2024", title: "Best barbershop experience ever", quote: "Five Star Hope transformed my grooming routine. The barbers are true professionals who take pride in their work. I always leave looking sharp and feeling confident for important meetings and events.", tag: "Executive Client", avatarSrc: "http://img.b2bpic.net/free-photo/woman-shoving-cosmetics-client_23-2147737024.jpg", avatarAlt: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-photo/woman-shoving-cosmetics-client_23-2147737024.jpg?_wi=1", imageAlt: "Marcus Johnson"
|
||||
id: "1", name: "Marcus Johnson, Business Professional", date: "Date: 15 November 2024", title: "Best barbershop experience ever", quote: "Five Star Hope transformed my grooming routine. The barbers are true professionals who take pride in their work. I always leave looking sharp and feeling confident for important meetings and events.", tag: "Executive Client", avatarSrc: "http://img.b2bpic.net/free-photo/woman-shoving-cosmetics-client_23-2147737024.jpg", avatarAlt: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-photo/woman-shoving-cosmetics-client_23-2147737024.jpg", imageAlt: "Marcus Johnson"
|
||||
},
|
||||
{
|
||||
id: "2", name: "David Chen, Creative Director", date: "Date: 12 November 2024", title: "They understand modern style", quote: "What I love about Five Star Hope is their blend of classic technique with contemporary style. Every cut is personalized, and the barbers really listen to what you want. Highly recommended!", tag: "Style Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-hairstylist-giving-haircut_23-2148506353.jpg", avatarAlt: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-hairstylist-giving-haircut_23-2148506353.jpg?_wi=1", imageAlt: "David Chen"
|
||||
id: "2", name: "David Chen, Creative Director", date: "Date: 12 November 2024", title: "They understand modern style", quote: "What I love about Five Star Hope is their blend of classic technique with contemporary style. Every cut is personalized, and the barbers really listen to what you want. Highly recommended!", tag: "Style Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-hairstylist-giving-haircut_23-2148506353.jpg", avatarAlt: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-hairstylist-giving-haircut_23-2148506353.jpg", imageAlt: "David Chen"
|
||||
},
|
||||
{
|
||||
id: "3", name: "James Rodriguez, Regular Customer", date: "Date: 8 November 2024", title: "Consistently excellent service", quote: "I've been coming to Five Star Hope for three years now and they never disappoint. The attention to detail, the professional atmosphere, and the genuine care they show every client sets them apart.", tag: "Loyal Customer", avatarSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-barber-wearing-uniform-holding-barber-tools-holding-out-spray-bottle-isolated-olive-green-wall_141793-106296.jpg", avatarAlt: "James Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-barber-wearing-uniform-holding-barber-tools-holding-out-spray-bottle-isolated-olive-green-wall_141793-106296.jpg", imageAlt: "James Rodriguez"
|
||||
@@ -151,10 +151,10 @@ export default function LandingPage() {
|
||||
id: "4", name: "Anthony Williams, Entrepreneur", date: "Date: 5 November 2024", title: "Worth every penny", quote: "Premium quality barbering deserves premium pricing, and Five Star Hope delivers. The expertise, cleanliness, and service are exceptional. I book my appointments months in advance!", tag: "Premium Member", avatarSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1823.jpg", avatarAlt: "Anthony Williams", imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1823.jpg", imageAlt: "Anthony Williams"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Robert Thompson, Corporate Executive", date: "Date: 1 November 2024", title: "A true professional establishment", quote: "From the moment you walk in, you feel the professionalism. Every barber knows their craft inside and out. This is the barbershop I recommend to all my colleagues and business associates.", tag: "Executive Client", avatarSrc: "http://img.b2bpic.net/free-photo/woman-shoving-cosmetics-client_23-2147737024.jpg", avatarAlt: "Robert Thompson", imageSrc: "http://img.b2bpic.net/free-photo/woman-shoving-cosmetics-client_23-2147737024.jpg?_wi=2", imageAlt: "Robert Thompson"
|
||||
id: "5", name: "Robert Thompson, Corporate Executive", date: "Date: 1 November 2024", title: "A true professional establishment", quote: "From the moment you walk in, you feel the professionalism. Every barber knows their craft inside and out. This is the barbershop I recommend to all my colleagues and business associates.", tag: "Executive Client", avatarSrc: "http://img.b2bpic.net/free-photo/woman-shoving-cosmetics-client_23-2147737024.jpg", avatarAlt: "Robert Thompson", imageSrc: "http://img.b2bpic.net/free-photo/woman-shoving-cosmetics-client_23-2147737024.jpg", imageAlt: "Robert Thompson"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Christopher Lee, Creative Professional", date: "Date: 28 October 2024", title: "Beyond expectations", quote: "Five Star Hope goes above and beyond expectations. They remember your preferences, they care about your satisfaction, and they deliver perfection every single time. Five stars truly earned!", tag: "Regular Customer", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-hairstylist-giving-haircut_23-2148506353.jpg", avatarAlt: "Christopher Lee", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-hairstylist-giving-haircut_23-2148506353.jpg?_wi=2", imageAlt: "Christopher Lee"
|
||||
id: "6", name: "Christopher Lee, Creative Professional", date: "Date: 28 October 2024", title: "Beyond expectations", quote: "Five Star Hope goes above and beyond expectations. They remember your preferences, they care about your satisfaction, and they deliver perfection every single time. Five stars truly earned!", tag: "Regular Customer", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-hairstylist-giving-haircut_23-2148506353.jpg", avatarAlt: "Christopher Lee", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-hairstylist-giving-haircut_23-2148506353.jpg", imageAlt: "Christopher Lee"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -172,7 +172,7 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Consultation", description: "We begin with a detailed consultation to understand your style preferences, hair type, and grooming goals. Our barbers discuss the best options and share expert recommendations for your unique look.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-15500.jpg?_wi=2", imageAlt: "Barber consulting with client about style"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-15500.jpg", imageAlt: "Barber consulting with client about style"
|
||||
},
|
||||
items: [
|
||||
{ icon: Mic, text: "Listen to your vision and preferences" },
|
||||
@@ -183,7 +183,7 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
id: "2", title: "Professional Execution", description: "Using premium tools and techniques refined over years of experience, we meticulously execute your chosen style. Every cut is performed with precision, creating sharp lines and perfect blends.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-deals-foam_613910-4275.jpg?_wi=2", imageAlt: "barber cutting hair with precision fade"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-deals-foam_613910-4275.jpg", imageAlt: "barber cutting hair with precision fade"
|
||||
},
|
||||
items: [
|
||||
{ icon: Scissors, text: "Master technique with precision tools" },
|
||||
@@ -194,7 +194,7 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
id: "3", title: "Final Touches", description: "We complete your look with finishing touches, including scalp care, beard shaping when needed, and quality checks. You'll walk out looking absolutely perfect.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506298.jpg?_wi=2", imageAlt: "barber finishing haircut with details"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506298.jpg", imageAlt: "barber finishing haircut with details"
|
||||
},
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Scalp and beard care" },
|
||||
@@ -218,7 +218,7 @@ export default function LandingPage() {
|
||||
{ text: "Book Appointment", href: "tel:+1-555-BARBER-1" },
|
||||
{ text: "Visit Us", href: "https://maps.google.com" }
|
||||
]}
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user