Merge version_1 into main #2
336
src/app/page.tsx
336
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Hjem",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Om os",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projekter",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Hjem", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Om os", id: "about" },
|
||||
{ name: "Projekter", id: "portfolio" },
|
||||
{ name: "Kontakt", id: "contact" }
|
||||
]}
|
||||
brandName="Fjordens Tømrer"
|
||||
/>
|
||||
@@ -59,108 +44,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Eksklusivt tømrer- og snedkerarbejde i særklasse"
|
||||
description="Vi leverer skræddersyede løsninger med fokus på kvalitet, præcision og æstetik."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Henning",
|
||||
handle: "Kunde",
|
||||
testimonial: "Det er simpelthen en fantastisk dygtig tømrer og snedker.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-wood-shop-with-tools-equipment_23-2150861554.jpg?_wi=1",
|
||||
imageAlt: "luxury carpentry workspace wooden details",
|
||||
},
|
||||
{
|
||||
name: "Ole Richter Pedersen",
|
||||
handle: "Kunde",
|
||||
testimonial: "Super arbejde, god service, og overholder alle aftaler.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-smiling-woman-with-curly-hair-red-lips-showing-okay-gesture-looking-sati_1258-146594.jpg?_wi=1",
|
||||
imageAlt: "luxury carpentry workspace wooden details",
|
||||
},
|
||||
{
|
||||
name: "Martin Klein",
|
||||
handle: "Kunde",
|
||||
testimonial: "Punktlighed, kvalitet og professionalisme i topklasse.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg?_wi=1",
|
||||
imageAlt: "luxury carpentry workspace wooden details",
|
||||
},
|
||||
{
|
||||
name: "Lene Jensen",
|
||||
handle: "Kunde",
|
||||
testimonial: "Håndværk der mærkes i detaljerne. Meget tilfreds.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=1",
|
||||
imageAlt: "luxury carpentry workspace wooden details",
|
||||
},
|
||||
{
|
||||
name: "Jens Holm",
|
||||
handle: "Kunde",
|
||||
testimonial: "Topkvalitet og meget punktlige. Anbefales.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg?_wi=1",
|
||||
imageAlt: "luxury carpentry workspace wooden details",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Få et tilbud",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Se vores arbejde",
|
||||
href: "#portfolio",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-his-wood-shop-with-tools-equipment_23-2150861554.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58464.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-25820.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Kvalitet i fokus",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Skræddersyet løsning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Håndværk der holder",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Præcision og æstetik",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eksklusiv finish",
|
||||
},
|
||||
{ name: "Henning", handle: "Kunde", testimonial: "Det er simpelthen en fantastisk dygtig tømrer og snedker.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-wood-shop-with-tools-equipment_23-2150861554.jpg", imageAlt: "luxury carpentry workspace wooden details" },
|
||||
{ name: "Ole Richter Pedersen", handle: "Kunde", testimonial: "Super arbejde, god service, og overholder alle aftaler.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-smiling-woman-with-curly-hair-red-lips-showing-okay-gesture-looking-sati_1258-146594.jpg", imageAlt: "luxury carpentry workspace wooden details" },
|
||||
{ name: "Martin Klein", handle: "Kunde", testimonial: "Punktlighed, kvalitet og professionalisme i topklasse.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg", imageAlt: "luxury carpentry workspace wooden details" },
|
||||
{ name: "Lene Jensen", handle: "Kunde", testimonial: "Håndværk der mærkes i detaljerne. Meget tilfreds.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "luxury carpentry workspace wooden details" },
|
||||
{ name: "Jens Holm", handle: "Kunde", testimonial: "Topkvalitet og meget punktlige. Anbefales.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageAlt: "luxury carpentry workspace wooden details" }
|
||||
]}
|
||||
buttons={[{ text: "Få et tilbud", href: "#contact" }, { text: "Se vores arbejde", href: "#portfolio" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-his-wood-shop-with-tools-equipment_23-2150861554.jpg"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58464.jpg", alt: "Kunde" }, { src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg", alt: "Kunde" }, { src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-25820.jpg", alt: "Kunde" }, { src: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg", alt: "Kunde" }, { src: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg", alt: "Kunde" }]}
|
||||
marqueeItems={[{ type: "text", text: "Kvalitet i fokus" }, { type: "text", text: "Skræddersyet løsning" }, { type: "text", text: "Håndværk der holder" }, { type: "text", text: "Præcision og æstetik" }, { type: "text", text: "Eksklusiv finish" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -169,33 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Vores Services"
|
||||
description="Vi tilbyder et bredt udvalg af skræddersyede tømrer- og snedkerløsninger til hjem og erhverv."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Specialinventar",
|
||||
content: "Skræddersyede løsninger til hjem og erhverv",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Renovering",
|
||||
content: "Kvalitetshåndværk med respekt for eksisterende byggeri",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Nybyg",
|
||||
content: "Fra idé til færdigt resultat",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Køkkener & Interiør",
|
||||
content: "Unikke løsninger med fokus på detaljer",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Terrasser & Uderum",
|
||||
content: "Skab eksklusive udendørsområder",
|
||||
},
|
||||
]}
|
||||
accordionItems={[{ id: "s1", title: "Specialinventar", content: "Skræddersyede løsninger til hjem og erhverv" }, { id: "s2", title: "Renovering", content: "Kvalitetshåndværk med respekt for eksisterende byggeri" }, { id: "s3", title: "Nybyg", content: "Fra idé til færdigt resultat" }, { id: "s4", title: "Køkkener & Interiør", content: "Unikke løsninger med fokus på detaljer" }, { id: "s5", title: "Terrasser & Uderum", content: "Skab eksklusive udendørsområder" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-holding-chair-medium-shot_23-2148966888.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -219,44 +90,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Eksklusivt Køkken",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrast-wood-stone-modern-furniture-premium-textures_169016-71185.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Specialtrappe",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-zoom-calls-with-chair_23-2149684490.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Plankegulv i Eg",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264440.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Indbygningsskab",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual_1122-1821.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Terrasse i hårdttræ",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-concrete-stairs-inside-building-with-turned-lights_181624-6745.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Garderobeløsning",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-warm-living-room-with-piano-armchair_105762-2249.jpg",
|
||||
},
|
||||
]}
|
||||
products={[{ id: "p1", name: "Eksklusivt Køkken", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/contrast-wood-stone-modern-furniture-premium-textures_169016-71185.jpg" }, { id: "p2", name: "Specialtrappe", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-zoom-calls-with-chair_23-2149684490.jpg" }, { id: "p3", name: "Plankegulv i Eg", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264440.jpg" }, { id: "p4", name: "Indbygningsskab", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/conceptual_1122-1821.jpg" }, { id: "p5", name: "Terrasse i hårdttræ", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-concrete-stairs-inside-building-with-turned-lights_181624-6745.jpg" }, { id: "p6", name: "Garderobeløsning", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-warm-living-room-with-piano-armchair_105762-2249.jpg" }]}
|
||||
title="Udvalgte Projekter"
|
||||
description="Et udpluk af vores seneste arbejde udført med stolthed."
|
||||
/>
|
||||
@@ -265,44 +99,9 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Henning",
|
||||
handle: "Kunde",
|
||||
testimonial: "Det er simpelthen en fantastisk dygtig tømrer og snedker.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-smiling-woman-with-curly-hair-red-lips-showing-okay-gesture-looking-sati_1258-146594.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ole Richter Pedersen",
|
||||
handle: "Kunde",
|
||||
testimonial: "Super arbejde, god service, og overholder alle aftaler.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Martin Klein",
|
||||
handle: "Kunde",
|
||||
testimonial: "Punktlighed, kvalitet og professionalisme i topklasse.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lene Jensen",
|
||||
handle: "Kunde",
|
||||
testimonial: "Fantastisk oplevelse fra start til slut.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jens Holm",
|
||||
handle: "Kunde",
|
||||
testimonial: "Håndværk der virkelig holder i mange år.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-small-blackboard_1098-1156.jpg",
|
||||
},
|
||||
]}
|
||||
testimonials={[{ id: "t1", name: "Henning", handle: "Kunde", testimonial: "Det er simpelthen en fantastisk dygtig tømrer og snedker.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-smiling-woman-with-curly-hair-red-lips-showing-okay-gesture-looking-sati_1258-146594.jpg" }, { id: "t2", name: "Ole Richter Pedersen", handle: "Kunde", testimonial: "Super arbejde, god service, og overholder alle aftaler.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg" }, { id: "t3", name: "Martin Klein", handle: "Kunde", testimonial: "Punktlighed, kvalitet og professionalisme i topklasse.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg" }, { id: "t4", name: "Lene Jensen", handle: "Kunde", testimonial: "Fantastisk oplevelse fra start til slut.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg" }, { id: "t5", name: "Jens Holm", handle: "Kunde", testimonial: "Håndværk der virkelig holder i mange år.", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-small-blackboard_1098-1156.jpg" }]}
|
||||
title="Hvad vores kunder siger"
|
||||
description="★★★★★ på Google – vi er stolte af vores 5-stjernede ry."
|
||||
/>
|
||||
@@ -312,28 +111,7 @@ export default function LandingPage() {
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Hvad er jeres serviceområde?",
|
||||
content: "Vi dækker hele Midtjylland.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Kan jeg få et uforpligtende tilbud?",
|
||||
content: "Ja, vi giver altid et uforpligtende tilbud på din opgave.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Overholder I altid jeres aftaler?",
|
||||
content: "Ja, punktlighed og troværdighed er en kerneværdi for os.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Hvilke typer opgaver løser I?",
|
||||
content: "Vi løser alt fra små reparationer til store nybyggerier og specialsnedkeri.",
|
||||
},
|
||||
]}
|
||||
faqs={[{ id: "f1", title: "Hvad er jeres serviceområde?", content: "Vi dækker hele Midtjylland." }, { id: "f2", title: "Kan jeg få et uforpligtende tilbud?", content: "Ja, vi giver altid et uforpligtende tilbud på din opgave." }, { id: "f3", title: "Overholder I altid jeres aftaler?", content: "Ja, punktlighed og troværdighed er en kerneværdi for os." }, { id: "f4", title: "Hvilke typer opgaver løser I?", content: "Vi løser alt fra små reparationer til store nybyggerier og specialsnedkeri." }]}
|
||||
title="Ofte stillede spørgsmål"
|
||||
description="Vi har samlet svarene på de mest gængse spørgsmål."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -345,32 +123,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Klar til dit næste projekt?"
|
||||
description="Kontakt os i dag for et uforpligtende tilbud."
|
||||
inputs={[
|
||||
{
|
||||
name: "navn",
|
||||
type: "text",
|
||||
placeholder: "Dit navn",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "telefon",
|
||||
type: "tel",
|
||||
placeholder: "Dit telefonnummer",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Din e-mail",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "beskrivelse",
|
||||
placeholder: "Fortæl os kort om dit projekt",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
inputs={[{ name: "navn", type: "text", placeholder: "Dit navn", required: true }, { name: "telefon", type: "tel", placeholder: "Dit telefonnummer", required: true }, { name: "email", type: "email", placeholder: "Din e-mail", required: true }]}
|
||||
textarea={{ name: "beskrivelse", placeholder: "Fortæl os kort om dit projekt", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-mushrooms-table_23-2148678876.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -378,51 +132,7 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Fjordens Tømrer & Snedker ApS"
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Telefon: +45 12 34 56 78",
|
||||
href: "tel:+4512345678",
|
||||
},
|
||||
{
|
||||
label: "Email: info@fjordens.dk",
|
||||
href: "mailto:info@fjordens.dk",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Forside",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Tjenester",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Projekter",
|
||||
href: "#portfolio",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "CVR: 12345678",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privatlivspolitik",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ title: "Kontakt", items: [{ label: "Telefon: +45 12 34 56 78", href: "tel:+4512345678" }, { label: "Email: info@fjordens.dk", href: "mailto:info@fjordens.dk" }] }, { title: "Links", items: [{ label: "Forside", href: "#hero" }, { label: "Tjenester", href: "#services" }, { label: "Projekter", href: "#portfolio" }] }, { title: "Info", items: [{ label: "CVR: 12345678", href: "#" }, { label: "Privatlivspolitik", href: "#" }] }]}
|
||||
copyrightText="© 2024 Fjordens Tømrer og Snedker ApS. Alt rettighed forbeholdes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user