Merge version_2 into main #1
190
src/app/page.tsx
190
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user