Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 70ae61c223 |
158
src/app/page.tsx
158
src/app/page.tsx
@@ -31,13 +31,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Erfaring", id: "about"},
|
||||
name: "Experience",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Præcision", id: "features"},
|
||||
name: "Precision",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Anbefalinger", id: "testimonials"},
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Besøg os", id: "contact"},
|
||||
name: "Visit",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="City Salon"
|
||||
/>
|
||||
@@ -46,42 +54,65 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Præcisionsklipning. Rigtige mennesker. Ingen tidsbestilling."
|
||||
description="Du er ikke bare en kunde – du bliver husket. Kom ind, når det passer dig, og få den samme perfekte klipning, som får vores kunder til at vende tilbage år efter år."
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Precision cuts. Real people. No booking needed."
|
||||
description="You're not just a customer—you're remembered. Walk in anytime and get the same perfect cut that keeps clients coming back for years."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-phone-park_23-2148018595.jpg", alt: "Kunde"},
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-phone-park_23-2148018595.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lady-summer-cafe-woman-sitting-table-famale-with-cute-dog_1157-41816.jpg", alt: "Kunde"},
|
||||
src: "http://img.b2bpic.net/free-photo/lady-summer-cafe-woman-sitting-table-famale-with-cute-dog_1157-41816.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9654.jpg", alt: "Kunde"},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9654.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg", alt: "Kunde"},
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/this-is-so-cute-portrait-attractive-unshaven-young-male-with-muscular-tattoo-body-crossing-arms-his-chest-smiling-being-touched-by-something-expressing-distrust-suspicion-doubt_343059-1710.jpg", alt: "Kunde"},
|
||||
src: "http://img.b2bpic.net/free-photo/this-is-so-cute-portrait-attractive-unshaven-young-male-with-muscular-tattoo-body-crossing-arms-his-chest-smiling-being-touched-by-something-expressing-distrust-suspicion-doubt_343059-1710.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
]}
|
||||
avatarText="Betroet af vores loyale stamkunder i over 6 år"
|
||||
avatarText="Trusted by our loyal regulars for over 6 years"
|
||||
buttons={[
|
||||
{
|
||||
text: "Kom forbi i dag", href: "#contact"},
|
||||
text: "Drop In Today",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "Walk-ins velkomne", icon: Clock,
|
||||
type: "text-icon",
|
||||
text: "Walk-ins Welcome",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Præcisions-fades", icon: Scissors,
|
||||
type: "text-icon",
|
||||
text: "Precision Fades",
|
||||
icon: Scissors,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Premium produkter", icon: Droplet,
|
||||
type: "text-icon",
|
||||
text: "Premium Products",
|
||||
icon: Droplet,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Ekspert barberer", icon: UserCheck,
|
||||
type: "text-icon",
|
||||
text: "Expert Barbers",
|
||||
icon: UserCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Moderne studie", icon: Star,
|
||||
type: "text-icon",
|
||||
text: "Modern Studio",
|
||||
icon: Star,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -90,10 +121,10 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="En tradition for håndværk og fællesskab"
|
||||
description="Hos City Salon tror vi på, at en god klipning handler om mere end bare frisuren – det handler om tillid. Vi har opbygget et ry for konsekvent kvalitet, der bringer vores kunder tilbage igen og igen. Når du træder ind ad døren, bliver du mødt af kendte ansigter og barberer, der virkelig lytter. Uanset om du er ny i kvarteret eller en af vores faste kunder, fortjener du en klipning, der afspejler din stil, og en oplevelse, der værdsætter din tid."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1E0t8mxuGpZ0qBVz2J2MtoVjT/uploaded-1775575263554-kt3ffkmn.jpg"
|
||||
imageAlt="Professionelt salonmiljø"
|
||||
title="A Tradition of Craft & Connection"
|
||||
description="At City Salon, we believe a great haircut is about more than just the trim—it’s about the trust. We’ve built a reputation for consistency that brings our clients back time and time again. When you walk through our doors, you’re greeted by familiar faces and barbers who truly listen. Whether you’re new to the neighborhood or a long-time regular, you deserve a haircut that reflects your style and an experience that values your time."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94799.jpg?_wi=1"
|
||||
imageAlt="Professional salon environment"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -103,34 +134,56 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Præcisionsarbejde", description: "Ekspertteknikker der sikrer ensartede resultater af høj kvalitet ved hvert besøg.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1E0t8mxuGpZ0qBVz2J2MtoVjT/uploaded-1775574107514-mjup70k8.jpg", imageAlt: "Præcisionsværktøj"},
|
||||
title: "Precision Work",
|
||||
description: "Expert techniques ensuring consistent, high-quality results every single visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-neodymium-magnet-phenomenon_23-2148253601.jpg",
|
||||
imageAlt: "Precision tools",
|
||||
},
|
||||
{
|
||||
title: "Imødekommende atmosfære", description: "Et afslappet og professionelt miljø, hvor alle bliver behandlet som individer.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1E0t8mxuGpZ0qBVz2J2MtoVjT/uploaded-1775574107514-mjup70k8.jpg", imageAlt: "Salonstation"},
|
||||
title: "Welcoming Atmosphere",
|
||||
description: "Relaxed and professional environment where everyone is treated like an individual.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg",
|
||||
imageAlt: "Salon station",
|
||||
},
|
||||
{
|
||||
title: "Personlig tilgang", description: "Vi tager os tid til at lære din stil, dine præferencer og din hårtype at kende.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1E0t8mxuGpZ0qBVz2J2MtoVjT/uploaded-1775573986291-ctps74sb.jpg", imageAlt: "Stylingsession"},
|
||||
title: "Personalized Approach",
|
||||
description: "We take the time to learn your style, preferences, and hair type perfectly.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1E0t8mxuGpZ0qBVz2J2MtoVjT/uploaded-1775573865515-8647geq5.jpg",
|
||||
imageAlt: "Styling session",
|
||||
},
|
||||
]}
|
||||
title="City Salon-forskellen"
|
||||
description="Premium kvalitet uden omsvøb. Hver klipning er en kunstart."
|
||||
title="The City Salon Difference"
|
||||
description="Premium quality without the pretense. Every cut is treated as an art form."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="City Salon er det eneste sted, jeg stoler på. Jeg er kommet her i 5 år, og jeg bliver altid genkendt. Det er den perfekte blanding af professionalisme og personlig kontakt."
|
||||
testimonial="City Salon is the only place I trust. I've been coming here for 5 years and I'm always remembered. It's the perfect mix of professionalism and personal connection."
|
||||
rating={5}
|
||||
author="Mark R."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-phone-park_23-2148018595.jpg", alt: "Kunde 1"},
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-phone-park_23-2148018595.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lady-summer-cafe-woman-sitting-table-famale-with-cute-dog_1157-41816.jpg", alt: "Kunde 2"},
|
||||
src: "http://img.b2bpic.net/free-photo/lady-summer-cafe-woman-sitting-table-famale-with-cute-dog_1157-41816.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9654.jpg", alt: "Kunde 3"},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9654.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg", alt: "Kunde 4"},
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/this-is-so-cute-portrait-attractive-unshaven-young-male-with-muscular-tattoo-body-crossing-arms-his-chest-smiling-being-touched-by-something-expressing-distrust-suspicion-doubt_343059-1710.jpg", alt: "Kunde 5"},
|
||||
src: "http://img.b2bpic.net/free-photo/this-is-so-cute-portrait-attractive-unshaven-young-male-with-muscular-tattoo-body-crossing-arms-his-chest-smiling-being-touched-by-something-expressing-distrust-suspicion-doubt_343059-1710.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -143,16 +196,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Skal jeg bestille tid?", content: "Nej, vi er en salon for walk-ins. Vi tror på lige adgang og spontan, god service."},
|
||||
id: "1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "No, we are proudly a walk-in only salon. We believe in providing equal access and spontaneous, quality service.",
|
||||
},
|
||||
{
|
||||
id: "2", title: "Hvor lang er ventetiden?", content: "Ventetiden varierer alt efter travlhed, men vi sætter en ære i effektivitet. De fleste af vores kunder synes, det går meget hurtigt."},
|
||||
id: "2",
|
||||
title: "How long is the wait?",
|
||||
content: "Wait times vary by demand, but we pride ourselves on efficiency. Most of our regulars find it very quick.",
|
||||
},
|
||||
{
|
||||
id: "3", title: "Klipper I alle hårtyper?", content: "Ja, vores dygtige barberer er trænet i præcisionsarbejde til alle hårtyper."},
|
||||
id: "3",
|
||||
title: "Do you serve all hair types?",
|
||||
content: "Yes, our expert barbers are trained to deliver precision work for all hair textures.",
|
||||
},
|
||||
{
|
||||
id: "4", title: "Hvor ligger I?", content: "Vi er centralt placeret i hjertet af byen, med let adgang via offentlig transport."},
|
||||
id: "4",
|
||||
title: "Where are you located?",
|
||||
content: "We are centrally located in the heart of downtown, easily accessible by public transport.",
|
||||
},
|
||||
]}
|
||||
title="Svar på spørgsmål"
|
||||
description="Almindelige spørgsmål om vores walk-in service og værdier."
|
||||
title="Questions Answered"
|
||||
description="Common inquiries about our walk-in service and shop values."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94799.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -163,12 +228,13 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Besøg os"
|
||||
title="Kom forbi når du er klar"
|
||||
description="Ingen tidsbestilling nødvendig. Bare mød op, så gør vi dig klar til at se bedst ud."
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Stop In Whenever You’re Ready"
|
||||
description="No booking necessary. Just walk in and we’ll be ready to get you looking your best."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-businesswoman-with-mobile-phone-entrance-hall_23-2147605019.jpg"
|
||||
imageAlt="Salonindgang"
|
||||
imageAlt="Salon entrance"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -176,7 +242,7 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="CITY SALON"
|
||||
copyrightText="© 2025 City Salon | Alle rettigheder forbeholdes"
|
||||
copyrightText="© 2025 City Salon | All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user