Merge version_1 into main #2
@@ -18,8 +18,7 @@ const navItems = [
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Haircuts & Styling", href: "/services" },
|
||||
{ label: "Hair Coloring", href: "/services" },
|
||||
{ label: "Hair Extensions", href: "/services" },
|
||||
@@ -28,8 +27,7 @@ const footerColumns = [
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Meet Our Team", href: "/about" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
@@ -37,13 +35,10 @@ const footerColumns = [
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Call: (720) 555-HAIR", href: "tel:+17205558424" },
|
||||
{
|
||||
label: "10005 Commons St, Lone Tree, CO 80124",
|
||||
href: "https://maps.google.com?q=10005+Commons+St,+Lone+Tree,+CO+80124",
|
||||
},
|
||||
label: "10005 Commons St, Lone Tree, CO 80124", href: "https://maps.google.com?q=10005+Commons+St,+Lone+Tree,+CO+80124"},
|
||||
{ label: "Monday - Friday: 9am - 6pm", href: "#" },
|
||||
{ label: "Saturday: 9am - 5pm", href: "#" },
|
||||
{ label: "Sunday: Closed", href: "#" },
|
||||
@@ -83,32 +78,25 @@ export default function AboutPage() {
|
||||
useInvertedBackground={true}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Team",
|
||||
description:
|
||||
"Our stylists are highly trained professionals with years of experience in color, cuts, and styling.",
|
||||
icon: Star,
|
||||
title: "Expert Team", description:
|
||||
"Our stylists are highly trained professionals with years of experience in color, cuts, and styling.", icon: Star,
|
||||
},
|
||||
{
|
||||
title: "Premium Products",
|
||||
description:
|
||||
"We use only high-quality, professional-grade products to ensure the best results for your hair and skin.",
|
||||
icon: Sparkles,
|
||||
title: "Premium Products", description:
|
||||
"We use only high-quality, professional-grade products to ensure the best results for your hair and skin.", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Modern Ambiance",
|
||||
description:
|
||||
"Our salon features a relaxed, sparkly, and modern environment where you'll feel pampered and comfortable.",
|
||||
icon: Zap,
|
||||
title: "Modern Ambiance", description:
|
||||
"Our salon features a relaxed, sparkly, and modern environment where you'll feel pampered and comfortable.", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Customer Focused",
|
||||
description:
|
||||
"Your satisfaction is our priority. We listen to your needs and deliver personalized service every time.",
|
||||
icon: Heart,
|
||||
title: "Customer Focused", description:
|
||||
"Your satisfaction is our priority. We listen to your needs and deliver personalized service every time.", icon: Heart,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg"
|
||||
imagePosition="right"
|
||||
mediaAnimation="none"
|
||||
buttons={[{ text: "Book Now", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,37 +112,17 @@ export default function AboutPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Kayleen",
|
||||
role: "Hair Stylist & Color Specialist",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg?_wi=2",
|
||||
imageAlt: "stylist woman professional portrait headshot",
|
||||
},
|
||||
id: "1", name: "Kayleen", role: "Hair Stylist & Color Specialist", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg", imageAlt: "stylist woman professional portrait headshot"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carrie Ann",
|
||||
role: "Senior Stylist",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg?_wi=4",
|
||||
imageAlt: "hairstylist woman professional portrait salon",
|
||||
},
|
||||
id: "2", name: "Carrie Ann", role: "Senior Stylist", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg", imageAlt: "hairstylist woman professional portrait salon"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lindsay",
|
||||
role: "Color Expert",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg?_wi=3",
|
||||
imageAlt: "colorist woman professional portrait beauty",
|
||||
},
|
||||
id: "3", name: "Lindsay", role: "Color Expert", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg", imageAlt: "colorist woman professional portrait beauty"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kendall",
|
||||
role: "Makeup & Beauty Specialist",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg?_wi=4",
|
||||
imageAlt: "stylist woman professional portrait salon",
|
||||
},
|
||||
id: "4", name: "Kendall", role: "Makeup & Beauty Specialist", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg", imageAlt: "stylist woman professional portrait salon"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
176
src/app/page.tsx
176
src/app/page.tsx
@@ -21,8 +21,7 @@ const navItems = [
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Haircuts & Styling", href: "/services" },
|
||||
{ label: "Hair Coloring", href: "/services" },
|
||||
{ label: "Hair Extensions", href: "/services" },
|
||||
@@ -31,8 +30,7 @@ const footerColumns = [
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Meet Our Team", href: "/about" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
@@ -40,13 +38,10 @@ const footerColumns = [
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Call: (720) 555-HAIR", href: "tel:+17205558424" },
|
||||
{
|
||||
label: "10005 Commons St, Lone Tree, CO 80124",
|
||||
href: "https://maps.google.com?q=10005+Commons+St,+Lone+Tree,+CO+80124",
|
||||
},
|
||||
label: "10005 Commons St, Lone Tree, CO 80124", href: "https://maps.google.com?q=10005+Commons+St,+Lone+Tree,+CO+80124"},
|
||||
{ label: "Monday - Friday: 9am - 6pm", href: "#" },
|
||||
{ label: "Saturday: 9am - 5pm", href: "#" },
|
||||
{ label: "Sunday: Closed", href: "#" },
|
||||
@@ -101,45 +96,21 @@ export default function HomePage() {
|
||||
tag="Customer Reviews"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Client",
|
||||
company: "Verified Review",
|
||||
rating: 5,
|
||||
id: "1", name: "Sarah Johnson", role: "Client", company: "Verified Review", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg",
|
||||
imageAlt: "woman portrait smiling customer happy",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg", imageAlt: "woman portrait smiling customer happy"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michelle Chen",
|
||||
role: "Regular Customer",
|
||||
company: "Verified Review",
|
||||
rating: 5,
|
||||
id: "2", name: "Michelle Chen", role: "Regular Customer", company: "Verified Review", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
imageAlt: "woman portrait professional customer satisfied",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "woman portrait professional customer satisfied"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jennifer Davis",
|
||||
role: "Client",
|
||||
company: "Verified Review",
|
||||
rating: 5,
|
||||
id: "3", name: "Jennifer Davis", role: "Client", company: "Verified Review", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",
|
||||
imageAlt: "woman portrait smiling client testimonial",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "woman portrait smiling client testimonial"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Amanda Rodriguez",
|
||||
role: "Loyal Customer",
|
||||
company: "Verified Review",
|
||||
rating: 5,
|
||||
id: "4", name: "Amanda Rodriguez", role: "Loyal Customer", company: "Verified Review", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg",
|
||||
imageAlt: "woman portrait happy customer review",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", imageAlt: "woman portrait happy customer review"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.8★", label: "Overall Rating" },
|
||||
@@ -162,59 +133,29 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Styling",
|
||||
title: "Haircuts & Styling",
|
||||
subtitle: "Professional cuts and styles for every occasion",
|
||||
description:
|
||||
"From precision cuts to creative styling, our stylists deliver beautiful results tailored to your hair type and personal style. Whether you're looking for a classic look or something bold and modern, we've got you covered.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/barber-woman-making-haircut_1163-2017.jpg?_wi=1",
|
||||
imageAlt: "haircut styling salon professional barber",
|
||||
},
|
||||
tag: "Styling", title: "Haircuts & Styling", subtitle: "Professional cuts and styles for every occasion", description:
|
||||
"From precision cuts to creative styling, our stylists deliver beautiful results tailored to your hair type and personal style. Whether you're looking for a classic look or something bold and modern, we've got you covered.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/barber-woman-making-haircut_1163-2017.jpg", imageAlt: "haircut styling salon professional barber"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Color",
|
||||
title: "Hair Coloring & Highlights",
|
||||
subtitle: "Expert colorists specializing in balayage and natural-looking results",
|
||||
description:
|
||||
"Our expert colorists use premium products to create stunning color transformations. From natural-looking highlights to complete color changes, we ensure beautiful, healthy-looking results that you'll love.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/content-girl-sitting-chair-hairstylist_23-2147769868.jpg?_wi=1",
|
||||
imageAlt: "hair color highlights blonde salon coloring",
|
||||
},
|
||||
tag: "Color", title: "Hair Coloring & Highlights", subtitle: "Expert colorists specializing in balayage and natural-looking results", description:
|
||||
"Our expert colorists use premium products to create stunning color transformations. From natural-looking highlights to complete color changes, we ensure beautiful, healthy-looking results that you'll love.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/content-girl-sitting-chair-hairstylist_23-2147769868.jpg", imageAlt: "hair color highlights blonde salon coloring"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Extensions",
|
||||
title: "Hair Extensions",
|
||||
subtitle: "Add length, volume, and versatility to your look",
|
||||
description:
|
||||
"Get the hair of your dreams with our professional extension services. We use quality extensions and expert application techniques to create seamless, natural-looking results that blend perfectly with your hair.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/studio-portrait-sensual-brunette-female-white-bra_613910-7922.jpg?_wi=1",
|
||||
imageAlt: "hair extensions long hair salon beauty styled",
|
||||
},
|
||||
tag: "Extensions", title: "Hair Extensions", subtitle: "Add length, volume, and versatility to your look", description:
|
||||
"Get the hair of your dreams with our professional extension services. We use quality extensions and expert application techniques to create seamless, natural-looking results that blend perfectly with your hair.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/studio-portrait-sensual-brunette-female-white-bra_613910-7922.jpg", imageAlt: "hair extensions long hair salon beauty styled"},
|
||||
{
|
||||
id: 4,
|
||||
tag: "Beauty",
|
||||
title: "Makeup Services",
|
||||
subtitle: "Professional makeup for special occasions and everyday beauty",
|
||||
description:
|
||||
"Whether it's for a wedding, event, or everyday glam, our makeup artists create stunning looks that enhance your natural beauty. We use premium products and techniques for flawless, long-lasting results.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34495.jpg?_wi=1",
|
||||
imageAlt: "makeup beauty professional artist cosmetics",
|
||||
},
|
||||
tag: "Beauty", title: "Makeup Services", subtitle: "Professional makeup for special occasions and everyday beauty", description:
|
||||
"Whether it's for a wedding, event, or everyday glam, our makeup artists create stunning looks that enhance your natural beauty. We use premium products and techniques for flawless, long-lasting results.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34495.jpg", imageAlt: "makeup beauty professional artist cosmetics"},
|
||||
{
|
||||
id: 5,
|
||||
tag: "Wellness",
|
||||
title: "Waxing Services",
|
||||
subtitle: "Gentle, professional waxing for smooth, beautiful skin",
|
||||
description:
|
||||
"Experience smooth, silky skin with our professional waxing services. We use high-quality wax and gentle techniques to minimize discomfort while delivering excellent results that last for weeks.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/woman-getting-her-leg-hair-removed_107420-74067.jpg?_wi=1",
|
||||
imageAlt: "waxing beauty skincare salon service",
|
||||
},
|
||||
tag: "Wellness", title: "Waxing Services", subtitle: "Gentle, professional waxing for smooth, beautiful skin", description:
|
||||
"Experience smooth, silky skin with our professional waxing services. We use high-quality wax and gentle techniques to minimize discomfort while delivering excellent results that last for weeks.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/woman-getting-her-leg-hair-removed_107420-74067.jpg", imageAlt: "waxing beauty skincare salon service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -228,32 +169,25 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Team",
|
||||
description:
|
||||
"Our stylists are highly trained professionals with years of experience in color, cuts, and styling.",
|
||||
icon: Star,
|
||||
title: "Expert Team", description:
|
||||
"Our stylists are highly trained professionals with years of experience in color, cuts, and styling.", icon: Star,
|
||||
},
|
||||
{
|
||||
title: "Premium Products",
|
||||
description:
|
||||
"We use only high-quality, professional-grade products to ensure the best results for your hair and skin.",
|
||||
icon: Sparkles,
|
||||
title: "Premium Products", description:
|
||||
"We use only high-quality, professional-grade products to ensure the best results for your hair and skin.", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Modern Ambiance",
|
||||
description:
|
||||
"Our salon features a relaxed, sparkly, and modern environment where you'll feel pampered and comfortable.",
|
||||
icon: Zap,
|
||||
title: "Modern Ambiance", description:
|
||||
"Our salon features a relaxed, sparkly, and modern environment where you'll feel pampered and comfortable.", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Customer Focused",
|
||||
description:
|
||||
"Your satisfaction is our priority. We listen to your needs and deliver personalized service every time.",
|
||||
icon: Heart,
|
||||
title: "Customer Focused", description:
|
||||
"Your satisfaction is our priority. We listen to your needs and deliver personalized service every time.", icon: Heart,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg"
|
||||
imagePosition="right"
|
||||
mediaAnimation="none"
|
||||
buttons={[{ text: "Book Now", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
@@ -269,37 +203,17 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Kayleen",
|
||||
role: "Hair Stylist & Color Specialist",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg?_wi=1",
|
||||
imageAlt: "stylist woman professional portrait headshot",
|
||||
},
|
||||
id: "1", name: "Kayleen", role: "Hair Stylist & Color Specialist", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg", imageAlt: "stylist woman professional portrait headshot"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carrie Ann",
|
||||
role: "Senior Stylist",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg?_wi=2",
|
||||
imageAlt: "hairstylist woman professional portrait salon",
|
||||
},
|
||||
id: "2", name: "Carrie Ann", role: "Senior Stylist", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg", imageAlt: "hairstylist woman professional portrait salon"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lindsay",
|
||||
role: "Color Expert",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg?_wi=1",
|
||||
imageAlt: "colorist woman professional portrait beauty",
|
||||
},
|
||||
id: "3", name: "Lindsay", role: "Color Expert", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg", imageAlt: "colorist woman professional portrait beauty"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kendall",
|
||||
role: "Makeup & Beauty Specialist",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg?_wi=2",
|
||||
imageAlt: "stylist woman professional portrait salon",
|
||||
},
|
||||
id: "4", name: "Kendall", role: "Makeup & Beauty Specialist", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg", imageAlt: "stylist woman professional portrait salon"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user