Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
247
src/app/page.tsx
247
src/app/page.tsx
@@ -12,6 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Hem",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Om Oss",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Tjänster",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Hem", id: "hero" },
|
||||
{ name: "Om Oss", id: "about" },
|
||||
{ name: "Tjänster", id: "features" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Rörtjänst i Arvika"
|
||||
/>
|
||||
@@ -54,20 +43,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Rörtjänst i Arvika"
|
||||
description="Precision installerad sedan 1961. Nästa generation VVS levererad med industriell perfektion."
|
||||
buttons={[
|
||||
{
|
||||
text: "Utforska Tjänster",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Boka Service",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Utforska Tjänster", href: "#features" },
|
||||
{ text: "Boka Service", onClick: () => { window.location.href = "#contact"; } },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-shanghai-overpass-night_1359-1074.jpg"
|
||||
imageAlt="3D metallic pipes"
|
||||
@@ -79,20 +60,11 @@ export default function LandingPage() {
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Erfarenhet möter framtid"
|
||||
description="Rörtjänst i Arvika AB har arbetat med VVS, installation och tekniska lösningar sedan 1961. Med en unik blandning av klassiskt hantverk och moderna, hållbara teknologier skapar vi installationer byggda för morgondagen."
|
||||
description="Rörtjänst i Arvika AB har arbetat med VVS, installation och tekniska lösningar sedan 1961."
|
||||
metrics={[
|
||||
{
|
||||
value: "1961",
|
||||
title: "Grundat",
|
||||
},
|
||||
{
|
||||
value: "60+",
|
||||
title: "År av expertis",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Precision",
|
||||
},
|
||||
{ value: "1961", title: "Grundat" },
|
||||
{ value: "60+", title: "År av expertis" },
|
||||
{ value: "100%", title: "Precision" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/concentrated-mechanic-wrapped-up-work_1098-15528.jpg"
|
||||
imageAlt="Industriell VVS professionell"
|
||||
@@ -107,168 +79,23 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "VVS-installationer",
|
||||
description: "High-end rörsystem installerade med kirurgisk precision.",
|
||||
tag: "Engineering",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-science-background-with-plexus-design_1048-13217.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Ventilation",
|
||||
description: "Optimerade klimatsystem för industrin och framtidens hem.",
|
||||
tag: "HVAC",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-from-spiral-road_181624-26711.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Badrumsprojekt",
|
||||
description: "Lyxiga sanitetslösningar integrerade med modern estetik.",
|
||||
tag: "Sanitet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-design_23-2150700316.jpg",
|
||||
},
|
||||
{ id: "f1", title: "VVS-installationer", description: "High-end rörsystem installerade med kirurgisk precision.", tag: "Engineering", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-science-background-with-plexus-design_1048-13217.jpg" },
|
||||
{ id: "f2", title: "Ventilation", description: "Optimerade klimatsystem för industrin.", tag: "HVAC", imageSrc: "http://img.b2bpic.net/free-photo/view-from-spiral-road_181624-26711.jpg" },
|
||||
{ id: "f3", title: "Badrumsprojekt", description: "Lyxiga sanitetslösningar.", tag: "Sanitet", imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-design_23-2150700316.jpg" },
|
||||
]}
|
||||
title="Avancerade Teknologiska Tjänster"
|
||||
description="Vi levererar premium VVS-engineering med fokus på framtidssäker prestanda."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1961",
|
||||
title: "Grundår",
|
||||
items: [
|
||||
"Historisk precision",
|
||||
"Lokal tillförlitlighet",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Rörservice",
|
||||
items: [
|
||||
"Dygnet runt-support",
|
||||
"Snabb respons",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Precision",
|
||||
items: [
|
||||
"Modern teknik",
|
||||
"Hållbara material",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Data bakom kvalitet"
|
||||
description="Varje projekt mäts genom kvalitet och kundnöjdhet."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Rörtjänst i Arvika levererar en teknisk höjd som ingen annan i regionen. En sann Tesla-upplevelse för VVS."
|
||||
rating={5}
|
||||
author="Marcus Berg, Projektledare"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
|
||||
alt: "Kund 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
alt: "Kund 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg",
|
||||
alt: "Kund 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg",
|
||||
alt: "Kund 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tired-designer-engineer-analizing-new-prototype-3d-model-plant-yawning-working-overtime-industrial-female-worker-studying-turbine-idea-pc-showing-cad-software-device-display_482257-13403.jpg",
|
||||
alt: "Kund 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"IndustriVVS",
|
||||
"Arvika Fastigheter",
|
||||
"Nordic Engineering",
|
||||
"Värmland Bygg",
|
||||
"CyberConstruction",
|
||||
"Arvika Sanitet",
|
||||
"Future Systems",
|
||||
]}
|
||||
title="Partners & Referenser"
|
||||
description="Samarbeten som bygger morgondagens infrastruktur."
|
||||
speed={40}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Vilka områden täcker ni?",
|
||||
content: "Vi är baserade i Arvika och täcker hela Värmland med omnejd.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Erbjuder ni service för företag?",
|
||||
content: "Ja, vi är specialiserade på både stora industriella installationer och privatkundsservice.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Arbetar ni med moderna system?",
|
||||
content: "Vi fokuserar helt på framtidens lösningar inom VVS och ventilation.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599356.jpg"
|
||||
imageAlt="FAQ Digital Terminal"
|
||||
title="Vanliga Frågor"
|
||||
description="Snabba svar på tekniska frågor om våra tjänster."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
<ContactSplit
|
||||
tag="Kontakt"
|
||||
title="Skicka ett meddelande"
|
||||
description="Har du frågor eller vill du boka en tjänst? Fyll i formuläret så hör vi av oss så snart som möjligt."
|
||||
onSubmit={(email) => console.log("Form submitted with email:", email)}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Mission Control"
|
||||
title="Redo för nästa nivå av VVS?"
|
||||
description="Kontakta oss för en teknisk genomgång eller offert på ditt framtidsprojekt."
|
||||
buttons={[
|
||||
{
|
||||
text: "Boka Kontrollrum",
|
||||
href: "tel:0570711650",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -276,37 +103,13 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Rörtjänst i Arvika AB"
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Hagagatan 11, Arvika",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "0570-71 16 50",
|
||||
href: "tel:0570711650",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Bolag",
|
||||
items: [
|
||||
{
|
||||
label: "Org. 556080-2901",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Status: Aktivt",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Kontakt", items: [{ label: "Hagagatan 11, Arvika", href: "#" }, { label: "0570-71 16 50", href: "tel:0570711650" }] },
|
||||
{ title: "Bolag", items: [{ label: "Org. 556080-2901", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 1961-2024 Rörtjänst i Arvika AB. Built for the future."
|
||||
copyrightText="© 1961-2024 Rörtjänst i Arvika AB."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user