bender/b5cfff2a-1fc8-4e98-a32a-d928f913c3e0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

2 Commits
version_1 ... main

Author SHA1 Message Date
bender
36e001722e Merge version_2 into main 
Merge version_2 into main
 2026-04-28 02:18:51 +00:00
bender
9250d2e413 Update src/app/page.tsx 2026-04-28 02:18:48 +00:00
1 changed files with 43 additions and 147 deletions
Expand all files Collapse all files

190
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Hair Sketch"
/>
@@ -56,37 +48,24 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Professional Hair Care in Vancouver"
description="At Hair Sketch, we specialize in high-quality cuts, styling, and coloring. Discover the salon experience you've been waiting for at 3549 Kingsway."
buttons={[
{
text: "Book Now",
href: "#contact",
},
text: "Book Your Appointment", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-scissors_23-2149007425.jpg",
imageAlt: "modern hair salon interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-scissors_23-2149007425.jpg", imageAlt: "modern hair salon interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-putting-face-man-towel_23-2147737014.jpg",
imageAlt: "hair stylist at work",
},
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-putting-face-man-towel_23-2147737014.jpg", imageAlt: "hair stylist at work"},
{
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817233.jpg",
imageAlt: "smiling woman hair salon",
},
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817233.jpg", imageAlt: "smiling woman hair salon"},
{
imageSrc: "http://img.b2bpic.net/free-photo/girl-chair-professional-hairdresser_23-2147769753.jpg",
imageAlt: "modern hair salon interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/girl-chair-professional-hairdresser_23-2147769753.jpg", imageAlt: "modern hair salon interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462507.jpg",
imageAlt: "hair stylist at work",
},
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462507.jpg", imageAlt: "hair stylist at work"},
]}
mediaAnimation="slide-up"
/>
@@ -100,17 +79,11 @@ export default function LandingPage() {
description="Located on Kingsway, Hair Sketch is dedicated to providing friendly, professional, and satisfying hair services. Our stylists prioritize your vision to ensure you leave feeling your absolute best."
bulletPoints={[
{
title: "Expert Stylists",
description: "Years of experience in modern cuts and coloring.",
},
title: "Expert Stylists", description: "Years of experience in modern cuts and coloring."},
{
title: "Affordable Pricing",
description: "Competitive rates for the quality you receive in Vancouver.",
},
title: "Affordable Pricing", description: "Competitive rates for the quality you receive in Vancouver."},
{
title: "Friendly Service",
description: "Always happy to see our clients walk through the door.",
},
title: "Friendly Service", description: "Always happy to see our clients walk through the door."},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-holding-binoculars_107420-9648.jpg"
mediaAnimation="slide-up"
@@ -125,23 +98,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Professional Haircuts",
description: "Customized haircuts tailored to your face shape and style preferences.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167371.jpg",
imageAlt: "hair styling tools and products",
},
title: "Professional Haircuts", description: "Customized haircuts tailored to your face shape and style preferences.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167371.jpg", imageAlt: "hair styling tools and products"},
{
title: "Coloring & Styling",
description: "Expert color matching and styling solutions for every occasion.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-equipment_23-2148352843.jpg",
imageAlt: "hair cutting scissors combs",
},
title: "Coloring & Styling", description: "Expert color matching and styling solutions for every occasion.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-equipment_23-2148352843.jpg", imageAlt: "hair cutting scissors combs"},
{
title: "Hair Maintenance",
description: "Keep your hair healthy with our specialized care treatments.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-smiling-fashion-woman-going-crazy-casual-blue-hipster-summer-clothes-with-no-makeup-white-wall_158538-7974.jpg",
imageAlt: "healthy shiny hair result",
},
title: "Hair Maintenance", description: "Keep your hair healthy with our specialized care treatments.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-smiling-fashion-woman-going-crazy-casual-blue-hipster-summer-clothes-with-no-makeup-white-wall_158538-7974.jpg", imageAlt: "healthy shiny hair result"},
]}
title="Our Specialized Services"
description="We offer a range of professional services designed to help you maintain your style."
@@ -155,23 +116,14 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "1",
icon: Star,
title: "Google Rating",
value: "4.3",
},
id: "1", icon: Star,
title: "Google Rating", value: "4.3"},
{
id: "2",
icon: Award,
title: "Years Serving",
value: "10+",
},
id: "2", icon: Award,
title: "Years Serving", value: "10+"},
{
id: "3",
icon: Smile,
title: "Happy Clients",
value: "5000+",
},
id: "3", icon: Smile,
title: "Happy Clients", value: "5000+"},
]}
title="Quality You Can Trust"
description="Our work speaks for itself, backed by thousands of happy clients."
@@ -183,35 +135,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Taebin Sung",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-looking-camera_23-2147774763.jpg",
imageAlt: "happy customer in salon",
},
id: "1", name: "Taebin Sung", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-looking-camera_23-2147774763.jpg", imageAlt: "happy customer in salon"},
{
id: "2",
name: "Irish Anne",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg",
imageAlt: "young woman portrait",
},
id: "2", name: "Irish Anne", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg", imageAlt: "young woman portrait"},
{
id: "3",
name: "Eric Tham",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229815.jpg",
imageAlt: "portrait of satisfied woman",
},
id: "3", name: "Eric Tham", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229815.jpg", imageAlt: "portrait of satisfied woman"},
{
id: "4",
name: "Happy Customer",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
imageAlt: "smiling woman professional photo",
},
id: "4", name: "Happy Customer", imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg", imageAlt: "smiling woman professional photo"},
{
id: "5",
name: "Salon Fan",
imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg",
imageAlt: "happy client after haircut",
},
id: "5", name: "Salon Fan", imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", imageAlt: "happy client after haircut"},
]}
cardTitle="Client Experiences"
cardTag="Reviews"
@@ -224,20 +156,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Do I need an appointment?",
content: "Yes, we recommend calling ahead to ensure availability.",
},
id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend calling ahead to ensure availability."},
{
id: "q2",
title: "Where are you located?",
content: "We are located at 3549 Kingsway, Vancouver, BC.",
},
id: "q2", title: "Where are you located?", content: "We are located at 3549 Kingsway, Vancouver, BC."},
{
id: "q3",
title: "What are your hours?",
content: "We open at 9:30 a.m. on Tuesdays and operate throughout the week.",
},
id: "q3", title: "What are your hours?", content: "We open at 9:30 a.m. on Tuesdays and operate throughout the week."},
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
@@ -249,14 +172,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Local Business Awards",
"Hair Care Network",
"Vancouver Beauty Association",
"Professional Grooming Alliance",
"Top Rated Service",
"Modern Salon Association",
"Community Trust Partner",
]}
"Local Business Awards", "Hair Care Network", "Vancouver Beauty Association", "Professional Grooming Alliance", "Top Rated Service", "Modern Salon Association", "Community Trust Partner"]}
title="Trusted by the Community"
description="We are proud to be recognized by local organizations and partners in the Vancouver area for our commitment to excellence."
/>
@@ -269,22 +185,14 @@ export default function LandingPage() {
description="Ready for your next haircut? Give us a call or stop by our salon on Kingsway."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Let us know your styling needs",
rows: 4,
name: "message", placeholder: "Let us know your styling needs", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/cheerful-woman-creating-content-desk_482257-121992.jpg"
@@ -297,33 +205,21 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Hair Sketch",
items: [
title: "Hair Sketch", items: [
{
label: "3549 Kingsway, Vancouver, BC",
href: "#",
},
label: "3549 Kingsway, Vancouver, BC", href: "#"},
{
label: "(604) 716-7348",
href: "tel:6047167348",
},
label: "(604) 716-7348", href: "tel:6047167348"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}
@@ -334,4 +230,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}