Merge version_2 into main #2
262
src/app/page.tsx
262
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
@@ -30,130 +30,42 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Velkommen",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Velkommen", id: "hero"},
|
||||
{
|
||||
name: "Book Tid",
|
||||
id: "book",
|
||||
},
|
||||
name: "Book Tid", id: "book"},
|
||||
{
|
||||
name: "Priser",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Priser", id: "pricing"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Vejen Barbershop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Velkommen til Vejen M&S Barbershop"
|
||||
description="Vi står klar til at give dig en førsteklasses klipning. Book din tid online nemt og hurtigt. Vi har åbent mandag-fredag 9:00-17:30, lørdag 9:00-14:30. Lukket søndage og danske helligdage."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jesper N.",
|
||||
handle: "@jespern",
|
||||
testimonial: "Bedste barbershop i Vejen. Altid god service!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CUPJeXbuwJk1UQLC7wqqYp8AjU/uploaded-1776437153876-zlykfrmv.png?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
name: "Mads H.",
|
||||
handle: "@madsh",
|
||||
testimonial: "Kvalitetsklipning hver gang. Kan varmt anbefales.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
name: "Anders K.",
|
||||
handle: "@andersk",
|
||||
testimonial: "Hurtig, præcis og rigtig god atmosfære.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
name: "Simon T.",
|
||||
handle: "@simont",
|
||||
testimonial: "Professionel tilgang og altid friske klippede frisurer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wallpaper-pattern-wooden-background-job-career-concept_53876-143260.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
name: "Lasse J.",
|
||||
handle: "@lassej",
|
||||
testimonial: "Super dygtig barber. 5 stjerner herfra.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-shirtless-man-holding-fingernails-scissors_23-2148690353.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book nu",
|
||||
href: "#book",
|
||||
},
|
||||
text: "Book nu", href: "#book"},
|
||||
{
|
||||
text: "Se priser",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Se priser", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CUPJeXbuwJk1UQLC7wqqYp8AjU/uploaded-1776437153876-zlykfrmv.png?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-speaking-phone-grey-wall_176420-23.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204992.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-adult-male-looking-away_23-2148531057.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiling-man-hairsalon_23-2148224426.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-caucasian-man-with-stylish-haircut-big-fuzzy-beard-wearing-white-t-shirt-having-thoughtful-pensive-expression-while-standing-against-blank-chalkboard_273609-6381.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Kvalitet i fokus",
|
||||
},
|
||||
type: "text", text: "Kvalitet i fokus"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Online booking",
|
||||
},
|
||||
type: "text", text: "Online booking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professionel vejledning",
|
||||
},
|
||||
type: "text", text: "Professionel vejledning"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Moderne stil",
|
||||
},
|
||||
type: "text", text: "Moderne stil"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditionelt håndværk",
|
||||
},
|
||||
type: "text", text: "Traditionelt håndværk"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,26 +76,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Kvalitet",
|
||||
title: "Erfarne Barbers",
|
||||
subtitle: "Mesterligt håndværk",
|
||||
description: "Vores team er specialiseret i både klassiske og moderne klipninger.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=2",
|
||||
},
|
||||
tag: "Kvalitet", title: "Erfarne Barbers", subtitle: "Mesterligt håndværk", description: "Vores team er specialiseret i både klassiske og moderne klipninger.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=2"},
|
||||
{
|
||||
tag: "Booking",
|
||||
title: "Nemt Online Booking",
|
||||
subtitle: "Spar din tid",
|
||||
description: "Book din tid online uden at ringe. Vælg tid når det passer dig.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg?_wi=2",
|
||||
},
|
||||
tag: "Booking", title: "Nemt Online Booking", subtitle: "Spar din tid", description: "Book din tid online uden at ringe. Vælg tid når det passer dig.", imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg?_wi=2"},
|
||||
{
|
||||
tag: "Kunde",
|
||||
title: "Personlig Service",
|
||||
subtitle: "Du i centrum",
|
||||
description: "Vi lytter til dine ønsker for at sikre det bedste resultat hver gang.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wallpaper-pattern-wooden-background-job-career-concept_53876-143260.jpg?_wi=2",
|
||||
},
|
||||
tag: "Kunde", title: "Personlig Service", subtitle: "Du i centrum", description: "Vi lytter til dine ønsker for at sikre det bedste resultat hver gang.", imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wallpaper-pattern-wooden-background-job-career-concept_53876-143260.jpg?_wi=2"},
|
||||
]}
|
||||
title="Hvorfor vælge os?"
|
||||
description="Vi fokuserer på detaljerne og din tilfredshed."
|
||||
@@ -197,54 +94,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "klip",
|
||||
badge: "Populær",
|
||||
price: "250 DKK",
|
||||
subtitle: "Almindelig herreklip",
|
||||
buttons: [
|
||||
id: "klip", badge: "Populær", price: "250 DKK", subtitle: "Almindelig herreklip", buttons: [
|
||||
{
|
||||
text: "Book nu",
|
||||
href: "#book",
|
||||
},
|
||||
text: "Book nu", href: "#book"},
|
||||
],
|
||||
features: [
|
||||
"Vask",
|
||||
"Klip",
|
||||
"Styling",
|
||||
],
|
||||
"Vask", "Klip", "Styling"],
|
||||
},
|
||||
{
|
||||
id: "skæg",
|
||||
badge: "Trim",
|
||||
price: "150 DKK",
|
||||
subtitle: "Skægtrimning",
|
||||
buttons: [
|
||||
id: "skæg", badge: "Trim", price: "150 DKK", subtitle: "Skægtrimning", buttons: [
|
||||
{
|
||||
text: "Book nu",
|
||||
href: "#book",
|
||||
},
|
||||
text: "Book nu", href: "#book"},
|
||||
],
|
||||
features: [
|
||||
"Maskine",
|
||||
"Kniv",
|
||||
"Olie",
|
||||
],
|
||||
"Maskine", "Kniv", "Olie"],
|
||||
},
|
||||
{
|
||||
id: "combo",
|
||||
badge: "Pakke",
|
||||
price: "350 DKK",
|
||||
subtitle: "Klip + Skæg",
|
||||
buttons: [
|
||||
id: "combo", badge: "Pakke", price: "350 DKK", subtitle: "Klip + Skæg", buttons: [
|
||||
{
|
||||
text: "Book nu",
|
||||
href: "#book",
|
||||
},
|
||||
text: "Book nu", href: "#book"},
|
||||
],
|
||||
features: [
|
||||
"Alt inklusiv",
|
||||
"Full service",
|
||||
],
|
||||
"Alt inklusiv", "Full service"],
|
||||
},
|
||||
]}
|
||||
title="Priser"
|
||||
@@ -258,20 +129,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Er der lukket på helligdage?",
|
||||
content: "Ja, Vejen M&S Barbershop har lukket på alle officielle danske helligdage.",
|
||||
},
|
||||
id: "1", title: "Er der lukket på helligdage?", content: "Ja, Vejen M&S Barbershop har lukket på alle officielle danske helligdage."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Kan jeg booke til en ven?",
|
||||
content: "Ja, du kan booke til en ven via vores bookingsystem.",
|
||||
},
|
||||
id: "2", title: "Kan jeg booke til en ven?", content: "Ja, du kan booke til en ven via vores bookingsystem."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Hvordan ser jeg mine bookinger?",
|
||||
content: "Kun ejeren kan se fuld oversigt over bookinger af sikkerhedshensyn.",
|
||||
},
|
||||
id: "3", title: "Hvordan ser jeg mine bookinger?", content: "Kun ejeren kan se fuld oversigt over bookinger af sikkerhedshensyn."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985733.jpg"
|
||||
title="Ofte stillede spørgsmål"
|
||||
@@ -288,40 +150,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Lars",
|
||||
role: "Fast kunde",
|
||||
testimonial: "Fantastisk service hver gang.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-shirtless-man-holding-fingernails-scissors_23-2148690353.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Lars", role: "Fast kunde", testimonial: "Fantastisk service hver gang.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-shirtless-man-holding-fingernails-scissors_23-2148690353.jpg?_wi=2"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Kim",
|
||||
role: "Kunde",
|
||||
testimonial: "Præcis og hurtig klipning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg",
|
||||
},
|
||||
id: "t2", name: "Kim", role: "Kunde", testimonial: "Præcis og hurtig klipning.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jens",
|
||||
role: "Fast kunde",
|
||||
testimonial: "Meget tilfreds med resultatet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg",
|
||||
},
|
||||
id: "t3", name: "Jens", role: "Fast kunde", testimonial: "Meget tilfreds med resultatet.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Per",
|
||||
role: "Kunde",
|
||||
testimonial: "Kan stærkt anbefales.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg",
|
||||
},
|
||||
id: "t4", name: "Per", role: "Kunde", testimonial: "Kan stærkt anbefales.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ole",
|
||||
role: "Fast kunde",
|
||||
testimonial: "Bedste oplevelse i Vejen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9663.jpg",
|
||||
},
|
||||
id: "t5", name: "Ole", role: "Fast kunde", testimonial: "Bedste oplevelse i Vejen.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9663.jpg"},
|
||||
]}
|
||||
title="Kundeanmeldelser"
|
||||
description="Vi sætter pris på din feedback."
|
||||
@@ -332,16 +169,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Kontakt"
|
||||
title="Find os her"
|
||||
description="Nørregade 37, 6600 Vejen. Ring på 30 13 96 95."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ring nu",
|
||||
href: "tel:30139695",
|
||||
},
|
||||
text: "Ring nu", href: "tel:30139695"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -352,37 +186,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Hjem",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Hjem", href: "#hero"},
|
||||
{
|
||||
label: "Book Tid",
|
||||
href: "#book",
|
||||
},
|
||||
label: "Book Tid", href: "#book"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Priser",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Priser", href: "#pricing"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privatliv",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privatliv", href: "#"},
|
||||
{
|
||||
label: "Handelsbetingelser",
|
||||
href: "#",
|
||||
},
|
||||
label: "Handelsbetingelser", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user