Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-18 07:04:13 +00:00

View File

@@ -28,390 +28,157 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Hem",
id: "hero",
},
{
name: "Tjänster",
id: "features",
},
{
name: "Om oss",
id: "about",
},
{
name: "Galleri",
id: "gallery",
},
{
name: "Kontakt",
id: "contact",
},
]}
brandName="Starka Händer AB"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Hem", id: "hero" },
{ name: "Tjänster", id: "features" },
{ name: "Om oss", id: "about" },
{ name: "Galleri", id: "gallery" },
{ name: "Kontakt", id: "contact" },
]}
brandName="Starka Händer AB"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
title="Starka Händer för din trädgård och fastighet"
description="Vi erbjuder professionell trädgårdshjälp, markarbete och fastighetsservice i Falkenberg, Varberg och Halmstad. Pålitlig service med fokus på kvalitet och personlig kontakt."
testimonials={[
{
name: "Erik Johansson",
handle: "@falkenberg",
testimonial: "Fantastisk service med gräsklippning och röjning. Verkligen starka händer!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-watering-taking-care-plants_176420-3840.jpg",
},
{
name: "Anna Berg",
handle: "@varberg",
testimonial: "Mycket nöjd med det nya markarbetet på tomten. Proffsigt och noggrant.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-male-florist-standing-rows-with-potted-plants-greenhouse-cutting-bush-holding-sprouts_74855-12949.jpg",
},
{
name: "Lars Svensson",
handle: "@halmstad",
testimonial: "Punktliga, trevliga och prisvärda. Rekommenderas varmt.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-florist-cutting-stem-flowers-shop_23-2147882043.jpg",
},
{
name: "Karin Nilsson",
handle: "@varberg",
testimonial: "Otroligt smidigt och snabbt arbete. Tack för hjälpen!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-gardening-home_23-2148509871.jpg",
},
{
name: "Per Holm",
handle: "@falkenberg",
testimonial: "Bra kommunikation och ett fantastiskt slutresultat.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-adjusting-bag_23-2147714894.jpg",
},
]}
buttons={[
{
text: "Boka offert",
href: "#contact",
},
{
text: "Läs mer",
href: "#about",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-carrying-box_23-2149722682.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-male-gardener-harvesting-flower-garden_23-2148165347.jpg",
alt: "Kund 1",
},
{
src: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530834.jpg",
alt: "Kund 2",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-zombie-gardening_23-2150838676.jpg",
alt: "Kund 3",
},
{
src: "http://img.b2bpic.net/free-photo/female-florist-cutting-stem-flowers-shop_23-2147882043.jpg",
alt: "Kund 4",
},
{
src: "http://img.b2bpic.net/free-photo/positive-male-florist-standing-rows-with-potted-plants-greenhouse-cutting-bush-holding-sprouts_74855-12949.jpg",
alt: "Kund 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Falkenberg",
},
{
type: "text",
text: "Varberg",
},
{
type: "text",
text: "Halmstad",
},
{
type: "text",
text: "Fastighetsservice",
},
{
type: "text",
text: "Trädgårdsskötsel",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "gradient-bars" }}
title="Starka Händer för din trädgård och fastighet"
description="Vi erbjuder professionell trädgårdshjälp, markarbete och fastighetsservice i Falkenberg, Varberg och Halmstad. Pålitlig service med fokus på kvalitet och personlig kontakt."
testimonials={[
{ name: "Erik Johansson", handle: "@falkenberg", testimonial: "Fantastisk service med gräsklippning och röjning. Verkligen starka händer!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-watering-taking-care-plants_176420-3840.jpg" },
{ name: "Anna Berg", handle: "@varberg", testimonial: "Mycket nöjd med det nya markarbetet på tomten. Proffsigt och noggrant.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-male-florist-standing-rows-with-potted-plants-greenhouse-cutting-bush-holding-sprouts_74855-12949.jpg" },
{ name: "Lars Svensson", handle: "@halmstad", testimonial: "Punktliga, trevliga och prisvärda. Rekommenderas varmt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-florist-cutting-stem-flowers-shop_23-2147882043.jpg" },
{ name: "Karin Nilsson", handle: "@varberg", testimonial: "Otroligt smidigt och snabbt arbete. Tack för hjälpen!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-gardening-home_23-2148509871.jpg" },
{ name: "Per Holm", handle: "@falkenberg", testimonial: "Bra kommunikation och ett fantastiskt slutresultat.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-adjusting-bag_23-2147714894.jpg" },
]}
buttons={[
{ text: "Boka offert", href: "#contact" },
{ text: "Läs mer", href: "#about" },
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-carrying-box_23-2149722682.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-male-gardener-harvesting-flower-garden_23-2148165347.jpg", alt: "Kund 1" },
{ src: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530834.jpg", alt: "Kund 2" },
{ src: "http://img.b2bpic.net/free-photo/close-up-zombie-gardening_23-2150838676.jpg", alt: "Kund 3" },
{ src: "http://img.b2bpic.net/free-photo/female-florist-cutting-stem-flowers-shop_23-2147882043.jpg", alt: "Kund 4" },
{ src: "http://img.b2bpic.net/free-photo/positive-male-florist-standing-rows-with-potted-plants-greenhouse-cutting-bush-holding-sprouts_74855-12949.jpg", alt: "Kund 5" },
]}
marqueeItems={[
{ type: "text", text: "Falkenberg" },
{ type: "text", text: "Varberg" },
{ type: "text", text: "Halmstad" },
{ type: "text", text: "Fastighetsservice" },
{ type: "text", text: "Trädgårdsskötsel" },
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="Vår filosofi"
title="Starka Händer AB - Lokal pålitlighet"
description="Vi är ett lokalt förankrat företag som brinner för att förenkla vardagen för våra kunder. Hos oss får du alltid noggrant arbete, ansvarsfull service och ett personligt bemötande."
subdescription="Vi hjälper både privatpersoner och företag med allt från trädgårdsskötsel till enklare hantverkstjänster."
icon={ShieldCheck}
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="Vår filosofi"
title="Starka Händer AB - Lokal pålitlighet"
description="Vi är ett lokalt förankrat företag som brinner för att förenkla vardagen för våra kunder. Hos oss får du alltid noggrant arbete, ansvarsfull service och ett personligt bemötande."
subdescription="Vi hjälper både privatpersoner och företag med allt från trädgårdsskötsel till enklare hantverkstjänster."
icon={ShieldCheck}
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Leaf,
title: "Trädgårdsarbete",
description: "Allt från ogräsrensning till enklare beskärning och plantering.",
},
{
icon: Settings,
title: "Gräsklippning",
description: "Regelbunden klippning för en välskött gräsmatta hela säsongen.",
},
{
icon: Star,
title: "Markarbete",
description: "Enklare anläggningsarbete, grusning och jordförbättring.",
},
{
icon: Trash2,
title: "Röjning",
description: "Effektiv röjning och bortforsling av trädgårdsavfall och bråte.",
},
{
icon: Building,
title: "Fastighetsservice",
description: "Regelbundet underhåll och enklare skötsel av din fastighet.",
},
{
icon: Wrench,
title: "Hantverkstjänster",
description: "Enklare snickeri och fastighetsförbättringar efter dina behov.",
},
]}
title="Våra tjänster"
description="Vi erbjuder ett brett spektrum av tjänster för din trädgård och fastighet."
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ icon: Leaf, title: "Trädgårdsarbete", description: "Allt från ogräsrensning till enklare beskärning och plantering." },
{ icon: Settings, title: "Gräsklippning", description: "Regelbunden klippning för en välskött gräsmatta hela säsongen." },
{ icon: Star, title: "Markarbete", description: "Enklare anläggningsarbete, grusning och jordförbättring." },
{ icon: Trash2, title: "Röjning", description: "Effektiv röjning och bortforsling av trädgårdsavfall och bråte." },
{ icon: Building, title: "Fastighetsservice", description: "Regelbundet underhåll och enklare skötsel av din fastighet." },
{ icon: Wrench, title: "Hantverkstjänster", description: "Enklare snickeri och fastighetsförbättringar efter dina behov." },
]}
title="Våra tjänster"
description="Vi erbjuder ett brett spektrum av tjänster för din trädgård och fastighet."
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardOne
textboxLayout="split-description"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Trädgårdsskötsel",
price: "Falkenberg",
imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-jumpsuit-hat-working-gloves-holding-mini-rake-shouting-megaphone-with-aggressive-expression_141793-54813.jpg",
},
{
id: "2",
name: "Markarbete",
price: "Varberg",
imageSrc: "http://img.b2bpic.net/free-photo/farmer-pruning-fruit-tree-branches-orchard_342744-857.jpg",
},
{
id: "3",
name: "Röjning",
price: "Halmstad",
imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-still-life_23-2148127862.jpg",
},
{
id: "4",
name: "Fastighetsservice",
price: "Falkenberg",
imageSrc: "http://img.b2bpic.net/free-photo/young-backpacker-hiking-holding-tablet-looking-map-caucasian-attractive-traveler-walking-road-woods-backpacking-tourism-adventure-summer-vacation-concept_74855-12062.jpg",
},
{
id: "5",
name: "Gräsklippning",
price: "Varberg",
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg",
},
{
id: "6",
name: "Enklare hantverk",
price: "Halmstad",
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg",
},
]}
title="Före & Efter / Galleri"
description="Se exempel på projekt vi genomfört i regionen."
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardOne
animationType="slide-up"
textboxLayout="split-description"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{ id: "1", name: "Trädgårdsskötsel", price: "Falkenberg", imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-jumpsuit-hat-working-gloves-holding-mini-rake-shouting-megaphone-with-aggressive-expression_141793-54813.jpg" },
{ id: "2", name: "Markarbete", price: "Varberg", imageSrc: "http://img.b2bpic.net/free-photo/farmer-pruning-fruit-tree-branches-orchard_342744-857.jpg" },
{ id: "3", name: "Röjning", price: "Halmstad", imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-still-life_23-2148127862.jpg" },
{ id: "4", name: "Fastighetsservice", price: "Falkenberg", imageSrc: "http://img.b2bpic.net/free-photo/young-backpacker-hiking-holding-tablet-looking-map-caucasian-attractive-traveler-walking-road-woods-backpacking-tourism-adventure-summer-vacation-concept_74855-12062.jpg" },
{ id: "5", name: "Gräsklippning", price: "Varberg", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg" },
{ id: "6", name: "Enklare hantverk", price: "Halmstad", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg" },
]}
title="Före & Efter / Galleri"
description="Se exempel på projekt vi genomfört i regionen."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="split-actions"
useInvertedBackground={false}
plans={[
{
id: "small",
badge: "Bas",
price: "Timpris",
subtitle: "För mindre punktinsatser",
features: [
"Trädgårdsarbete",
"Gräsklippning",
"Röjning",
],
buttons: [
{
text: "Boka",
href: "#contact",
},
],
},
{
id: "regular",
badge: "Populär",
price: "Fast offert",
subtitle: "För större projekt och återkommande service",
features: [
"Markarbete",
"Fastighetsservice",
"Enklare hantverk",
"Bortforsling",
],
buttons: [
{
text: "Begär offert",
href: "#contact",
},
],
},
]}
title="Enkla paketlösningar"
description="Tydliga upplägg för att du ska veta vad du betalar för."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="split-actions"
useInvertedBackground={false}
plans={[
{ id: "small", badge: "Bas", price: "Timpris", subtitle: "För mindre punktinsatser", features: ["Trädgårdsarbete", "Gräsklippning", "Röjning"], buttons: [{ text: "Boka", href: "#contact" }] },
{ id: "regular", badge: "Populär", price: "Fast offert", subtitle: "För större projekt och återkommande service", features: ["Markarbete", "Fastighetsservice", "Enklare hantverk", "Bortforsling"], buttons: [{ text: "Begär offert", href: "#contact" }] },
]}
title="Enkla paketlösningar"
description="Tydliga upplägg för att du ska veta vad du betalar för."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Vilka områden täcker ni?",
content: "Vi är aktiva i Falkenberg, Varberg och Halmstad med omnejd.",
},
{
id: "q2",
title: "Kan jag nyttja RUT-avdrag?",
content: "Ja, vi drar av RUT-avdraget direkt på din faktura för våra trädgårdstjänster.",
},
{
id: "q3",
title: "Är ni försäkrade?",
content: "Självklart, vi har ansvarsförsäkring för din och vår trygghet.",
},
]}
sideTitle="Frågor & Svar"
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Vilka områden täcker ni?", content: "Vi är aktiva i Falkenberg, Varberg och Halmstad med omnejd." },
{ id: "q2", title: "Kan jag nyttja RUT-avdrag?", content: "Ja, vi drar av RUT-avdraget direkt på din faktura för våra trädgårdstjänster." },
{ id: "q3", title: "Är ni försäkrade?", content: "Självklart, vi har ansvarsförsäkring för din och vår trygghet." },
]}
sideTitle="Frågor & Svar"
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Kontakt"
title="Redo att boka?"
description="Vi hjälper dig med dina projekt. Ring oss på 0704684197 eller skicka ett mail till starkahander6@gmail.com. Vi svarar inom 24 timmar."
buttons={[
{
text: "Ring nu",
href: "tel:0704684197",
},
{
text: "Skicka e-post",
href: "mailto:starkahander6@gmail.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Kontakt"
title="Redo att boka?"
description="Vi hjälper dig med dina projekt. Ring oss på 0704684197 eller skicka ett mail till starkahander6@gmail.com. Vi svarar inom 24 timmar."
buttons={[
{ text: "Ring nu", href: "tel:0704684197" },
{ text: "Skicka e-post", href: "mailto:starkahander6@gmail.com" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/focused-male-florist-standing-rows-with-potted-plants-cutting-bush-greenhouse-man-working-garden-growing-plants-pots-gardening-job-concept_74855-12788.jpg"
logoText="Starka Händer AB"
columns={[
{
title: "Tjänster",
items: [
{
label: "Trädgård & Gräs",
href: "#features",
},
{
label: "Mark & Anläggning",
href: "#features",
},
{
label: "Service & Hantverk",
href: "#features",
},
],
},
{
title: "Kontakt",
items: [
{
label: "0704684197",
href: "tel:0704684197",
},
{
label: "starkahander6@gmail.com",
href: "mailto:starkahander6@gmail.com",
},
],
},
{
title: "Områden",
items: [
{
label: "Falkenberg",
href: "#",
},
{
label: "Varberg",
href: "#",
},
{
label: "Halmstad",
href: "#",
},
],
},
]}
copyrightText="© 2025 Starka Händer AB"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/focused-male-florist-standing-rows-with-potted-plants-cutting-bush-greenhouse-man-working-garden-growing-plants-pots-gardening-job-concept_74855-12788.jpg"
logoText="Starka Händer AB"
columns={[
{ title: "Tjänster", items: [{ label: "Trädgård & Gräs", href: "#features" }, { label: "Mark & Anläggning", href: "#features" }, { label: "Service & Hantverk", href: "#features" }] },
{ title: "Kontakt", items: [{ label: "0704684197", href: "tel:0704684197" }, { label: "starkahander6@gmail.com", href: "mailto:starkahander6@gmail.com" }] },
{ title: "Områden", items: [{ label: "Falkenberg", href: "#" }, { label: "Varberg", href: "#" }, { label: "Halmstad", href: "#" }] },
]}
copyrightText="© 2025 Starka Händer AB"
/>
</div>
</ReactLenis>
</ThemeProvider>
);