Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
250
src/app/page.tsx
250
src/app/page.tsx
@@ -32,33 +32,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Hem",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Hem", id: "#hero"},
|
||||
{
|
||||
name: "Om Appen",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Om Appen", id: "#about"},
|
||||
{
|
||||
name: "Funktioner",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Funktioner", id: "#features"},
|
||||
{
|
||||
name: "Omdömen",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Omdömen", id: "#testimonials"},
|
||||
{
|
||||
name: "Statistik",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Statistik", id: "#metrics"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/young-professional-hairdresser-woman-apron-holding-trimmer-presenting-it-with-arm-her-hand-smiling-standing-white-wall_141793-96975.jpg"
|
||||
logoAlt="Klipptider logo"
|
||||
@@ -66,9 +52,7 @@ export default function LandingPage() {
|
||||
bottomLeftText="Kungsbacka"
|
||||
bottomRightText="info@klipptider.se"
|
||||
button={{
|
||||
text: "Boka tid",
|
||||
href: "#",
|
||||
onClick: "() => console.log('Boka tid clicked')",
|
||||
text: "Boka tid", href: "#", onClick: () => console.log('Boka tid clicked'),
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -76,16 +60,13 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Hitta lediga frisörtider i Kungsbacka – enkelt & snabbt."
|
||||
description="Klipptider skrapar Bokadirekt åt dig och visar lediga tider från de bästa salongerna i Kungsbacka. Filtrera på datum och salong, klicka och boka direkt!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Hitta din tid nu",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Hitta din tid nu", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/filling-beer-glass_23-2148111236.jpg"
|
||||
imageAlt="A screenshot of the Klipptider web app dashboard showing available hair salon appointments filtered by date and salon."
|
||||
@@ -93,50 +74,30 @@ export default function LandingPage() {
|
||||
fixedMediaHeight={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
||||
alt: "Smiling young professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "Smiling young professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-brunette-woman-spends-time-drinks-delicious-home-brewed-coffee_1258-202528.jpg",
|
||||
alt: "Happy client profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-brunette-woman-spends-time-drinks-delicious-home-brewed-coffee_1258-202528.jpg", alt: "Happy client profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-say-yes-showing-thumbs-up-approval-praise-good-job-smiling-approvingly-standing-white-background_231208-14077.jpg",
|
||||
alt: "Satisfied user portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-say-yes-showing-thumbs-up-approval-praise-good-job-smiling-approvingly-standing-white-background_231208-14077.jpg", alt: "Satisfied user portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-using-mobile-phone-chatting_171337-7685.jpg",
|
||||
alt: "Friendly person headshot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-using-mobile-phone-chatting_171337-7685.jpg", alt: "Friendly person headshot"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-thinking_23-2147611625.jpg",
|
||||
alt: "Customer review image",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-thinking_23-2147611625.jpg", alt: "Customer review image"},
|
||||
]}
|
||||
avatarText="500+ nöjda användare"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Snabb bokning",
|
||||
type: "text", text: "Snabb bokning"},
|
||||
{
|
||||
type: "text-icon", text: "Toppsalonger", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Toppsalonger",
|
||||
icon: Star,
|
||||
type: "text", text: "Enkelt att använda"},
|
||||
{
|
||||
type: "text-icon", text: "Sparar tid", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Enkelt att använda",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sparar tid",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Alltid uppdaterat",
|
||||
},
|
||||
type: "text", text: "Alltid uppdaterat"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,25 +124,13 @@ export default function LandingPage() {
|
||||
tag="Funktioner"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Automatisk Tidsskrapning",
|
||||
content: "Vår Python-backend med Playwright söker igenom Bokadirekt var 30:e minut för att hitta de senaste lediga tiderna.",
|
||||
},
|
||||
id: "f1", title: "Automatisk Tidsskrapning", content: "Vår Python-backend med Playwright söker igenom Bokadirekt var 30:e minut för att hitta de senaste lediga tiderna."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Enkel Filtrering",
|
||||
content: "Filtrera enkelt tider efter datum och specifik salong för att snabbt hitta det som passar dig.",
|
||||
},
|
||||
id: "f2", title: "Enkel Filtrering", content: "Filtrera enkelt tider efter datum och specifik salong för att snabbt hitta det som passar dig."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Direkt Bokning",
|
||||
content: "Varje tid är en klickbar länk som tar dig direkt till Bokadirekt, redo att slutföra din bokning på ett ögonblick.",
|
||||
},
|
||||
id: "f3", title: "Direkt Bokning", content: "Varje tid är en klickbar länk som tar dig direkt till Bokadirekt, redo att slutföra din bokning på ett ögonblick."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Cache & Uppdateringar",
|
||||
content: "Tiderna cachelagras lokalt och uppdateras regelbundet, vilket säkerställer att du alltid ser aktuell information.",
|
||||
},
|
||||
id: "f4", title: "Cache & Uppdateringar", content: "Tiderna cachelagras lokalt och uppdateras regelbundet, vilket säkerställer att du alltid ser aktuell information."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859110.jpg"
|
||||
imageAlt="Illustration of a user interface with filter options for date and salon dropdown."
|
||||
@@ -197,45 +146,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anna Söderberg",
|
||||
handle: "@annas_klipp",
|
||||
testimonial: "Klipptider är en livräddare! Jag hittar alltid en tid som passar, utan att behöva söka runt på olika sidor. Rekommenderas starkt!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
},
|
||||
id: "t1", name: "Anna Söderberg", handle: "@annas_klipp", testimonial: "Klipptider är en livräddare! Jag hittar alltid en tid som passar, utan att behöva söka runt på olika sidor. Rekommenderas starkt!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Johan Karlsson",
|
||||
handle: "@johank_style",
|
||||
testimonial: "Fantastiskt smidigt! Jag gillar att jag kan se alla lediga tider direkt och boka med ett klick. Min favoritapp för hårvård!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg",
|
||||
},
|
||||
id: "t2", name: "Johan Karlsson", handle: "@johank_style", testimonial: "Fantastiskt smidigt! Jag gillar att jag kan se alla lediga tider direkt och boka med ett klick. Min favoritapp för hårvård!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sofia Lindgren",
|
||||
handle: "@sofia.hair",
|
||||
testimonial: "Som småbarnsförälder är tiden knapp. Med Klipptider sparar jag massor av tid och slipper stressen med att hitta en tid.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mother-daughter-lying-bed_1170-2770.jpg",
|
||||
},
|
||||
id: "t3", name: "Sofia Lindgren", handle: "@sofia.hair", testimonial: "Som småbarnsförälder är tiden knapp. Med Klipptider sparar jag massor av tid och slipper stressen med att hitta en tid.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mother-daughter-lying-bed_1170-2770.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Erik Nilsson",
|
||||
handle: "@eriks_fade",
|
||||
testimonial: "Jag trodde inte det var möjligt att göra tidsbokning så här enkelt. Bra jobbat Klipptider!",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-book-his-hand_641386-167.jpg",
|
||||
},
|
||||
id: "t4", name: "Erik Nilsson", handle: "@eriks_fade", testimonial: "Jag trodde inte det var möjligt att göra tidsbokning så här enkelt. Bra jobbat Klipptider!", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-book-his-hand_641386-167.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lena Magnusson",
|
||||
handle: "@lenam_beauty",
|
||||
testimonial: "Älskar den här appen! Den har verkligen underlättat mitt liv. Den guldiga ramen runt 'Se tider'-korten är en snygg detalj också.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
|
||||
},
|
||||
id: "t5", name: "Lena Magnusson", handle: "@lenam_beauty", testimonial: "Älskar den här appen! Den har verkligen underlättat mitt liv. Den guldiga ramen runt 'Se tider'-korten är en snygg detalj också.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="“Äntligen en enklare väg till ny frisyr!”"
|
||||
@@ -248,25 +172,17 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Clock,
|
||||
title: "Tid Besparad",
|
||||
value: "1000+ timmar",
|
||||
},
|
||||
id: "m1", icon: Clock,
|
||||
title: "Tid Besparad", value: "1000+ timmar"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: CalendarCheck,
|
||||
title: "Bokade Tider",
|
||||
value: "500+ unika",
|
||||
},
|
||||
id: "m2", icon: CalendarCheck,
|
||||
title: "Bokade Tider", value: "500+ unika"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Salonger Anslutna",
|
||||
value: "7+",
|
||||
},
|
||||
id: "m3", icon: Star,
|
||||
title: "Salonger Anslutna", value: "7+"},
|
||||
]}
|
||||
title="Klipptider i siffror."
|
||||
description="Vi är stolta över att hjälpa Kungsbackaborna att hitta sina frisörtider effektivt."
|
||||
@@ -280,25 +196,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Hur ofta uppdateras tiderna?",
|
||||
content: "Vår tjänst skrapar Bokadirekt var 30:e minut, så du ser alltid de senaste tillgängliga tiderna.",
|
||||
},
|
||||
id: "q1", title: "Hur ofta uppdateras tiderna?", content: "Vår tjänst skrapar Bokadirekt var 30:e minut, så du ser alltid de senaste tillgängliga tiderna."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Vilka salonger ingår i sökningen?",
|
||||
content: "Vi inkluderar verifierade salonger i Kungsbacka som använder Bokadirekt. Specifika salonger som Klipphuset, Klippa Kungsbacka, Studio Siss, Det Händer och BY U.S. finns med. För Hair By Angels och Hårkompaniet länkar vi direkt till deras bokningssidor.",
|
||||
},
|
||||
id: "q2", title: "Vilka salonger ingår i sökningen?", content: "Vi inkluderar verifierade salonger i Kungsbacka som använder Bokadirekt. Specifika salonger som Klipphuset, Klippa Kungsbacka, Studio Siss, Det Händer och BY U.S. finns med. För Hair By Angels och Hårkompaniet länkar vi direkt till deras bokningssidor."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Är bokningen säker?",
|
||||
content: "Ja, när du klickar på en tid länkas du direkt till Bokadirekt för att slutföra din bokning. Alla transaktioner hanteras av Bokadirekt.",
|
||||
},
|
||||
id: "q3", title: "Är bokningen säker?", content: "Ja, när du klickar på en tid länkas du direkt till Bokadirekt för att slutföra din bokning. Alla transaktioner hanteras av Bokadirekt."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Kan jag filtrera på frisör eller behandlingstyp?",
|
||||
content: "För närvarande kan du filtrera på datum och salong. Vi arbetar på att implementera mer avancerade filteralternativ i framtiden.",
|
||||
},
|
||||
id: "q4", title: "Kan jag filtrera på frisör eller behandlingstyp?", content: "För närvarande kan du filtrera på datum och salong. Vi arbetar på att implementera mer avancerade filteralternativ i framtiden."},
|
||||
]}
|
||||
title="Vanliga frågor om Klipptider."
|
||||
description="Har du funderingar? Här är några av de vanligaste frågorna vi får."
|
||||
@@ -314,28 +218,17 @@ export default function LandingPage() {
|
||||
description="Har du frågor, förslag eller vill rapportera ett problem? Fyll i formuläret så hör vi av oss!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ditt namn",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Ditt namn", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Din e-post",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Din e-post", required: true,
|
||||
},
|
||||
{
|
||||
name: "subject",
|
||||
type: "text",
|
||||
placeholder: "Ämne",
|
||||
required: true,
|
||||
name: "subject", type: "text", placeholder: "Ämne", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ditt meddelande",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Ditt meddelande", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/it-s-very-comfortable-have-free-internet_329181-2934.jpg"
|
||||
@@ -351,50 +244,31 @@ export default function LandingPage() {
|
||||
logoText="Klipptider"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigering",
|
||||
items: [
|
||||
title: "Navigering", items: [
|
||||
{
|
||||
label: "Hem",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Hem", href: "#hero"},
|
||||
{
|
||||
label: "Om Appen",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Om Appen", href: "#about"},
|
||||
{
|
||||
label: "Funktioner",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Funktioner", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hjälp",
|
||||
items: [
|
||||
title: "Hjälp", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Salonger",
|
||||
items: [
|
||||
title: "Salonger", items: [
|
||||
{
|
||||
label: "Klipphuset",
|
||||
href: "https://www.bokadirekt.se/places/klipphuset-41113",
|
||||
},
|
||||
label: "Klipphuset", href: "https://www.bokadirekt.se/places/klipphuset-41113"},
|
||||
{
|
||||
label: "Hair By Angels",
|
||||
href: "https://www.hairbyangels.se/bokafrisör",
|
||||
},
|
||||
label: "Hair By Angels", href: "https://www.hairbyangels.se/bokafrisör"},
|
||||
{
|
||||
label: "Hårkompaniet",
|
||||
href: "https://www.harkompanietkungsbacka.se",
|
||||
},
|
||||
label: "Hårkompaniet", href: "https://www.harkompanietkungsbacka.se"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user