Merge version_2 into main #2
@@ -1,21 +1,10 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Manrope } from "next/font/google";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const manrope = Manrope({
|
||||
variable: "--font-manrope", subsets: ["latin"],
|
||||
});
|
||||
|
||||
123
src/app/page.tsx
123
src/app/page.tsx
@@ -8,8 +8,25 @@ import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Wrench, Flame, Wind, Thermometer, Phone, MapPin, Mail } from "lucide-react";
|
||||
import { useEffect, useState } from "react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const [showMobileButton, setShowMobileButton] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
const handleScroll = () => {
|
||||
if (window.scrollY > 300) {
|
||||
setShowMobileButton(true);
|
||||
} else {
|
||||
setShowMobileButton(false);
|
||||
}
|
||||
};
|
||||
|
||||
window.addEventListener("scroll", handleScroll);
|
||||
return () => window.removeEventListener("scroll", handleScroll);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -37,12 +54,23 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Sticky Mobile Call Button */}
|
||||
{showMobileButton && (
|
||||
<a
|
||||
href="tel:+358442406476"
|
||||
className="fixed bottom-6 right-6 md:hidden z-40 bg-primary-cta text-primary-cta-text rounded-full p-4 shadow-lg hover:shadow-xl transition-shadow"
|
||||
aria-label="Soita nyt"
|
||||
>
|
||||
<Phone size={24} />
|
||||
</a>
|
||||
)}
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Luotettava LVI-palvelu Rovaniemellä – nopeasti ja ammattitaidolla"
|
||||
description="LVI Mäkiniva Oy tarjoaa LVI-asennukset, huollot ja korjaukset nopeasti ja luotettavasti. Päivystys toimii – autamme myös kiireellisissä tilanteissa."
|
||||
title="Nopea ja luotettava LVI-palvelu Rovaniemellä"
|
||||
description="LVI Mäkiniva Oy tarjoaa putkimies-palveluja, lämmitysjärjestelmien asennuksia ja huoltoja sekä ilmastointihuoltoa. Palvelemme Rovaniemeä ja lähialueita ammattitaidolla ja nopeudella. 24/7 päivystys saatavilla."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55684.jpg"
|
||||
imageAlt="LVI-asentaja työskenttelemässä putkitöissä"
|
||||
imageAlt="LVI-asentaja työskenttelemässä putkitöissä Rovaniemellä"
|
||||
textPosition="bottom-left"
|
||||
showBlur={true}
|
||||
showDimOverlay={false}
|
||||
@@ -55,9 +83,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="trust-indicators" data-section="trust-indicators">
|
||||
<TextSplitAbout
|
||||
title="Miksi valita LVI Mäkiniva Oy"
|
||||
title="Miksi valita LVI Mäkiniva Oy Rovaniemellä"
|
||||
description={[
|
||||
"Palvelemme Rovaniemeä yli 15 vuotta. Tunnemme alueen talotekniikan haasteet ja olemme valmiina kaikkiin tilanteisiin.", "⭐ 4.6 Google-arvosana | ✔ 24/7 päivystyspalvelu | ✔ Paikallinen rovaniemeläinen yritys | ✔ Kokeneet ammattilaiset"]}
|
||||
"✓ Paikallinen yritys Rovaniemellä yli 15 vuotta", "✓ 4.6/5 Google-arvosana asiakkaiden luottamuksella", "✓ 24/7 päivystyspalvelu – olemme siellä kun tarvitset", "✓ Kokeneet ammattilaiset LVI-töissä"]}
|
||||
useInvertedBackground={false}
|
||||
showBorder={false}
|
||||
/>
|
||||
@@ -65,20 +93,57 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
title="Palvelumme"
|
||||
description="Tarjoamme laaja-alaista LVI-palvelua asenuksista huoltoihin ja korjauksiin."
|
||||
title="Palvelumme Rovaniemellä"
|
||||
description="Tarjoamme kattavaa LVI-palvelua putkimies-töistä lämmitysjärjestelmiin ja ilmastointiin. Asennukset, huollot ja korjaukset nopeasti ja ammattitaidolla."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "LVI-järjestelmien huolto", description: "Nopea ja tehokas huoltopalvelu, jolla varmistat järjestelmäsi toimivuuden.", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg"},
|
||||
title: "Putkimiestöt ja korjaukset", description: "Ammattitaitoista putkimies-palvelua vesijohtoista viemäröintiin. Nopeat korjaukset ja asennukset Rovaniemellä ja lähialueilla.", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Lämmitysjärjestelmien asennus", description: "Modernit lämmitysratkaisut, jotka säästävät energiaa ja parantavat mukavuutta.", imageSrc: "http://img.b2bpic.net/free-photo/service-man-instelling-house-heating-system-floor_1303-26525.jpg"},
|
||||
title: "Lämmitysjärjestelmän asennus ja huolto", description: "Modernit lämmitysratkaisut: öljy-, kaasu- ja sähkölämmitys. Energiatehokkaat ratkaisut, jotka säästävät kustannuksissa.", imageSrc: "http://img.b2bpic.net/free-photo/service-man-instelling-house-heating-system-floor_1303-26525.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Ilmastointijärjestelmien huolto", description: "Sisäilman laatu ja ihanteellinen lämpötila ympäri vuoden.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-playing-music_23-2149485652.jpg"},
|
||||
title: "Ilmastointihuolto ja asennus", description: "Ilmastointijärjestelmien asennus, huolto ja huollonpalvelut. Sisäilman laatu on tärkeää – hoitamme sen ammattitaidolla.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-playing-music_23-2149485652.jpg"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Termostaatit ja säätöjärjestelmät", description: "Termostaattien asennus ja huolto. Älykäs lämpötilan hallinta ja energiansäästö kotissasi tai liikkeessäsi.", imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55684.jpg"},
|
||||
{
|
||||
id: 5,
|
||||
title: "LVI-huoltopalvelut", description: "Säännölliset huoltopalvelut LVI-järjestelmille. Ennaltaehkäisevät tarkastukset pitävät järjestelmäsi toiminnassa.", imageSrc: "http://img.b2bpic.net/free-photo/service-man-instelling-house-heating-system-floor_1303-26525.jpg"},
|
||||
{
|
||||
id: 6,
|
||||
title: "LVI päivystys Rovaniemellä", description: "24/7 päivystyspalvelu kiireellisiin LVI-ongelmiin. Nopeasti paikalle Rovaniemellä ja lähialueilla.", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="emergency" data-section="emergency">
|
||||
<TextSplitAbout
|
||||
title="LVI Päivystys Rovaniemellä"
|
||||
description={[
|
||||
"Vesivahinko? Lämmitysrikko? Ilmastointi epäkunnossa?", "Olemme täällä 24/7 – soita nyt: 044 240 6476", "Nopea saapuminen, ammattitaitoinen ratkaisu, reilu hinnoittelu", "Palvelemme Rovaniemeä ja lähialueita ympäri kellon."]}
|
||||
useInvertedBackground={true}
|
||||
showBorder={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Asiakkaidemme arvostelut"
|
||||
description="Tyytyväiset asiakkaat Rovaniemellä – tämä on paras testimoni meille."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Satu Virtanen", handle: "Rovaniemi", testimonial: "⭐⭐⭐⭐⭐ Loistava palvelu! LVI Mäkiniva hoiti lämmitysjärjestelmän korjauksen nopeasti ja ammattitaidolla. Erittäin tyytyväinen!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "male portrait professional man avatar headshot"},
|
||||
{
|
||||
id: "2", name: "Jari Ahonen", handle: "Rovaniemi", testimonial: "⭐⭐⭐⭐⭐ Nopeaa ja asiantuntevaa palvelua! Teknikot olivat ystävällisiä ja ammattitaitoisia. Suosittelen lämpimästi!", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1", imageAlt: "female portrait professional woman avatar headshot"},
|
||||
{
|
||||
id: "3", name: "Liisa Mäkinen", handle: "Rovaniemi", testimonial: "⭐⭐⭐⭐⭐ Erittäin ammattitaitoista ja nopeaa palvelua. Ilmastointijärjestelmän asennus onnistui täydellisesti. Kiitos!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "male portrait professional man avatar business"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -87,39 +152,15 @@ export default function LandingPage() {
|
||||
<TextSplitAbout
|
||||
title="Miksi valita meidät"
|
||||
description={[
|
||||
"Paikallinen yritys: Toimimme Rovaniemellä ja tunnemme alueen talotekniikan erityispiirteet.", "Nopea palvelu: Reagoimme nopeasti ja tulemme paikalle sovitusti, myös kiireellisissä tilanteissa.", "Ammattitaitoinen tiimi: Kokenut LVI-osaaminen ja laadukas työn jälki.", "Selkeä hinnoittelu: Reilu ja läpinäkyvä hinnoittelu ilman piilokustannuksia."]}
|
||||
"🏘️ Paikallinen yritys: Toimimme Rovaniemellä ja tunnemme alueen talotekniikan erityispiirteet ja haasteet.", "⚡ Nopea palvelu: Reagoimme nopeasti ja tulemme paikalle sovitusti – myös kiireellisissä tilanteissa 24/7.", "👨🔧 Ammattitaitoinen tiimi: Kokeneet LVI-ammattilaiset ja laadukas työn jälki – putkimies palvelusta lämmitysjärjestelmiin.", "💰 Selkeä hinnoittelu: Reilu ja läpinäkyvä hinnoittelu ilman piilokustannuksia – tiedät mitä maksat."]}
|
||||
useInvertedBackground={false}
|
||||
showBorder={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Asiakkaidemme arvostelut"
|
||||
description="Tyytyväiset asiakkaat ovat meille paras mainonta."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Satu Virtanen", handle: "Rovaniemi", testimonial: "Loistava ja nopea palvelu. LVI Mäkiniva hoiti lämmitysjärjestelmän korjauksen ammattitaidolla ja nopeasti.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "male portrait professional man avatar headshot"},
|
||||
{
|
||||
id: "2", name: "Jari Ahonen", handle: "Rovaniemi", testimonial: "Nopeaa ja asiantuntevaa palvelua. Teknikot olivat ystävällisiä ja ammattitaitoisia. Suosittelen lämpimästi!", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1", imageAlt: "female portrait professional woman avatar headshot"},
|
||||
{
|
||||
id: "3", name: "Liisa Mäkinen", handle: "Rovaniemi", testimonial: "Erittäin ammattitaitoista ja nopeaa palvelua. Ilmastointijärjestelmän asennus onnistui täydellisesti.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "male portrait professional man avatar business"},
|
||||
{
|
||||
id: "4", name: "Mikko Lahtinen", handle: "Rovaniemi", testimonial: "Kiitokset ammattilaisille! Putkitöiden korjaus oli nopeasti ja laadukkaasti tehty. Erittäin tyytyväinen.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2", imageAlt: "female portrait professional woman avatar business"},
|
||||
{
|
||||
id: "5", name: "Anna Peltonen", handle: "Rovaniemi", testimonial: "Luotettava ja nopea palvelu. Termostaatit asennettiin ammattitaidolla. Voin täysin suositella.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "male portrait professional man avatar headshot"},
|
||||
{
|
||||
id: "6", name: "Petri Mäkinen", handle: "Rovaniemi", testimonial: "Erinomainen palvelu! Reagoitiin nopeasti päivystyskutsuuni. LVI-ammattilaiset ovat oikeasti ammattitaitoisia.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=3", imageAlt: "female portrait professional woman avatar business"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactText
|
||||
text="Tarvitsetko LVI-ammattilaisen? Ota yhteyttä nyt – olemme valmiita auttamaan kiireellisissäkin tilanteissa."
|
||||
text="Tarvitsetko LVI-ammattilaisen? Ota yhteyttä nyt – LVI Mäkiniva Oy on valmiina auttamaan Rovaniemellä ja lähialueilla."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Soita nyt", href: "tel:+358442406476" },
|
||||
@@ -132,7 +173,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="LVI Mäkiniva Oy\nVarikkotie 23 1C, 96100 Rovaniemi\n📞 044 240 6476\n🌐 lvimakiniva.fi"
|
||||
text="LVI Mäkiniva Oy\n\n📍 Varikkotie 23 1C, 96100 Rovaniemi\n📞 044 240 6476\n🌐 lvimakiniva.fi\n\n24/7 Päivystys saatavilla – ota yhteyttä kiireellisissä tilanteissa!"
|
||||
animationType="reveal-blur"
|
||||
buttons={[
|
||||
{ text: "Soita nyt", href: "tel:+358442406476" },
|
||||
@@ -145,14 +186,14 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="LVI Mäkiniva Oy"
|
||||
copyrightText="© 2025 LVI Mäkiniva Oy. Kaikki oikeudet pidätetään."
|
||||
copyrightText="© 2025 LVI Mäkiniva Oy. Kaikki oikeudet pidätetään. Palvelu Rovaniemelle ja lähialueille."
|
||||
columns={[
|
||||
{
|
||||
title: "Palvelut", items: [
|
||||
{ label: "LVI-huolto", href: "#services" },
|
||||
{ label: "Putkimiestöt", href: "#services" },
|
||||
{ label: "Lämmitysjärjestelmät", href: "#services" },
|
||||
{ label: "Ilmastointi", href: "#services" },
|
||||
{ label: "Päivystys", href: "tel:+358442406476" },
|
||||
{ label: "Ilmastointihuolto", href: "#services" },
|
||||
{ label: "LVI Päivystys", href: "tel:+358442406476" },
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user