Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
158
src/app/page.tsx
158
src/app/page.tsx
@@ -32,26 +32,16 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Tjänster",
|
name: "Tjänster", id: "services"},
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Om oss",
|
name: "Om oss", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Så arbetar vi",
|
name: "Så arbetar vi", id: "process"},
|
||||||
id: "process",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Kontakta oss",
|
name: "Kontakta oss", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Begär offert",
|
text: "Begär offert", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
brandName="S-Bygg i Umeå AB"
|
brandName="S-Bygg i Umeå AB"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -59,66 +49,41 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Umeå & Norrland Vi bygger din vision med precision."
|
title="Umeå & Norrland Vi bygger din vision med precision."
|
||||||
description="S-Bygg levererar hantverksskicklighet och gedigen erfarenhet i varje projekt — från renovering till nybyggnation."
|
description="S-Bygg levererar hantverksskicklighet och gedigen erfarenhet i varje projekt — från renovering till nybyggnation."
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151333269.jpg",
|
src: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151333269.jpg", alt: "Teammedlem 1"},
|
||||||
alt: "Teammedlem 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21105.jpg",
|
src: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21105.jpg", alt: "Teammedlem 2"},
|
||||||
alt: "Teammedlem 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-holding-out-hand-camera_141793-96323.jpg",
|
src: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-holding-out-hand-camera_141793-96323.jpg", alt: "Teammedlem 3"},
|
||||||
alt: "Teammedlem 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-construction-engineer-looking-camera_23-2148233714.jpg",
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-construction-engineer-looking-camera_23-2148233714.jpg", alt: "Teammedlem 4"},
|
||||||
alt: "Teammedlem 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing-with-helmet_23-2148920601.jpg",
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing-with-helmet_23-2148920601.jpg", alt: "Medium shot smiley man posing with helmet"},
|
||||||
alt: "Medium shot smiley man posing with helmet",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Möt vårt team av certifierade yrkesmän"
|
avatarText="Möt vårt team av certifierade yrkesmän"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Begär offert",
|
text: "Begär offert", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Våra tjänster",
|
text: "Våra tjänster", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
showMarqueeCard={true}
|
showMarqueeCard={true}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Svenskt hantverk"},
|
||||||
text: "Svenskt hantverk",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Lokal expertis"},
|
||||||
text: "Lokal expertis",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Nöjda kunder"},
|
||||||
text: "Nöjda kunder",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Hållbara lösningar"},
|
||||||
text: "Hållbara lösningar",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Trygg leverans"},
|
||||||
text: "Trygg leverans",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -131,25 +96,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "15+", title: "Års erfarenhet", description: "Med över 15 år in branschen, levererar vi expertis i varje projekt.", icon: CalendarCheck,
|
||||||
value: "15+",
|
|
||||||
title: "Års erfarenhet",
|
|
||||||
description: "Med över 15 år i branschen, levererar vi expertis i varje projekt.",
|
|
||||||
icon: CalendarCheck,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "300+", title: "Projekt klara", description: "Över 300 framgångsrikt avslutade projekt med nöjda kunder.", icon: Building,
|
||||||
value: "300+",
|
|
||||||
title: "Projekt klara",
|
|
||||||
description: "Över 300 framgångsrikt avslutade projekt med nöjda kunder.",
|
|
||||||
icon: Building,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "100%", title: "Nöjd-garanti", description: "Vi garanterar fullständig nöjdhet med vårt arbete, varje gång.", icon: Award,
|
||||||
value: "100%",
|
|
||||||
title: "Nöjd-garanti",
|
|
||||||
description: "Vi garanterar fullständig nöjdhet med vårt arbete, varje gång.",
|
|
||||||
icon: Award,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Vårt engagemang i siffror"
|
title="Vårt engagemang i siffror"
|
||||||
@@ -165,34 +118,22 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
icon: Home,
|
icon: Home,
|
||||||
title: "Nybyggnation",
|
title: "Nybyggnation", description: "Vi uppför bostäder och kommersiella lokaler från grunden med noggrant utförande och hög kvalité."},
|
||||||
description: "Vi uppför bostäder och kommersiella lokaler från grunden med noggrant utförande och hög kvalité.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: RotateCcw,
|
icon: RotateCcw,
|
||||||
title: "Renovering & ombyggnad",
|
title: "Renovering & ombyggnad", description: "Modernisering av befintliga ytor med respekt för husets karaktär och era önskemål."},
|
||||||
description: "Modernisering av befintliga ytor med respekt för husets karaktär och era önskemål.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Building,
|
icon: Building,
|
||||||
title: "Fasad & tak",
|
title: "Fasad & tak", description: "Fönsterbyte, fasadrenovering och takläggning med långsiktigt tänk och energismarta lösningar."},
|
||||||
description: "Fönsterbyte, fasadrenovering och takläggning med långsiktigt tänk och energismarta lösningar.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Star,
|
icon: Star,
|
||||||
title: "Badrum & kök",
|
title: "Badrum & kök", description: "Kompletta bad- och köksrenoveringar utförda av certifierade hantverkare med fuktsäkerhet i fokus."},
|
||||||
description: "Kompletta bad- och köksrenoveringar utförda av certifierade hantverkare med fuktsäkerhet i fokus.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Maximize,
|
icon: Maximize,
|
||||||
title: "Tillbyggnader",
|
title: "Tillbyggnader", description: "Utöka ditt hem med välplanerade tillbyggnader — garage, attefallshus, uterum och mycket mer."},
|
||||||
description: "Utöka ditt hem med välplanerade tillbyggnader — garage, attefallshus, uterum och mycket mer.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Lightbulb,
|
icon: Lightbulb,
|
||||||
title: "Projektering & rådgivning",
|
title: "Projektering & rådgivning", description: "Vi hjälper dig från ritning till bygglov med lokal sakkunskap om Umeås byggkrav och klimat."},
|
||||||
description: "Vi hjälper dig från ritning till bygglov med lokal sakkunskap om Umeås byggkrav och klimat.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Heltäckande byggtjänster"
|
title="Heltäckande byggtjänster"
|
||||||
description="Vi erbjuder ett brett spektrum av professionella byggtjänster, anpassade för att möta dina specifika behov och projektkrav."
|
description="Vi erbjuder ett brett spektrum av professionella byggtjänster, anpassade för att möta dina specifika behov och projektkrav."
|
||||||
@@ -206,11 +147,8 @@ export default function LandingPage() {
|
|||||||
title="Lokalt förankrade. Nationell kvalitet."
|
title="Lokalt förankrade. Nationell kvalitet."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Kontakta oss",
|
text: "Kontakta oss", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
description="S-Bygg i Umeå AB grundades med ett enkelt löfte: att leverera byggprojekt som håller vad de lovar — i tid, inom budget och med hantverksstolthet i varje detalj. Vi är ett nordsvenskt byggföretag med djup förståelse för de krav som Norrlands klimat ställer. Vårt team av certifierade yrkesmän har gedigen erfarenhet av allt från intimare renoveringar till storskalig nybyggnation."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -220,25 +158,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "faq1",
|
id: "faq1", title: "01 · Konsultation", content: "Vi lyssnar på dina önskemål och besöker platsen för en noggrann genomgång för att säkerställa att vi förstår din vision."},
|
||||||
title: "01 · Konsultation",
|
|
||||||
content: "Vi lyssnar på dina önskemål och besöker platsen för en noggrann genomgång för att säkerställa att vi förstår din vision.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq2",
|
id: "faq2", title: "02 · Offert & planering", content: "Du får en tydlig offert utan dolda kostnader och en realistisk tidplan. Vi ser till att du har full insyn i processen."},
|
||||||
title: "02 · Offert & planering",
|
|
||||||
content: "Du får en tydlig offert utan dolda kostnader och en realistisk tidplan. Vi ser till att du har full insyn i processen.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq3",
|
id: "faq3", title: "03 · Genomförande", content: "Projektet genomförs med löpande kommunikation och minsta möjliga störning, alltid med fokus på kvalitet och effektivitet."},
|
||||||
title: "03 · Genomförande",
|
|
||||||
content: "Projektet genomförs med löpande kommunikation och minsta möjliga störning, alltid med fokus på kvalitet och effektivitet.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq4",
|
id: "faq4", title: "04 · Leverans & garanti", content: "Vi överlämnar ett slutbesiktat arbete och ger garanti på det vi utfört, för din trygghet och långsiktiga hållbarhet."},
|
||||||
title: "04 · Leverans & garanti",
|
|
||||||
content: "Vi överlämnar ett slutbesiktat arbete och ger garanti på det vi utfört, för din trygghet och långsiktiga hållbarhet.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Vår arbetsprocess — Enkelt och transparent från start till mål"
|
title="Vår arbetsprocess — Enkelt och transparent från start till mål"
|
||||||
description="Vi guidar dig genom varje fas av byggprocessen med tydlighet och öppen kommunikation."
|
description="Vi guidar dig genom varje fas av byggprocessen med tydlighet och öppen kommunikation."
|
||||||
@@ -251,14 +177,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Umeå Kommun",
|
"Umeå Kommun", "Fastighetsbolag Norr", "Bygghemma", "Svea Hus", "Norrlands Bygg & Anläggning", "Lokala Företagarna Umeå", "Privatbostäder i Norr"]}
|
||||||
"Fastighetsbolag Norr",
|
|
||||||
"Bygghemma",
|
|
||||||
"Svea Hus",
|
|
||||||
"Norrlands Bygg & Anläggning",
|
|
||||||
"Lokala Företagarna Umeå",
|
|
||||||
"Privatbostäder i Norr",
|
|
||||||
]}
|
|
||||||
title="Våra partners och samarbeten"
|
title="Våra partners och samarbeten"
|
||||||
description="Vi är stolta över våra samarbeten som bygger på förtroende och gemensamma mål."
|
description="Vi är stolta över våra samarbeten som bygger på förtroende och gemensamma mål."
|
||||||
showCard={true}
|
showCard={true}
|
||||||
@@ -269,8 +188,7 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Kontakta oss"
|
tag="Kontakta oss"
|
||||||
title="Låt oss bygga något hållbart tillsammans"
|
title="Låt oss bygga något hållbart tillsammans"
|
||||||
description="Oavsett projektets storlek behandlar vi det med samma noggrannhet och engagemang. Hör av dig idag för ett förutsättningslöst möte. Ring: 090 – XXX XX XX (Mån–Fre 07:00–17:00)\nE-post: info@sbyggumea.se\nAdress: Umeå, Sverige — verkar i hela Norrland"
|
description="Oavsett projektets storlek behandlar vi det med samma noggrannhet och engagemang. Hör av dig idag för ett förutsättningslöst möte. Ring: 090 – XXX XX XX (Mån–Fre 07:00–17:00)\nE-post: info@sbyggumea.se\nAdress: Umeå, Sverige — verkar i hela Norrland"
|
||||||
@@ -288,13 +206,9 @@ export default function LandingPage() {
|
|||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="S-Bygg i Umeå AB"
|
logoText="S-Bygg i Umeå AB"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Kvalitet, ärlighet och hantverk",
|
text: "Kvalitet, ärlighet och hantverk", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "© 2024 S-Bygg i Umeå AB",
|
text: "© 2024 S-Bygg i Umeå AB", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user