Merge version_1 into main #2
203
src/app/page.tsx
203
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Golden Crown"
|
||||
/>
|
||||
@@ -59,47 +49,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Timeless Grooming. Masterfully Crafted."
|
||||
description="Experience the classic art of barbering at Golden Crown. From precision cuts to traditional shaves, we redefine your style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-5446.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior modern classic",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-5446.jpg", imageAlt: "barber shop interior modern classic"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-disposable-razors_23-2147787979.jpg",
|
||||
imageAlt: "barber tools organized professional",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-disposable-razors_23-2147787979.jpg", imageAlt: "barber tools organized professional"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wrapping-customer-towels-barbershop_23-2147737011.jpg",
|
||||
imageAlt: "barbershop decor vintage feel",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/woman-wrapping-customer-towels-barbershop_23-2147737011.jpg", imageAlt: "barbershop decor vintage feel"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-cut_23-2148256900.jpg",
|
||||
imageAlt: "barber using trimmer fade",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-cut_23-2148256900.jpg", imageAlt: "barber using trimmer fade"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419338.jpg",
|
||||
imageAlt: "barber cape scissors comb",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419338.jpg", imageAlt: "barber cape scissors comb"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-wooden-construction-surrounded-by-buildings_181624-12724.jpg",
|
||||
imageAlt: "barber shop exterior classic",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-wooden-construction-surrounded-by-buildings_181624-12724.jpg", imageAlt: "barber shop exterior classic"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,17 +80,11 @@ export default function LandingPage() {
|
||||
description="With over 15 years of experience, we pride ourselves on delivering a master-class experience that combines old-world technique with modern style."
|
||||
metrics={[
|
||||
{
|
||||
value: "15k+",
|
||||
title: "Cuts Performed",
|
||||
},
|
||||
value: "15k+", title: "Cuts Performed"},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
value: "98%", title: "Client Satisfaction"},
|
||||
{
|
||||
value: "5",
|
||||
title: "Master Barbers",
|
||||
},
|
||||
value: "5", title: "Master Barbers"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-getting-groomed_23-2149220567.jpg"
|
||||
imageAlt="barber shop master at work"
|
||||
@@ -138,47 +101,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cuts",
|
||||
description: "Tailored cuts for every hair type.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/hair-brush-pins-copy-space_23-2148352961.jpg",
|
||||
buttonText: "View",
|
||||
},
|
||||
title: "Precision Cuts", description: "Tailored cuts for every hair type.", imageSrc: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/hair-brush-pins-copy-space_23-2148352961.jpg", buttonText: "View"},
|
||||
{
|
||||
title: "Royal Shave",
|
||||
description: "Classic hot towel shave.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6357.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18295.jpg",
|
||||
buttonText: "View",
|
||||
},
|
||||
title: "Royal Shave", description: "Classic hot towel shave.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6357.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18295.jpg", buttonText: "View"},
|
||||
{
|
||||
title: "Beard Styling",
|
||||
description: "Perfectly defined edges.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326559.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/crop-hands-trimming-beard-man_23-2147778822.jpg",
|
||||
buttonText: "View",
|
||||
},
|
||||
title: "Beard Styling", description: "Perfectly defined edges.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326559.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/crop-hands-trimming-beard-man_23-2147778822.jpg", buttonText: "View"},
|
||||
{
|
||||
title: "Grey Blending",
|
||||
description: "Natural, subtle concealment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faceless-woman-cutting-beard-man_23-2147778905.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/young-confident-blonde-male-barber-uniform-holds-face-trimming-beard-with-hair-clipper-isolated-green-space-with-copy-space_141793-60152.jpg",
|
||||
buttonText: "View",
|
||||
},
|
||||
title: "Grey Blending", description: "Natural, subtle concealment.", imageSrc: "http://img.b2bpic.net/free-photo/faceless-woman-cutting-beard-man_23-2147778905.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/young-confident-blonde-male-barber-uniform-holds-face-trimming-beard-with-hair-clipper-isolated-green-space-with-copy-space_141793-60152.jpg", buttonText: "View"},
|
||||
{
|
||||
title: "Head Spa",
|
||||
description: "Relaxing scalp treatment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-scalp-massage-spa_23-2151454773.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/man-giving-himself-scalp-massage_23-2151307466.jpg",
|
||||
buttonText: "View",
|
||||
},
|
||||
title: "Head Spa", description: "Relaxing scalp treatment.", imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-scalp-massage-spa_23-2151454773.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/man-giving-himself-scalp-massage_23-2151307466.jpg", buttonText: "View"},
|
||||
{
|
||||
title: "Edge Ups",
|
||||
description: "Sharp lines guaranteed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-hipster-fashionable-man-with-long-red-beard-stylish-haircut-having-angry-unhappy-facial-expression-scowling-frowning-while-posing-against-blank-blackboard-with-arms-crossed_273609-6377.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-15016.jpg",
|
||||
buttonText: "View",
|
||||
},
|
||||
title: "Edge Ups", description: "Sharp lines guaranteed.", imageSrc: "http://img.b2bpic.net/free-photo/headshot-hipster-fashionable-man-with-long-red-beard-stylish-haircut-having-angry-unhappy-facial-expression-scowling-frowning-while-posing-against-blank-blackboard-with-arms-crossed_273609-6377.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-15016.jpg", buttonText: "View"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Precision and care in every detail."
|
||||
@@ -192,33 +125,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Senior Barbers",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Senior Barbers", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "John Doe",
|
||||
subtitle: "Master Barber",
|
||||
detail: "15+ years experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-white-shirt-with-red-tie-bow_158595-143.jpg",
|
||||
},
|
||||
id: "m1", title: "John Doe", subtitle: "Master Barber", detail: "15+ years experience.", imageSrc: "http://img.b2bpic.net/free-photo/guy-white-shirt-with-red-tie-bow_158595-143.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Jane Smith",
|
||||
subtitle: "Senior Stylist",
|
||||
detail: "Expert in modern fades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg",
|
||||
},
|
||||
id: "m2", title: "Jane Smith", subtitle: "Senior Stylist", detail: "Expert in modern fades.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Mike Ross",
|
||||
subtitle: "Barber Specialist",
|
||||
detail: "Beard grooming aficionado.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-barber-wearing-uniform-glasses-holding-teaser-comb-hair-trimmer-trimming-his-own-beard-with-closed-eyes-isolated-blue-background_141793-134233.jpg",
|
||||
},
|
||||
id: "m3", title: "Mike Ross", subtitle: "Barber Specialist", detail: "Beard grooming aficionado.", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-barber-wearing-uniform-glasses-holding-teaser-comb-hair-trimmer-trimming-his-own-beard-with-closed-eyes-isolated-blue-background_141793-134233.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-5446.jpg?_wi=2",
|
||||
imageAlt: "barber portrait professional smiling",
|
||||
},
|
||||
]}
|
||||
title="Meet Your Barbers"
|
||||
@@ -234,20 +148,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "me1",
|
||||
value: "100%",
|
||||
description: "Commitment to hygiene.",
|
||||
},
|
||||
id: "me1", value: "100%", description: "Commitment to hygiene."},
|
||||
{
|
||||
id: "me2",
|
||||
value: "30min",
|
||||
description: "Avg service time.",
|
||||
},
|
||||
id: "me2", value: "30min", description: "Avg service time."},
|
||||
{
|
||||
id: "me3",
|
||||
value: "20+",
|
||||
description: "Local community awards.",
|
||||
},
|
||||
id: "me3", value: "20+", description: "Local community awards."},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Why we are the city's preferred choice."
|
||||
@@ -259,30 +164,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Robert B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-bearded-young-man-from-spain-elegant-gray-shirt_181624-58370.jpg",
|
||||
},
|
||||
id: "t1", name: "Robert B.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-bearded-young-man-from-spain-elegant-gray-shirt_181624-58370.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-giving-thumbs-up-holding-trimmer_23-2148389897.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael S.", imageSrc: "http://img.b2bpic.net/free-photo/man-giving-thumbs-up-holding-trimmer_23-2148389897.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-emotional-numbness_23-2151089771.jpg",
|
||||
},
|
||||
id: "t3", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-emotional-numbness_23-2151089771.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chris P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12324.jpg",
|
||||
},
|
||||
id: "t4", name: "Chris P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12324.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "James L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-summer-cafe-woman-sitting-table-famale-with-cute-dog_1157-41816.jpg",
|
||||
},
|
||||
id: "t5", name: "James L.", imageSrc: "http://img.b2bpic.net/free-photo/lady-summer-cafe-woman-sitting-table-famale-with-cute-dog_1157-41816.jpg"},
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Reviews"
|
||||
@@ -296,20 +186,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking online to guarantee your spot.",
|
||||
},
|
||||
id: "f1", title: "Do I need an appointment?", content: "Yes, we recommend booking online to guarantee your spot."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What products do you use?",
|
||||
content: "We use premium, locally sourced grooming products.",
|
||||
},
|
||||
id: "f2", title: "What products do you use?", content: "We use premium, locally sourced grooming products."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "Occasionally, but priority goes to appointments.",
|
||||
},
|
||||
id: "f3", title: "Do you accept walk-ins?", content: "Occasionally, but priority goes to appointments."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149141781.jpg"
|
||||
title="Common Questions"
|
||||
@@ -325,15 +206,9 @@ export default function LandingPage() {
|
||||
description="Get ready for a premium experience."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186473.jpg"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user