Merge version_2 into main #3
194
src/app/page.tsx
194
src/app/page.tsx
@@ -26,107 +26,111 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Hjem", id: "hero" },
|
||||
{ name: "Hvorfor oss", id: "about" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Erfaringer", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="MR. Barber"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Hjem", id: "hero" },
|
||||
{ name: "Hvorfor oss", id: "about" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Erfaringer", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="MR. Barber"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Presisjon, Atmosfære og Ibrahim"
|
||||
description="MR. Barber setter standarden i Lørenskog. Fra den perfekte fade til god stemning i stolen - vi kombinerer rimelige priser med topp håndverk."
|
||||
tag="Din lokale favoritt"
|
||||
tagIcon={Scissors}
|
||||
buttons={[{ text: "Bestill din time", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg?_wi=1"
|
||||
imageAlt="MR. Barber atmosfære"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Skinfade" },
|
||||
{ type: "text", text: "Skjeggtrim" },
|
||||
{ type: "text", text: "Klassisk Klipp" },
|
||||
{ type: "text", text: "Profesjonell service" },
|
||||
{ type: "text", text: "God stemning" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Presisjon, Atmosfære og Ibrahim"
|
||||
description="MR. Barber setter standarden i Lørenskog. Fra den perfekte fade til god stemning i stolen - vi kombinerer rimelige priser med topp håndverk."
|
||||
tag="Din lokale favoritt"
|
||||
tagIcon={Scissors}
|
||||
buttons={[{ text: "Bestill din time", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg?_wi=1"
|
||||
imageAlt="MR. Barber atmosfære"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Skinfade" },
|
||||
{ type: "text", text: "Skjeggtrim" },
|
||||
{ type: "text", text: "Klassisk Klipp" },
|
||||
{ type: "text", text: "Profesjonell service" },
|
||||
{ type: "text", text: "God stemning" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Hvorfor MR. Barber er ditt førstevalg"
|
||||
metrics={[
|
||||
{ icon: Star, label: "Presisjon", value: "100%" },
|
||||
{ icon: Clock, label: "God stemning", value: "Hver gang" },
|
||||
{ icon: Coffee, label: "Rimelige priser", value: "Alltid" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Hvorfor MR. Barber er ditt førstevalg"
|
||||
metrics={[
|
||||
{ icon: Star, label: "Presisjon", value: "100%" },
|
||||
{ icon: Clock, label: "God stemning", value: "Hver gang" },
|
||||
{ icon: Coffee, label: "Rimelige priser", value: "Alltid" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
title="Møt Ibrahim og teamet"
|
||||
description="Hos oss er det Ibrahim og resten av gjengen som sørger for at du går ut døra med en ny, skarp stil hver gang. Velkommen til en barbershop som tar deg på alvor."
|
||||
team={[
|
||||
{
|
||||
id: "ibrahim", name: "Ibrahim", role: "Master Barber & Grunnlegger", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-mirror-medium-shot_23-2149141782.jpg?_wi=1", imageAlt: "Ibrahim"
|
||||
},
|
||||
{
|
||||
id: "jihad", name: "Jihad", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205917.jpg?_wi=1", imageAlt: "Jihad"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
title="Møt Ibrahim og teamet"
|
||||
description="Hos oss er det Ibrahim og resten av gjengen som sørger for at du går ut døra med en ny, skarp stil hver gang. Velkommen til en barbershop som tar deg på alvor."
|
||||
team={[
|
||||
{
|
||||
id: "ibrahim", name: "Ibrahim", role: "Master Barber & Grunnlegger", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-mirror-medium-shot_23-2149141782.jpg?_wi=1", imageAlt: "Ibrahim"
|
||||
},
|
||||
{
|
||||
id: "jihad", name: "Jihad", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205917.jpg?_wi=1", imageAlt: "Jihad"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Kundene våre forteller"
|
||||
description="Se hvorfor våre kunder i Lørenskog kommer tilbake igjen og igjen."
|
||||
tag="Kundeopplevelser"
|
||||
tagIcon={Smile}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Martin Skogheim", date: "Forrige måned", title: "Eksepsjonell presisjon", quote: "Ibrahim er i en klasse for seg selv. Beste fade i Lørenskog.", tag: "Stammis", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-broadly-business-woman-showing-thumb-up_1262-1127.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg?_wi=2"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Omar", date: "2 måneder siden", title: "Hyggelig atmosfære", quote: "Alltid god stemning, rimelig pris og fantastisk service.", tag: "Anbefales", avatarSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205917.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-mirror-medium-shot_23-2149141782.jpg?_wi=2"
|
||||
}
|
||||
]}
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Kundene våre forteller"
|
||||
description="Se hvorfor våre kunder i Lørenskog kommer tilbake igjen og igjen."
|
||||
tag="Kundeopplevelser"
|
||||
tagIcon={Smile}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Martin Skogheim", date: "Forrige måned", title: "Eksepsjonell presisjon", quote: "Ibrahim er i en klasse for seg selv. Beste fade i Lørenskog.", tag: "Stammis", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-broadly-business-woman-showing-thumb-up_1262-1127.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg?_wi=2"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Omar", date: "2 måneder siden", title: "Hyggelig atmosfære", quote: "Alltid god stemning, rimelig pris og fantastisk service.", tag: "Anbefales", avatarSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205917.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-mirror-medium-shot_23-2149141782.jpg?_wi=2"
|
||||
}
|
||||
]}
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Booking"
|
||||
tagIcon={Sparkles}
|
||||
title="Klar for å oppgradere stilen?"
|
||||
description="Book din time hos MR. Barber i dag. Rimelige priser, presisjon i hver bevegelse og byens beste stemning."
|
||||
buttons={[{ text: "Ring oss for booking", href: "tel:+4700000000" }]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Booking"
|
||||
tagIcon={Sparkles}
|
||||
title="Klar for å oppgradere stilen?"
|
||||
description="Book din time hos MR. Barber i dag. Rimelige priser, presisjon i hver bevegelse og byens beste stemning."
|
||||
buttons={[{ text: "Ring oss for booking", href: "tel:+4700000000" }]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "MR. Barber", items: [{ label: "Hjem", href: "#nav" }, { label: "Team", href: "#team" }] },
|
||||
{ title: "Tjenester", items: [{ label: "Fade", href: "#" }, { label: "Skjegg", href: "#" }] },
|
||||
{ title: "Kontakt", items: [{ label: "Lørenskog sentrum", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 MR. Barber"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "MR. Barber", items: [{ label: "Hjem", href: "#nav" }, { label: "Team", href: "#team" }] },
|
||||
{ title: "Tjenester", items: [{ label: "Fade", href: "#" }, { label: "Skjegg", href: "#" }] },
|
||||
{ title: "Kontakt", items: [{ label: "Lørenskog sentrum", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 MR. Barber"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user