bender/e34a7a1c-8f60-4e0d-9726-631b17c7f24e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 11:54:59 +00:00
parent 28fc31d1b9
commit a13314d71a
1 changed files with 69 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

325
src/app/page.tsx
View File

@@ -33,42 +33,24 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nnjxen"
logoAlt="Nordkrone Barbershop Logo"
brandName="Nordkrone Barbershop"
@@ -78,19 +60,14 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroLogoBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
logoText="Nordkrone Barbershop"
description="The Art of Refined Grooming. Experience the Nordkrone difference, where tradition meets modern elegance. \\n\\n4.9 ★ Rating across 500+ reviews | 3,200+ Satisfied Clients | 15+ Years of Craftsmanship."
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
text: "Book an Appointment", href: "#contact"},
{
text: "Browse Services",
href: "#services",
},
text: "Browse Services", href: "#services"},
]}
imageSrc="http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-woman-model-with-fresh-daily-makeup-with-dark-red-lips-color-clean-healthy-skin-face-studio-lights_158538-14326.jpg"
imageAlt="Luxurious barbershop interior with vintage chairs"
@@ -106,28 +83,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "clients",
value: "3,200+",
title: "Clients Served",
items: [],
id: "clients", value: "3,200+", title: "Clients Served", items: [],
},
{
id: "rating",
value: "4.9★",
title: "Average Rating",
items: [],
id: "rating", value: "4.9★", title: "Average Rating", items: [],
},
{
id: "barbers",
value: "6",
title: "Master Barbers",
items: [],
id: "barbers", value: "6", title: "Master Barbers", items: [],
},
{
id: "products",
value: "100%",
title: "Premium Products",
items: [],
id: "products", value: "100%", title: "Premium Products", items: [],
},
]}
title="Our Commitment to Excellence"
@@ -140,9 +105,7 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Our Legacy of Precision and Style",
},
type: "text", content: "Our Legacy of Precision and Style"},
]}
/>
</div>
@@ -154,41 +117,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Classic Haircut",
description: "Precision cut and style with a hot towel finish. $60 (45 min)",
imageSrc: "http://img.b2bpic.net/free-photo/male-self-care-setting-still-life_23-2150326549.jpg",
imageAlt: "Classic haircut tools",
},
title: "Classic Haircut", description: "Precision cut and style with a hot towel finish. $60 (45 min)", imageSrc: "http://img.b2bpic.net/free-photo/male-self-care-setting-still-life_23-2150326549.jpg", imageAlt: "Classic haircut tools"},
{
title: "Beard Trim & Shape",
description: "Expert beard grooming, line-up, and conditioning. $40 (30 min)",
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18583.jpg",
imageAlt: "Man getting beard trim",
},
title: "Beard Trim & Shape", description: "Expert beard grooming, line-up, and conditioning. $40 (30 min)", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18583.jpg", imageAlt: "Man getting beard trim"},
{
title: "Royal Wet Shave",
description: "Traditional straight razor shave, hot lather, and facial massage. $75 (60 min)",
imageSrc: "http://img.b2bpic.net/free-photo/razor-shaving-brush-folded-napkin-near-wooden-bowl-with-foam-against-blue-background_23-2148088325.jpg",
imageAlt: "Traditional wet shave",
},
title: "Royal Wet Shave", description: "Traditional straight razor shave, hot lather, and facial massage. $75 (60 min)", imageSrc: "http://img.b2bpic.net/free-photo/razor-shaving-brush-folded-napkin-near-wooden-bowl-with-foam-against-blue-background_23-2148088325.jpg", imageAlt: "Traditional wet shave"},
{
title: "Hair & Beard Combo",
description: "Full haircut and comprehensive beard service. $95 (75 min)",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-shaving-his-beard_23-2148506239.jpg",
imageAlt: "Hair and beard grooming",
},
title: "Hair & Beard Combo", description: "Full haircut and comprehensive beard service. $95 (75 min)", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-shaving-his-beard_23-2148506239.jpg", imageAlt: "Hair and beard grooming"},
{
title: "Youth Haircut",
description: "Stylish cuts for our younger clientele (under 12). $45 (30 min)",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-backpack-his-back_158595-3453.jpg",
imageAlt: "Youth haircut",
},
title: "Youth Haircut", description: "Stylish cuts for our younger clientele (under 12). $45 (30 min)", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-backpack-his-back_158595-3453.jpg", imageAlt: "Youth haircut"},
{
title: "Head Shave",
description: "Close, clean head shave with a soothing finish. $65 (45 min)",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-beard-closed-eyes-barbershop-closeup_1153-9484.jpg",
imageAlt: "Man getting head shave",
},
title: "Head Shave", description: "Close, clean head shave with a soothing finish. $65 (45 min)", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-beard-closed-eyes-barbershop-closeup_1153-9484.jpg", imageAlt: "Man getting head shave"},
]}
title="Our Signature Services"
description="Discover our range of meticulously crafted grooming experiences."
@@ -202,59 +141,23 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "cut",
title: "The Crown Cut",
price: "$60",
period: "/ visit",
features: [
"Precision Cut & Style",
"Hot Towel Finish",
"Neck Shave",
"Hair Wash & Conditioning",
],
id: "cut", title: "The Crown Cut", price: "$60", period: "/ visit", features: [
"Precision Cut & Style", "Hot Towel Finish", "Neck Shave", "Hair Wash & Conditioning"],
button: {
text: "Book Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326550.jpg",
imageAlt: "The Crown Cut service",
},
text: "Book Now", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326550.jpg", imageAlt: "The Crown Cut service"},
{
id: "combo",
title: "The Royal Treatment",
price: "$95",
period: "/ visit",
features: [
"Includes The Crown Cut",
"Expert Beard Trim",
"Hot Lather & Straight Razor Line Up",
"Facial Steaming & Moisturize",
],
id: "combo", title: "The Royal Treatment", price: "$95", period: "/ visit", features: [
"Includes The Crown Cut", "Expert Beard Trim", "Hot Lather & Straight Razor Line Up", "Facial Steaming & Moisturize"],
button: {
text: "Book Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-with-shave-brush-old-male-client_23-2148181929.jpg",
imageAlt: "The Royal Treatment service",
},
text: "Book Now", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-with-shave-brush-old-male-client_23-2148181929.jpg", imageAlt: "The Royal Treatment service"},
{
id: "shave",
title: "Nordic Wet Shave",
price: "$75",
period: "/ visit",
features: [
"Traditional Straight Razor Shave",
"Pre-Shave Oil Application",
"Hot Lather & Cold Towel",
"Post-Shave Balm",
],
id: "shave", title: "Nordic Wet Shave", price: "$75", period: "/ visit", features: [
"Traditional Straight Razor Shave", "Pre-Shave Oil Application", "Hot Lather & Cold Towel", "Post-Shave Balm"],
button: {
text: "Book Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg",
imageAlt: "Nordic Wet Shave service",
},
text: "Book Now", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg", imageAlt: "Nordic Wet Shave service"},
]}
title="Transparent Pricing, Unmatched Value"
description="Choose from our expertly curated packages. All prices include VAT."
@@ -265,30 +168,15 @@ export default function LandingPage() {
<TeamCardSix
animationType="depth-3d"
textboxLayout="default"
gridVariant="three-columns-all-items-equal-width"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
members={[
{
id: "erik",
name: "Erik Johansson",
role: "Master Barber - Classic Cuts, Shaves",
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
imageAlt: "Erik Johansson, Master Barber",
},
id: "erik", name: "Erik Johansson", role: "Master Barber - Classic Cuts, Shaves", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", imageAlt: "Erik Johansson, Master Barber"},
{
id: "magnus",
name: "Magnus Andersson",
role: "Senior Barber - Modern Styles, Fades",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186495.jpg",
imageAlt: "Magnus Andersson, Senior Barber",
},
id: "magnus", name: "Magnus Andersson", role: "Senior Barber - Modern Styles, Fades", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186495.jpg", imageAlt: "Magnus Andersson, Senior Barber"},
{
id: "sofia",
name: "Sofia Karlsson",
role: "Barber & Stylist - Beard Artistry, Styling",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-down-young-beautiful-female-barber-uniform-wearing-glasses-combing-hair-isolated-blue-wall_141793-106074.jpg",
imageAlt: "Sofia Karlsson, Barber & Stylist",
},
id: "sofia", name: "Sofia Karlsson", role: "Barber & Stylist - Beard Artistry, Styling", imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-down-young-beautiful-female-barber-uniform-wearing-glasses-combing-hair-isolated-blue-wall_141793-106074.jpg", imageAlt: "Sofia Karlsson, Barber & Stylist"},
]}
title="Meet Our Master Barbers"
description="Skilled artisans dedicated to perfecting your look."
@@ -300,41 +188,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah L.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
imageAlt: "Sarah L.",
},
id: "1", name: "Sarah L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg", imageAlt: "Sarah L."},
{
id: "2",
name: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-young-woman_23-2148290384.jpg",
imageAlt: "David K.",
},
id: "2", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-young-woman_23-2148290384.jpg", imageAlt: "David K."},
{
id: "3",
name: "Thomas P.",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-177.jpg",
imageAlt: "Thomas P.",
},
id: "3", name: "Thomas P.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-177.jpg", imageAlt: "Thomas P."},
{
id: "4",
name: "Johan M.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg",
imageAlt: "Johan M.",
},
id: "4", name: "Johan M.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg", imageAlt: "Johan M."},
{
id: "5",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-albinism-posing-studio_23-2150535715.jpg",
imageAlt: "Emily R.",
},
id: "5", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-albinism-posing-studio_23-2150535715.jpg", imageAlt: "Emily R."},
{
id: "6",
name: "Alexander H.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg",
imageAlt: "Alexander H.",
},
id: "6", name: "Alexander H.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg", imageAlt: "Alexander H."},
]}
cardTitle="What Our Clients Say"
cardTag="Trusted by Many"
@@ -348,40 +212,19 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "How do I book an appointment?",
content: "You can book directly through our website, call us, or use the booking form on this page.",
},
id: "faq-1", title: "How do I book an appointment?", content: "You can book directly through our website, call us, or use the booking form on this page."},
{
id: "faq-2",
title: "What products do you use?",
content: "We exclusively use high-end, premium grooming products from trusted Scandinavian and international brands.",
},
id: "faq-2", title: "What products do you use?", content: "We exclusively use high-end, premium grooming products from trusted Scandinavian and international brands."},
{
id: "faq-3",
title: "Do you offer gift cards?",
content: "Yes, gift cards are available for purchase in-store and online for any service or value.",
},
id: "faq-3", title: "Do you offer gift cards?", content: "Yes, gift cards are available for purchase in-store and online for any service or value."},
{
id: "faq-4",
title: "What is your cancellation policy?",
content: "We require at least 24 hours' notice for cancellations or rescheduling. Late cancellations may incur a fee.",
},
id: "faq-4", title: "What is your cancellation policy?", content: "We require at least 24 hours' notice for cancellations or rescheduling. Late cancellations may incur a fee."},
{
id: "faq-5",
title: "Do you cater to specific hair types?",
content: "Our master barbers are experienced with all hair types and textures, ensuring a personalized service.",
},
id: "faq-5", title: "Do you cater to specific hair types?", content: "Our master barbers are experienced with all hair types and textures, ensuring a personalized service."},
{
id: "faq-6",
title: "Is parking available?",
content: "Yes, ample street parking and a dedicated lot are available near our location.",
},
id: "faq-6", title: "Is parking available?", content: "Yes, ample street parking and a dedicated lot are available near our location."},
{
id: "faq-7",
title: "Can I request a specific barber?",
content: "Absolutely, you can specify your preferred barber during the online booking process.",
},
id: "faq-7", title: "Can I request a specific barber?", content: "Absolutely, you can specify your preferred barber during the online booking process."},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313027.jpg"
imageAlt="Close-up of elegant barber tools"
@@ -397,20 +240,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Connect with Us"
title="Your Next Appointment Awaits"
description="Visit us, call us, or book your next premium grooming experience using the form below. We look forward to welcoming you.\\n\\n**Address:** Storgatan 1, 111 45 Stockholm\\n**Hours:** Mon-Fri: 9AM-7PM, Sat: 10AM-6PM\\n**Booking:** Use the form for service, barber, date & time preference."
buttons={[
{
text: "Call Us: +123 456 7890",
href: "tel:+1234567890",
},
text: "Call Us: +123 456 7890", href: "tel:+1234567890"},
{
text: "Get Directions",
href: "https://maps.google.com/?q=Nordkrone+Barbershop",
},
text: "Get Directions", href: "https://maps.google.com/?q=Nordkrone+Barbershop"},
]}
/>
</div>
@@ -419,62 +257,37 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "Team",
href: "#team",
},
label: "Team", href: "#team"},
{
label: "Reviews",
href: "#reviews",
},
label: "Reviews", href: "#reviews"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Contact Info",
items: [
title: "Contact Info", items: [
{
label: "Book Now",
href: "#contact",
},
label: "Book Now", href: "#contact"},
{
label: "Storgatan 1, Stockholm",
href: "https://maps.google.com/?q=Nordkrone+Barbershop",
},
label: "Storgatan 1, Stockholm", href: "https://maps.google.com/?q=Nordkrone+Barbershop"},
{
label: "+123 456 7890",
href: "tel:+1234567890",
},
label: "+123 456 7890", href: "tel:+1234567890"},
{
label: "info@nordkrone.com",
href: "mailto:info@nordkrone.com",
},
label: "info@nordkrone.com", href: "mailto:info@nordkrone.com"},
],
},
]}