Merge version_1 into main #3
262
src/app/page.tsx
262
src/app/page.tsx
@@ -27,154 +27,134 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Hjem", id: "hero"},
|
||||
{
|
||||
name: "Behandlinger", id: "pricing"},
|
||||
{
|
||||
name: "Om oss", id: "about"},
|
||||
{
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Nordnes Frisør"
|
||||
button={{ text: "Bestill time", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Hjem", id: "hero" },
|
||||
{ name: "Behandlinger", id: "pricing" },
|
||||
{ name: "Om oss", id: "about" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Nordnes Frisør"
|
||||
button={{ text: "Bestill time", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Nordnes Frisør"
|
||||
description="En frisør der du føler deg hjemme – med faglig dyktighet, gjestfrihet og tid til detaljene."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-face-mask-home_23-2148741489.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-holding-mousse-near-customer_23-2147778807.jpg" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199301.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695833.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_23-2147778765.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199304.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Bestill time", href: "#" },
|
||||
{ text: "Se behandlinger", href: "#pricing" },
|
||||
]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg", alt: "Stylist 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crop-barber-styling-beard-customer_23-2147778885.jpg", alt: "Stylist 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg", alt: "Stylist 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", alt: "Stylist 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg", alt: "Stylist 5" },
|
||||
]}
|
||||
avatarText="Vårt dyktige team er klare for deg"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Moderne stil" },
|
||||
{ type: "text", text: "Profesjonalitet" },
|
||||
{ type: "text", text: "Gjestfrihet" },
|
||||
{ type: "text", text: "Kvalitet" },
|
||||
{ type: "text", text: "Presisjon" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Nordnes Frisør"
|
||||
description="En frisør der du føler deg hjemme – med faglig dyktighet, gjestfrihet og tid til detaljene."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-face-mask-home_23-2148741489.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-holding-mousse-near-customer_23-2147778807.jpg" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199301.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695833.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_23-2147778765.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199304.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Bestill time", href: "#" }, { text: "Se behandlinger", href: "#pricing" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg", alt: "Stylist 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crop-barber-styling-beard-customer_23-2147778885.jpg", alt: "Stylist 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg", alt: "Stylist 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", alt: "Stylist 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg", alt: "Stylist 5" },
|
||||
]}
|
||||
avatarText="Vårt dyktige team er klare for deg"
|
||||
marqueeItems={[{ type: "text", text: "Moderne stil" }, { type: "text", text: "Profesjonalitet" }, { type: "text", text: "Gjestfrihet" }, { type: "text", text: "Kvalitet" }, { type: "text", text: "Presisjon" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="usp" data-section="usp">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Profesjonell presisjon", description: "Dyktig frisør med øye for detaljer – hver klipp er skreddersydd.", bentoComponent: "reveal-icon", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Hjemlig atmosfære", description: "Du skal føle deg trygg, sett og avslappet fra første sekund.", bentoComponent: "reveal-icon", icon: Coffee,
|
||||
},
|
||||
{
|
||||
title: "Gjestfrihet i fokus", description: "Fantastisk service, god stemning – og gjerne litt spansk om du vil.", bentoComponent: "reveal-icon", icon: Heart,
|
||||
},
|
||||
]}
|
||||
title="Mer enn en klipp"
|
||||
description="Vi prioriterer kvalitet, atmosfære og profesjonalitet."
|
||||
/>
|
||||
</div>
|
||||
<div id="usp" data-section="usp">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Profesjonell presisjon", description: "Dyktig frisør med øye for detaljer – hver klipp er skreddersydd.", bentoComponent: "reveal-icon", icon: Scissors },
|
||||
{ title: "Hjemlig atmosfære", description: "Du skal føle deg trygg, sett og avslappet fra første sekund.", bentoComponent: "reveal-icon", icon: Coffee },
|
||||
{ title: "Gjestfrihet i fokus", description: "Fantastisk service, god stemning – og gjerne litt spansk om du vil.", bentoComponent: "reveal-icon", icon: Heart },
|
||||
]}
|
||||
title="Mer enn en klipp"
|
||||
description="Vi prioriterer kvalitet, atmosfære og profesjonalitet."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "1", name: "Herreklipp", price: "Fra 4xx,-", features: ["Presis klipp", "Styling inkludert"], buttons: [{ text: "Bestill" }] },
|
||||
{ id: "2", name: "Dameklipp", price: "Fra 6xx,-", features: ["Tilpasset hårtype", "Vask og føn"], buttons: [{ text: "Bestill" }] },
|
||||
{ id: "3", name: "Skjegg & konturer", price: "Fra 3xx,-", features: ["Ryddige linjer", "Perfekt form"], buttons: [{ text: "Bestill" }] },
|
||||
{ id: "4", name: "Styling & føn", price: "Fra 3xx,-", features: ["Perfekt for fest", "Profesjonell finish"], buttons: [{ text: "Bestill" }] },
|
||||
]}
|
||||
title="Behandlinger"
|
||||
description="Kvalitet først, alltid."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "1", name: "Herreklipp", price: "Fra 4xx,-", features: ["Presis klipp", "Styling inkludert"], buttons: [{ text: "Bestill" }] },
|
||||
{ id: "2", name: "Dameklipp", price: "Fra 6xx,-", features: ["Tilpasset hårtype", "Vask og føn"], buttons: [{ text: "Bestill" }] },
|
||||
{ id: "3", name: "Skjegg & konturer", price: "Fra 3xx,-", features: ["Ryddige linjer", "Perfekt form"], buttons: [{ text: "Bestill" }] },
|
||||
{ id: "4", name: "Styling & føn", price: "Fra 3xx,-", features: ["Perfekt for fest", "Profesjonell finish"], buttons: [{ text: "Bestill" }] },
|
||||
]}
|
||||
title="Behandlinger"
|
||||
description="Kvalitet først, alltid."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
description="Hva kundene våre sier om oss."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Daniel Minh Pham", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg" },
|
||||
{ id: "2", name: "Are Brynildsen", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg" },
|
||||
{ id: "3", name: "Saeb Salamski", role: "Kunde", company: "Norge", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg" },
|
||||
{ id: "4", name: "Tony", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg" },
|
||||
{ id: "5", name: "Kunde", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
|
||||
]}
|
||||
title="Kundene våre sier det best"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
description="Hva kundene våre sier om oss."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Daniel Minh Pham", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg" },
|
||||
{ id: "2", name: "Are Brynildsen", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg" },
|
||||
{ id: "3", name: "Saeb Salamski", role: "Kunde", company: "Norge", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg" },
|
||||
{ id: "4", name: "Tony", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg" },
|
||||
{ id: "5", name: "Kunde", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
|
||||
]}
|
||||
title="Kundene våre sier det best"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Om oss"
|
||||
title="Nordnes Frisør i Storgata 1"
|
||||
description="Vi tar oss tid. Vi lytter. Vi legger merke til detaljene – hvordan du lever, jobber og uttrykker deg – og skaper en frisyre som faktisk passer deg."
|
||||
subdescription="Her møter du profesjonell fagkunnskap, varm gjestfrihet og en rolig atmosfære."
|
||||
icon={Scissors}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4435.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Om oss"
|
||||
title="Nordnes Frisør i Storgata 1"
|
||||
description="Vi tar oss tid. Vi lytter. Vi legger merke til detaljene – hvordan du lever, jobber og uttrykker deg – og skaper en frisyre som faktisk passer deg."
|
||||
subdescription="Her møter du profesjonell fagkunnskap, varm gjestfrihet og en rolig atmosfære."
|
||||
icon={Scissors}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4435.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Besøk oss i Storgata 1, 1531 Moss. Ring 92 07 92 92 eller bestill time online."
|
||||
buttons={[{ text: "Bestill time", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Besøk oss i Storgata 1, 1531 Moss. Ring 92 07 92 92 eller bestill time online."
|
||||
buttons={[{ text: "Bestill time", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Nordnes Frisør"
|
||||
columns={[
|
||||
{ title: "Navigasjon", items: [{ label: "Hjem", href: "#hero" }, { label: "Behandlinger", href: "#pricing" }, { label: "Kontakt", href: "#contact" }] },
|
||||
{ title: "Åpningstider", items: [{ label: "Man-Fre: 10-18", href: "#" }, { label: "Lør: 10-17", href: "#" }, { label: "Søn: Stengt", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© Nordnes Frisør 2026"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Nordnes Frisør"
|
||||
columns={[
|
||||
{ title: "Navigasjon", items: [{ label: "Hjem", href: "#hero" }, { label: "Behandlinger", href: "#pricing" }, { label: "Kontakt", href: "#contact" }] },
|
||||
{ title: "Åpningstider", items: [{ label: "Man-Fre: 10-18", href: "#" }, { label: "Lør: 10-17", href: "#" }, { label: "Søn: Stengt", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© Nordnes Frisør 2026"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user