Merge version_1 into main #2
368
src/app/page.tsx
368
src/app/page.tsx
@@ -13,272 +13,124 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Hem",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Tjänster",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Projekt",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Om oss",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Golvbollaget Halmstad"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Hem", id: "#hero" },
|
||||
{ name: "Tjänster", id: "#services" },
|
||||
{ name: "Projekt", id: "#gallery" },
|
||||
{ name: "Om oss", id: "#about" },
|
||||
{ name: "Kontakt", id: "#contact" },
|
||||
]}
|
||||
brandName="Golvbollaget Halmstad"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Golv som lyfter hela ditt hem"
|
||||
description="Vi på Golvbollaget Halmstad AB levererar premiumgolv med precision, kvalitet och känsla för detaljer."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anna",
|
||||
handle: "Halmstad",
|
||||
testimonial: "Otroligt professionella och resultatet blev över förväntan.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162257.jpg",
|
||||
},
|
||||
{
|
||||
name: "Johan",
|
||||
handle: "Falkenberg",
|
||||
testimonial: "Snabba, noggranna och väldigt trevliga.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-woman_23-2151020304.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maria",
|
||||
handle: "Laholm",
|
||||
testimonial: "Bästa golvfirman vi anlitat.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-work_23-2149097925.jpg",
|
||||
},
|
||||
{
|
||||
name: "Erik",
|
||||
handle: "Halmstad",
|
||||
testimonial: "Riktigt bra hantverk, rekommenderas starkt!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-view-beautiful-woman-sitting-table-looking-camera_197531-32493.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sara",
|
||||
handle: "Halmstad",
|
||||
testimonial: "Mycket nöjda med vårt nya fiskbensparkett.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Få en gratis offert",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Se våra projekt",
|
||||
href: "#gallery",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-man-using-sand-paper-carpentry-workshop-concept_23-2148640281.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162257.jpg",
|
||||
alt: "Anna",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-woman_23-2151020304.jpg",
|
||||
alt: "Johan",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-work_23-2149097925.jpg",
|
||||
alt: "Maria",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-view-beautiful-woman-sitting-table-looking-camera_197531-32493.jpg",
|
||||
alt: "Erik",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",
|
||||
alt: "Sara",
|
||||
},
|
||||
]}
|
||||
avatarText="Över 500+ nöjda kunder i Halland"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Högsta kvalitet",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Certifierade hantverkare",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gratis kostnadsförslag",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lokal förankring",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Miljömedvetna material",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Golv som lyfter hela ditt hem"
|
||||
description="Vi på Golvbollaget Halmstad AB levererar premiumgolv med precision, kvalitet och känsla för detaljer."
|
||||
testimonials={[
|
||||
{ name: "Anna", handle: "Halmstad", testimonial: "Otroligt professionella och resultatet blev över förväntan.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162257.jpg" },
|
||||
{ name: "Johan", handle: "Falkenberg", testimonial: "Snabba, noggranna och väldigt trevliga.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-woman_23-2151020304.jpg" },
|
||||
{ name: "Maria", handle: "Laholm", testimonial: "Bästa golvfirman vi anlitat.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-work_23-2149097925.jpg" },
|
||||
{ name: "Erik", handle: "Halmstad", testimonial: "Riktigt bra hantverk, rekommenderas starkt!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-view-beautiful-woman-sitting-table-looking-camera_197531-32493.jpg" },
|
||||
{ name: "Sara", handle: "Halmstad", testimonial: "Mycket nöjda med vårt nya fiskbensparkett.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Få en gratis offert", href: "#contact" }, { text: "Se våra projekt", href: "#gallery" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-man-using-sand-paper-carpentry-workshop-concept_23-2148640281.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162257.jpg", alt: "Anna" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-woman_23-2151020304.jpg", alt: "Johan" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-work_23-2149097925.jpg", alt: "Maria" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-view-beautiful-woman-sitting-table-looking-camera_197531-32493.jpg", alt: "Erik" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg", alt: "Sara" },
|
||||
]}
|
||||
avatarText="Över 500+ nöjda kunder i Halland"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Högsta kvalitet" },
|
||||
{ type: "text", text: "Certifierade hantverkare" },
|
||||
{ type: "text", text: "Gratis kostnadsförslag" },
|
||||
{ type: "text", text: "Lokal förankring" },
|
||||
{ type: "text", text: "Miljömedvetna material" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Golvläggning",
|
||||
description: "Vi lägger allt från klassisk fiskbensparkett till moderna laminatgolv med högsta precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15363.jpg",
|
||||
},
|
||||
{
|
||||
title: "Golvslipning",
|
||||
description: "Ge dina gamla trägolv nytt liv. Våra dammfria slipmetoder ger ett hållbart och vackert resultat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-pine-wood-floor_1127-14.jpg",
|
||||
},
|
||||
{
|
||||
title: "Golvrenovering",
|
||||
description: "Vi utför kompletta renoveringar av slitna golvytor i både privata hem och större kommersiella lokaler.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278558.jpg",
|
||||
},
|
||||
]}
|
||||
title="Våra tjänster"
|
||||
description="Premiumgolv för privatpersoner och företag."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Golvläggning", description: "Vi lägger allt från klassisk fiskbensparkett till moderna laminatgolv med högsta precision.", imageSrc: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15363.jpg" },
|
||||
{ title: "Golvslipning", description: "Ge dina gamla trägolv nytt liv. Våra dammfria slipmetoder ger ett hållbart och vackert resultat.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-pine-wood-floor_1127-14.jpg" },
|
||||
{ title: "Golvrenovering", description: "Vi utför kompletta renoveringar av slitna golvytor i både privata hem och större kommersiella lokaler.", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278558.jpg" },
|
||||
]}
|
||||
title="Våra tjänster"
|
||||
description="Premiumgolv för privatpersoner och företag."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Villa",
|
||||
price: "Projekt",
|
||||
variant: "Parkett",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lobby-living-room-hotel_1150-11124.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lägenhetsrenovering",
|
||||
price: "Projekt",
|
||||
variant: "Fiskbensparkett",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-interior-with-wooden-accents-natural-light_23-2152016397.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Kontorslandskap",
|
||||
price: "Projekt",
|
||||
variant: "Slitstarkt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hardworking-plumber-wearing-safety-gloves-while-cutting-with-saw-some-pipes-build-new-pipeline-system_662251-524.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hallen i villan",
|
||||
price: "Projekt",
|
||||
variant: "Massivträ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lobby-living-room-hotel_1150-11124.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sovrumsgolv",
|
||||
price: "Projekt",
|
||||
variant: "Ek",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-interior-with-wooden-accents-natural-light_23-2152016397.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Butiksgolv",
|
||||
price: "Projekt",
|
||||
variant: "Klass 33",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hardworking-plumber-wearing-safety-gloves-while-cutting-with-saw-some-pipes-build-new-pipeline-system_662251-524.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Tidigare arbeten"
|
||||
description="Vi låter vårt arbete tala för sig själv – här är ett urval av våra senaste projekt."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{ id: "p1", name: "Modern Villa", price: "Projekt", variant: "Parkett", imageSrc: "http://img.b2bpic.net/free-photo/lobby-living-room-hotel_1150-11124.jpg" },
|
||||
{ id: "p2", name: "Lägenhetsrenovering", price: "Projekt", variant: "Fiskbensparkett", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-interior-with-wooden-accents-natural-light_23-2152016397.jpg" },
|
||||
{ id: "p3", name: "Kontorslandskap", price: "Projekt", variant: "Slitstarkt", imageSrc: "http://img.b2bpic.net/free-photo/hardworking-plumber-wearing-safety-gloves-while-cutting-with-saw-some-pipes-build-new-pipeline-system_662251-524.jpg" },
|
||||
{ id: "p4", name: "Hallen i villan", price: "Projekt", variant: "Massivträ", imageSrc: "http://img.b2bpic.net/free-photo/lobby-living-room-hotel_1150-11124.jpg" },
|
||||
{ id: "p5", name: "Sovrumsgolv", price: "Projekt", variant: "Ek", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-interior-with-wooden-accents-natural-light_23-2152016397.jpg" },
|
||||
{ id: "p6", name: "Butiksgolv", price: "Projekt", variant: "Klass 33", imageSrc: "http://img.b2bpic.net/free-photo/hardworking-plumber-wearing-safety-gloves-while-cutting-with-saw-some-pipes-build-new-pipeline-system_662251-524.jpg" },
|
||||
]}
|
||||
title="Tidigare arbeten"
|
||||
description="Vi låter vårt arbete tala för sig själv – här är ett urval av våra senaste projekt."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Om Golvbollaget Halmstad AB"
|
||||
description={[
|
||||
"Golvbollaget Halmstad AB är ett lokalt företag med passion för hantverk och kvalitet. Vi hjälper privatpersoner och företag att skapa hållbara och stilrena golv som håller i många år.",
|
||||
"Med noggrannhet, erfarenhet och känsla för detaljer levererar vi alltid resultat vi kan stå bakom.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Om Golvbollaget Halmstad AB"
|
||||
description={[
|
||||
"Golvbollaget Halmstad AB är ett lokalt företag med passion för hantverk och kvalitet. Vi hjälper privatpersoner och företag att skapa hållbara och stilrena golv som håller i många år.", "Med noggrannhet, erfarenhet och känsla för detaljer levererar vi alltid resultat vi kan stå bakom."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Redo att förvandla ditt golv? Kontakta oss idag för en kostnadsfri offert."
|
||||
buttons={[
|
||||
{
|
||||
text: "Skicka förfrågan",
|
||||
href: "mailto:info@golvbollaget.se",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Redo att förvandla ditt golv? Kontakta oss idag för en kostnadsfri offert."
|
||||
buttons={[{ text: "Skicka förfrågan", href: "mailto:info@golvbollaget.se" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Golvbollaget Halmstad AB"
|
||||
leftLink={{
|
||||
text: "info@golvbollaget.se",
|
||||
href: "mailto:info@golvbollaget.se",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "070-XXX XX XX",
|
||||
href: "tel:0700000000",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Golvbollaget Halmstad AB"
|
||||
leftLink={{ text: "info@golvbollaget.se", href: "mailto:info@golvbollaget.se" }}
|
||||
rightLink={{ text: "070-XXX XX XX", href: "tel:0700000000" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user