bender/2d9582db-0cfc-4cdd-ac61-1c9afd7c6926
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 7 commits from version_2 into main 2026-03-05 13:48:58 +00:00
Conversation 0 Commits 7 Files Changed 7 +155 -394
7 changed files with 155 additions and 394 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/app/booking/page.tsx
View File

@@ -18,8 +18,7 @@ const navItems = [
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Haircuts", href: "/pricing" },
{ label: "Beard Trim", href: "/pricing" },
{ label: "Styling", href: "/pricing" },
@@ -27,8 +26,7 @@ const footerColumns = [
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Contact", href: "/contact" },
{ label: "Location", href: "https://maps.google.com/?q=Greve+Strandvej+29" },
@@ -36,8 +34,7 @@ const footerColumns = [
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Book Online", href: "https://strandvejensbarber.setmore.com" },
@@ -54,7 +51,7 @@ export default function BookingPage() {
borderRadius="pill"
contentWidth="small"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
background="none"
cardStyle="layered-gradient"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -77,26 +74,17 @@ export default function BookingPage() {
imageAlt="Barbershop interior"
mediaAnimation="slide-up"
mediaPosition="left"
useInvertedBackground={false}
useInvertedBackground={true}
accordionItems={[
{
id: "1",
title: "Choose Your Service",
content:
"Vælg den service, du gerne vil have udført. Vi tilbyder haircuts, beard trimming, styling, og meget mere. Se vores priser og beskrivelser.",
},
id: "1", title: "Choose Your Service", content:
"Vælg den service, du gerne vil have udført. Vi tilbyder haircuts, beard trimming, styling, og meget mere. Se vores priser og beskrivelser."},
{
id: "2",
title: "Select Your Time",
content:
"Vælg et tidspunkt, der passer dig. Vi har mange ledige slots gennem hele ugen. Book online eller ring os på +45 50 23 53 73.",
},
id: "2", title: "Select Your Time", content:
"Vælg et tidspunkt, der passer dig. Vi har mange ledige slots gennem hele ugen. Book online eller ring os på +45 50 23 53 73."},
{
id: "3",
title: "Confirm Your Appointment",
content:
"Bekræft din booking og modtag en bekræftelse via email eller SMS. Vi glæder os til at se dig og levere den bedste barbershop-oplevelse.",
},
id: "3", title: "Confirm Your Appointment", content:
"Bekræft din booking og modtag en bekræftelse via email eller SMS. Vi glæder os til at se dig og levere den bedste barbershop-oplevelse."},
]}
buttons={[
{ text: "Book Now", href: "https://strandvejensbarber.setmore.com" },
@@ -114,7 +102,7 @@ export default function BookingPage() {
tagIcon={Phone}
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg?_wi=1"
imageAlt="Barbershop interior"
mediaAnimation="slide-up"
@@ -138,4 +126,4 @@ export default function BookingPage() {
</div>
</ThemeProvider>
);
}
}

38
src/app/contact/page.tsx
View File

@@ -18,8 +18,7 @@ const navItems = [
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Haircuts", href: "/pricing" },
{ label: "Beard Trim", href: "/pricing" },
{ label: "Styling", href: "/pricing" },
@@ -27,8 +26,7 @@ const footerColumns = [
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Contact", href: "/contact" },
{ label: "Location", href: "https://maps.google.com/?q=Greve+Strandvej+29" },
@@ -36,8 +34,7 @@ const footerColumns = [
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Book Online", href: "https://strandvejensbarber.setmore.com" },
@@ -54,7 +51,7 @@ export default function ContactPage() {
borderRadius="pill"
contentWidth="small"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
background="none"
cardStyle="layered-gradient"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -74,7 +71,7 @@ export default function ContactPage() {
tagIcon={Phone}
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg?_wi=2"
imageAlt="Barbershop interior"
mediaAnimation="slide-up"
@@ -98,26 +95,17 @@ export default function ContactPage() {
imageAlt="Barbershop location"
mediaAnimation="slide-up"
mediaPosition="left"
useInvertedBackground={false}
useInvertedBackground={true}
accordionItems={[
{
id: "1",
title: "Opening Hours",
content:
"Mandag - Fredag: 09:00 - 18:00\nLørdag: 10:00 - 16:00\nSøndag: Lukket\n\nVi anbefaler at booke din tid på forhånd, da vi ofte er fuldt booket.",
},
id: "1", title: "Opening Hours", content:
"Mandag - Fredag: 09:00 - 18:00\nLørdag: 10:00 - 16:00\nSøndag: Lukket\n\nVi anbefaler at booke din tid på forhånd, da vi ofte er fuldt booket."},
{
id: "2",
title: "How to Reach Us",
content:
"Telefon: +45 50 23 53 73\nEmail: info@strandvejensbarber.dk\n\nDu kan også booke direkte gennem vores online bookingsystem på strandvejensbarber.setmore.com",
},
id: "2", title: "How to Reach Us", content:
"Telefon: +45 50 23 53 73\nEmail: info@strandvejensbarber.dk\n\nDu kan også booke direkte gennem vores online bookingsystem på strandvejensbarber.setmore.com"},
{
id: "3",
title: "Location Details",
content:
"Greve Strandvej 29, 2670 Greve Strand, Danmark\n\nParking er tilgængelig foran barbershopppen. Vi ligger centralt i Greve Strand og er let tilgængelig.",
},
id: "3", title: "Location Details", content:
"Greve Strandvej 29, 2670 Greve Strand, Danmark\n\nParking er tilgængelig foran barbershopppen. Vi ligger centralt i Greve Strand og er let tilgængelig."},
]}
buttons={[
{ text: "Call Us", href: "tel:+4550235373" },
@@ -139,4 +127,4 @@ export default function ContactPage() {
</div>
</ThemeProvider>
);
}
}

88
src/app/gallery/page.tsx
View File

@@ -18,8 +18,7 @@ const navItems = [
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Haircuts", href: "/pricing" },
{ label: "Beard Trim", href: "/pricing" },
{ label: "Styling", href: "/pricing" },
@@ -27,8 +26,7 @@ const footerColumns = [
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Contact", href: "/contact" },
{ label: "Location", href: "https://maps.google.com/?q=Greve+Strandvej+29" },
@@ -36,8 +34,7 @@ const footerColumns = [
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Book Online", href: "https://strandvejensbarber.setmore.com" },
@@ -54,7 +51,7 @@ export default function GalleryPage() {
borderRadius="pill"
contentWidth="small"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
background="none"
cardStyle="layered-gradient"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -79,61 +76,25 @@ export default function GalleryPage() {
carouselMode="buttons"
blogs={[
{
id: "1",
category: "Fade Haircut",
title: "Classic Fade with Line Design",
excerpt:
"Modern fade with sharp line design and beard work. Perfect for a polished look.",
imageSrc:
"http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-comb_613910-5069.jpg?_wi=2",
imageAlt: "Fade haircut example",
authorName: "Strandvejens Barber",
authorAvatar:
"http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg",
date: "25 Jan 2025",
},
id: "1", category: "Fade Haircut", title: "Classic Fade with Line Design", excerpt:
"Modern fade with sharp line design and beard work. Perfect for a polished look.", imageSrc:
"http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-comb_613910-5069.jpg?_wi=2", imageAlt: "Fade haircut example", authorName: "Strandvejens Barber", authorAvatar:
"http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg", date: "25 Jan 2025"},
{
id: "2",
category: "Undercut",
title: "Textured Undercut Style",
excerpt:
"Contemporary undercut with textured top for a stylish, modern appearance.",
imageSrc:
"http://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg?_wi=2",
imageAlt: "Undercut haircut example",
authorName: "Strandvejens Barber",
authorAvatar:
"http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg",
date: "20 Jan 2025",
},
id: "2", category: "Undercut", title: "Textured Undercut Style", excerpt:
"Contemporary undercut with textured top for a stylish, modern appearance.", imageSrc:
"http://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg?_wi=2", imageAlt: "Undercut haircut example", authorName: "Strandvejens Barber", authorAvatar:
"http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg", date: "20 Jan 2025"},
{
id: "3",
category: "Beard Design",
title: "Detailed Beard Sculpting",
excerpt:
"Precision beard design with careful attention to shape and symmetry.",
imageSrc:
"http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=3",
imageAlt: "Beard design example",
authorName: "Strandvejens Barber",
authorAvatar:
"http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg",
date: "18 Jan 2025",
},
id: "3", category: "Beard Design", title: "Detailed Beard Sculpting", excerpt:
"Precision beard design with careful attention to shape and symmetry.", imageSrc:
"http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=3", imageAlt: "Beard design example", authorName: "Strandvejens Barber", authorAvatar:
"http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg", date: "18 Jan 2025"},
{
id: "4",
category: "Client Transformation",
title: "Complete Makeover",
excerpt:
"Full haircut and beard transformation for a fresh, confident look.",
imageSrc:
"http://img.b2bpic.net/free-photo/low-angle-barbershop-concept_23-2148506214.jpg?_wi=2",
imageAlt: "Client transformation",
authorName: "Strandvejens Barber",
authorAvatar:
"http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg",
date: "15 Jan 2025",
},
id: "4", category: "Client Transformation", title: "Complete Makeover", excerpt:
"Full haircut and beard transformation for a fresh, confident look.", imageSrc:
"http://img.b2bpic.net/free-photo/low-angle-barbershop-concept_23-2148506214.jpg?_wi=2", imageAlt: "Client transformation", authorName: "Strandvejens Barber", authorAvatar:
"http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg", date: "15 Jan 2025"},
]}
/>
</div>
@@ -141,14 +102,11 @@ export default function GalleryPage() {
{/* Call to Action Section */}
<div id="gallery-cta" data-section="gallery-cta">
<InlineImageSplitTextAbout
useInvertedBackground={false}
useInvertedBackground={true}
heading={[
{ type: "text", content: "Inspireret af vores arbejde?" },
{
type: "image",
src: "http://img.b2bpic.net/free-vector/retro-logo-collection-template-concept_23-2148467763.jpg",
alt: "Strandvejens Barber",
},
type: "image", src: "http://img.b2bpic.net/free-vector/retro-logo-collection-template-concept_23-2148467763.jpg", alt: "Strandvejens Barber"},
{ type: "text", content: "Book din tid nu" },
]}
buttons={[
@@ -171,4 +129,4 @@ export default function GalleryPage() {
</div>
</ThemeProvider>
);
}
}

32
src/app/layout.tsx
View File

@@ -7,43 +7,27 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
const mulish = Mulish({
variable: "--font-mulish",
subsets: ["latin"],
variable: "--font-mulish", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Strandvejens Barber - Premium Barbershop in Greve Strand",
description: "Professional barbershop services in Greve Strand. Expert haircuts, beard trimming, and styling. Book your appointment online today.",
keywords: "barbershop, barber, haircut, Greve Strand, beard trim, hair styling, grooming",
openGraph: {
title: "Strandvejens Barber - Premium Barbershop",
description: "Experience premium barbershop services in Greve Strand. Expert barbers, high-quality grooming.",
url: "https://strandvejensbarber.dk",
siteName: "Strandvejens Barber",
type: "website",
images: [
title: "Strandvejens Barber - Premium Barbershop in Greve Strand", description: "Professional barbershop services in Greve Strand. Expert haircuts, beard trimming, and styling. Book your appointment online today.", keywords: "barbershop, barber, haircut, Greve Strand, beard trim, hair styling, grooming", openGraph: {
title: "Strandvejens Barber - Premium Barbershop", description: "Experience premium barbershop services in Greve Strand. Expert barbers, high-quality grooming.", url: "https://strandvejensbarber.dk", siteName: "Strandvejens Barber", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg",
alt: "Strandvejens Barber barbershop",
},
url: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", alt: "Strandvejens Barber barbershop"},
],
},
twitter: {
card: "summary_large_image",
title: "Strandvejens Barber - Premium Barbershop",
description: "Professional barbershop in Greve Strand",
images: ["http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg"],
card: "summary_large_image", title: "Strandvejens Barber - Premium Barbershop", description: "Professional barbershop in Greve Strand", images: ["http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg"],
},
robots: {
index: true,
@@ -1435,4 +1419,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

233
src/app/page.tsx
View File

@@ -21,8 +21,7 @@ const navItems = [
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Haircuts", href: "/pricing" },
{ label: "Beard Trim", href: "/pricing" },
{ label: "Styling", href: "/pricing" },
@@ -30,8 +29,7 @@ const footerColumns = [
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Contact", href: "/contact" },
{ label: "Location", href: "https://maps.google.com/?q=Greve+Strandvej+29" },
@@ -39,8 +37,7 @@ const footerColumns = [
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Book Online", href: "https://strandvejensbarber.setmore.com" },
@@ -57,7 +54,7 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="small"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
background="none"
cardStyle="layered-gradient"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -71,7 +68,7 @@ export default function HomePage() {
{/* Hero Section */}
<div id="hero" data-section="hero">
<HeroBillboardDashboard
background={{ variant: "radial-gradient" }}
background={{ variant: "plain" }}
tag="Greve Strand"
tagIcon={Scissors}
tagAnimation="slide-up"
@@ -83,10 +80,8 @@ export default function HomePage() {
]}
buttonAnimation="slide-up"
dashboard={{
title: "Strandvejens Barber",
logoIcon: Scissors,
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg?_wi=1",
buttons: [
title: "Strandvejens Barber", logoIcon: Scissors,
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg?_wi=1", buttons: [
{ text: "Book Now", href: "/booking" },
{ text: "Call Us", href: "tel:+4550235373" },
],
@@ -97,45 +92,32 @@ export default function HomePage() {
],
stats: [
{
title: "Years Experience",
values: [5, 10, 15],
description: "Professional expertise",
},
title: "Years Experience", values: [5, 10, 15],
description: "Professional expertise"},
{
title: "Happy Clients",
values: [500, 750, 1000],
description: "Satisfied customers",
},
title: "Happy Clients", values: [500, 750, 1000],
description: "Satisfied customers"},
{
title: "Services Offered",
values: [8, 10, 12],
description: "Premium haircuts & styles",
},
title: "Services Offered", values: [8, 10, 12],
description: "Premium haircuts & styles"},
],
chartTitle: "Monthly Bookings",
chartData: [
chartTitle: "Monthly Bookings", chartData: [
{ value: 65 },
{ value: 78 },
{ value: 82 },
{ value: 90 },
{ value: 88 },
],
listTitle: "Latest Appointments",
listItems: [
listTitle: "Latest Appointments", listItems: [
{
icon: Clock,
title: "Haircut Appointment",
status: "Confirmed",
},
title: "Haircut Appointment", status: "Confirmed"},
{ icon: Check, title: "Beard Trim Service", status: "Completed" },
{
icon: Calendar,
title: "Premium Styling",
status: "Scheduled",
},
title: "Premium Styling", status: "Scheduled"},
],
searchPlaceholder: "Search appointments...",
}}
searchPlaceholder: "Search appointments..."}}
/>
</div>
@@ -151,32 +133,20 @@ export default function HomePage() {
imageAlt="Barbershop interior"
mediaAnimation="slide-up"
mediaPosition="right"
useInvertedBackground={false}
useInvertedBackground={true}
accordionItems={[
{
id: "1",
title: "Classic Haircut",
content:
"Professionel hårklippe med traditionel barbershop-teknik. Inkluderer hårvask, klipning og finish. Perfekt til alle hårtypes og stilønsker.",
},
id: "1", title: "Classic Haircut", content:
"Professionel hårklippe med traditionel barbershop-teknik. Inkluderer hårvask, klipning og finish. Perfekt til alle hårtypes og stilønsker."},
{
id: "2",
title: "Beard Trimming & Design",
content:
"Ekspertise inden for skægtrimning og design. Vi former og vedligeholder dit skæg efter dine præferencer med højeste kvalitet.",
},
id: "2", title: "Beard Trimming & Design", content:
"Ekspertise inden for skægtrimning og design. Vi former og vedligeholder dit skæg efter dine præferencer med højeste kvalitet."},
{
id: "3",
title: "Fade & Undercut",
content:
"Moderne hårsnit med præcise fades og undercuts. Vi bruger de seneste barbershop-teknikker for et skarpt udtryk.",
},
id: "3", title: "Fade & Undercut", content:
"Moderne hårsnit med præcise fades og undercuts. Vi bruger de seneste barbershop-teknikker for et skarpt udtryk."},
{
id: "4",
title: "Hair Styling",
content:
"Professionel styling til specielle lejligheder eller dagligdags look. Vi rådgiver dig om hvad der passer til dit ansigt og hårtype.",
},
id: "4", title: "Hair Styling", content:
"Professionel styling til specielle lejligheder eller dagligdags look. Vi rådgiver dig om hvad der passer til dit ansigt og hårtype."},
]}
buttons={[{ text: "Book Service", href: "/booking" }]}
buttonAnimation="slide-up"
@@ -197,61 +167,25 @@ export default function HomePage() {
carouselMode="buttons"
blogs={[
{
id: "1",
category: "Fade Haircut",
title: "Classic Fade with Line Design",
excerpt:
"Modern fade with sharp line design and beard work. Perfect for a polished look.",
imageSrc:
"http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-comb_613910-5069.jpg?_wi=1",
imageAlt: "Fade haircut example",
authorName: "Strandvejens Barber",
authorAvatar:
"http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg",
date: "25 Jan 2025",
},
id: "1", category: "Fade Haircut", title: "Classic Fade with Line Design", excerpt:
"Modern fade with sharp line design and beard work. Perfect for a polished look.", imageSrc:
"http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-comb_613910-5069.jpg?_wi=1", imageAlt: "Fade haircut example", authorName: "Strandvejens Barber", authorAvatar:
"http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg", date: "25 Jan 2025"},
{
id: "2",
category: "Undercut",
title: "Textured Undercut Style",
excerpt:
"Contemporary undercut with textured top for a stylish, modern appearance.",
imageSrc:
"http://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg?_wi=1",
imageAlt: "Undercut haircut example",
authorName: "Strandvejens Barber",
authorAvatar:
"http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg",
date: "20 Jan 2025",
},
id: "2", category: "Undercut", title: "Textured Undercut Style", excerpt:
"Contemporary undercut with textured top for a stylish, modern appearance.", imageSrc:
"http://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg?_wi=1", imageAlt: "Undercut haircut example", authorName: "Strandvejens Barber", authorAvatar:
"http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg", date: "20 Jan 2025"},
{
id: "3",
category: "Beard Design",
title: "Detailed Beard Sculpting",
excerpt:
"Precision beard design with careful attention to shape and symmetry.",
imageSrc:
"http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=2",
imageAlt: "Beard design example",
authorName: "Strandvejens Barber",
authorAvatar:
"http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg",
date: "18 Jan 2025",
},
id: "3", category: "Beard Design", title: "Detailed Beard Sculpting", excerpt:
"Precision beard design with careful attention to shape and symmetry.", imageSrc:
"http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=2", imageAlt: "Beard design example", authorName: "Strandvejens Barber", authorAvatar:
"http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg", date: "18 Jan 2025"},
{
id: "4",
category: "Client Transformation",
title: "Complete Makeover",
excerpt:
"Full haircut and beard transformation for a fresh, confident look.",
imageSrc:
"http://img.b2bpic.net/free-photo/low-angle-barbershop-concept_23-2148506214.jpg?_wi=1",
imageAlt: "Client transformation",
authorName: "Strandvejens Barber",
authorAvatar:
"http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg",
date: "15 Jan 2025",
},
id: "4", category: "Client Transformation", title: "Complete Makeover", excerpt:
"Full haircut and beard transformation for a fresh, confident look.", imageSrc:
"http://img.b2bpic.net/free-photo/low-angle-barbershop-concept_23-2148506214.jpg?_wi=1", imageAlt: "Client transformation", authorName: "Strandvejens Barber", authorAvatar:
"http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg", date: "15 Jan 2025"},
]}
/>
</div>
@@ -270,70 +204,34 @@ export default function HomePage() {
carouselMode="buttons"
testimonials={[
{
id: "1",
name: "Erik Nielsen",
role: "Regular Customer",
testimonial:
"Fantastisk service! Barberen er meget professionel og ved præcis hvad han laver. Jeg har været her i flere år og kan kun anbefale Strandvejens Barber.",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
imageAlt: "Erik Nielsen",
icon: ThumbsUp,
id: "1", name: "Erik Nielsen", role: "Regular Customer", testimonial:
"Fantastisk service! Barberen er meget professionel og ved præcis hvad han laver. Jeg har været her i flere år og kan kun anbefale Strandvejens Barber.", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Erik Nielsen", icon: ThumbsUp,
},
{
id: "2",
name: "Johannes Petersen",
role: "First Time Client",
testimonial:
"Skøn atmosfære og høj kvalitet arbejde. Den perfekte barber oplevelse i Greve Strand. Vil helt sikkert blive hængende som kunde.",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
imageAlt: "Johannes Petersen",
icon: Heart,
id: "2", name: "Johannes Petersen", role: "First Time Client", testimonial:
"Skøn atmosfære og høj kvalitet arbejde. Den perfekte barber oplevelse i Greve Strand. Vil helt sikkert blive hængende som kunde.", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Johannes Petersen", icon: Heart,
},
{
id: "3",
name: "Thomas Andersen",
role: "Loyal Customer",
testimonial:
"Altid en god tid her. Barberen lytter til hvad jeg vil have og leverer præcis det. Rolige og hyggelige omgivelser som de lover.",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
imageAlt: "Thomas Andersen",
icon: CheckCircle,
id: "3", name: "Thomas Andersen", role: "Loyal Customer", testimonial:
"Altid en god tid her. Barberen lytter til hvad jeg vil have og leverer præcis det. Rolige og hyggelige omgivelser som de lover.", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Thomas Andersen", icon: CheckCircle,
},
{
id: "4",
name: "Morten Larsen",
role: "Business Owner",
testimonial:
"Som travl forretningmand værdsætter jeg professionel service. Her får jeg præcis det - høj kvalitet og respekt for min tid.",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",
imageAlt: "Morten Larsen",
icon: Briefcase,
id: "4", name: "Morten Larsen", role: "Business Owner", testimonial:
"Som travl forretningmand værdsætter jeg professionel service. Her får jeg præcis det - høj kvalitet og respekt for min tid.", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Morten Larsen", icon: Briefcase,
},
{
id: "5",
name: "Peter Dahl",
role: "Student",
testimonial:
"Bedste barbershop i Greve! Gode priser, god atmosfære og skarp hårklipning. Kan varmt anbefales til alle.",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5",
imageAlt: "Peter Dahl",
icon: Award,
id: "5", name: "Peter Dahl", role: "Student", testimonial:
"Bedste barbershop i Greve! Gode priser, god atmosfære og skarp hårklipning. Kan varmt anbefales til alle.", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5", imageAlt: "Peter Dahl", icon: Award,
},
{
id: "6",
name: "Rune Jensen",
role: "Regular Customer",
testimonial:
"Altid venlig betjening og top kvalitet arbejde. Strandvejens Barber er mit go-to sted for hårklipning hver gang.",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6",
imageAlt: "Rune Jensen",
icon: Star,
id: "6", name: "Rune Jensen", role: "Regular Customer", testimonial:
"Altid venlig betjening og top kvalitet arbejde. Strandvejens Barber er mit go-to sted for hårklipning hver gang.", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6", imageAlt: "Rune Jensen", icon: Star,
},
]}
/>
@@ -342,14 +240,11 @@ export default function HomePage() {
{/* About Section */}
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
useInvertedBackground={true}
heading={[
{ type: "text", content: "Din lokale barber i" },
{
type: "image",
src: "http://img.b2bpic.net/free-vector/retro-logo-collection-template-concept_23-2148467763.jpg",
alt: "Strandvejens Barber",
},
type: "image", src: "http://img.b2bpic.net/free-vector/retro-logo-collection-template-concept_23-2148467763.jpg", alt: "Strandvejens Barber"},
{ type: "text", content: "Greve Strand" },
]}
buttons={[
@@ -372,4 +267,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}

102
src/app/pricing/page.tsx
View File

@@ -18,8 +18,7 @@ const navItems = [
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Haircuts", href: "/pricing" },
{ label: "Beard Trim", href: "/pricing" },
{ label: "Styling", href: "/pricing" },
@@ -27,8 +26,7 @@ const footerColumns = [
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Contact", href: "/contact" },
{ label: "Location", href: "https://maps.google.com/?q=Greve+Strandvej+29" },
@@ -36,8 +34,7 @@ const footerColumns = [
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Book Online", href: "https://strandvejensbarber.setmore.com" },
@@ -54,7 +51,7 @@ export default function PricingPage() {
borderRadius="pill"
contentWidth="small"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
background="none"
cardStyle="layered-gradient"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -70,75 +67,35 @@ export default function PricingPage() {
<PricingCardNine
plans={[
{
id: "haircut",
title: "Haircut",
price: "150",
period: "kr",
imageSrc:
"http://img.b2bpic.net/free-photo/doing-new-hairstyle-male-model-using-hairspray_651396-965.jpg",
imageAlt: "Haircut service",
button: { text: "Book Now", href: "/booking" },
id: "haircut", title: "Haircut", price: "150", period: "kr", imageSrc:
"http://img.b2bpic.net/free-photo/doing-new-hairstyle-male-model-using-hairspray_651396-965.jpg", imageAlt: "Haircut service", button: { text: "Book Now", href: "/booking" },
features: [
"Professional haircut",
"Hair wash included",
"Styling included",
"Consultation with barber",
],
"Professional haircut", "Hair wash included", "Styling included", "Consultation with barber"],
},
{
id: "beard",
title: "Beard Trim",
price: "100",
period: "kr",
imageSrc:
"http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg",
imageAlt: "Beard trim service",
button: { text: "Book Now", href: "/booking" },
id: "beard", title: "Beard Trim", price: "100", period: "kr", imageSrc:
"http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg", imageAlt: "Beard trim service", button: { text: "Book Now", href: "/booking" },
features: [
"Beard shaping",
"Beard design",
"Neck shave",
"Beard care tips",
],
"Beard shaping", "Beard design", "Neck shave", "Beard care tips"],
},
{
id: "combo",
title: "Haircut + Beard",
price: "220",
period: "kr",
imageSrc:
"http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=4",
imageAlt: "Combo package",
button: { text: "Book Now", href: "/booking" },
id: "combo", title: "Haircut + Beard", price: "220", period: "kr", imageSrc:
"http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=4", imageAlt: "Combo package", button: { text: "Book Now", href: "/booking" },
features: [
"Full haircut service",
"Beard design & trim",
"Complete grooming",
"Premium styling finish",
],
"Full haircut service", "Beard design & trim", "Complete grooming", "Premium styling finish"],
},
{
id: "premium",
title: "Premium Styling",
price: "250",
period: "kr",
imageSrc:
"http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg",
imageAlt: "Premium styling",
button: { text: "Book Now", href: "/booking" },
id: "premium", title: "Premium Styling", price: "250", period: "kr", imageSrc:
"http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg", imageAlt: "Premium styling", button: { text: "Book Now", href: "/booking" },
features: [
"Custom haircut design",
"Full beard package",
"Scalp massage",
"Premium hair products",
],
"Custom haircut design", "Full beard package", "Scalp massage", "Premium hair products"],
},
]}
animationType="slide-up"
title="Pricing Menu"
description="Vores priser er fair og konkurrencedygtige for høj kvalitet service."
textboxLayout="default"
useInvertedBackground={false}
useInvertedBackground={true}
tag="Pricing"
tagIcon={Scissors}
tagAnimation="slide-up"
@@ -157,26 +114,17 @@ export default function PricingPage() {
imageAlt="Barbershop interior"
mediaAnimation="slide-up"
mediaPosition="right"
useInvertedBackground={false}
useInvertedBackground={true}
accordionItems={[
{
id: "1",
title: "Quality Assurance",
content:
"Vi bruger kun høj kvalitet barbershop produkter og instrumenter. Alle vores værktøjer er steriliseret og vedligeholdt efter højeste standarder for hygiejne og sikkerhed.",
},
id: "1", title: "Quality Assurance", content:
"Vi bruger kun høj kvalitet barbershop produkter og instrumenter. Alle vores værktøjer er steriliseret og vedligeholdt efter højeste standarder for hygiejne og sikkerhed."},
{
id: "2",
title: "Professional Consultation",
content:
"Hver kunde får en gratis konsultation hvor vi diskuterer dine ønsker og præferencer. Vi rådgiver baseret på dit ansigtssnit og hårtype.",
},
id: "2", title: "Professional Consultation", content:
"Hver kunde får en gratis konsultation hvor vi diskuterer dine ønsker og præferencer. Vi rådgiver baseret på dit ansigtssnit og hårtype."},
{
id: "3",
title: "Relaxation Experience",
content:
"Vi tilbyder en behagelig og rolig atmosfære hvor du kan slappe af. En god barbershop-oplevelse er mere end bare en hårklipning.",
},
id: "3", title: "Relaxation Experience", content:
"Vi tilbyder en behagelig og rolig atmosfære hvor du kan slappe af. En god barbershop-oplevelse er mere end bare en hårklipning."},
]}
buttons={[{ text: "Book Your Service", href: "/booking" }]}
buttonAnimation="slide-up"
@@ -195,4 +143,4 @@ export default function PricingPage() {
</div>
</ThemeProvider>
);
}
}

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f7f6f7;
--card: #ffffff;
--foreground: #0c1325;
--primary-cta: #0798ff;
--primary-cta-text: #f7f6f7;
--secondary-cta: #ffffff;
--secondary-cta-text: #0c1325;
--accent: #93c7ff;
--background-accent: #a8cde8;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #e6e6e6;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffff;
--accent: #404040;
--background-accent: #2a2a2a;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);