219 lines
8.9 KiB
TypeScript
219 lines
8.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { ShieldCheck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Etusivu", id: "hero"},
|
|
{
|
|
name: "Palvelut", id: "features"},
|
|
{
|
|
name: "Yritys", id: "about"},
|
|
{
|
|
name: "Yhteystiedot", id: "contact"},
|
|
]}
|
|
brandName="M.R. Kaivuu-Kuljetus"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Maa, joka kestää sukupolvia."
|
|
description="Kolmen vuosikymmenen kokemus kaivinkonetöistä ja kuljetuksista pääkaupunkiseudulla. Tarkasti. Ajoissa."
|
|
buttons={[
|
|
{
|
|
text: "Pyydä tarjous", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/silhouette-construction-workers-yard_482257-34184.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-list" data-section="services-list">
|
|
<FeatureCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
negativeCard={{
|
|
items: [
|
|
"Tarkka toteutus", "Ajoissa paikalla", "Huomisen kestävä jälki", "Kokenut tiimi", "Nykyaikainen kalusto"],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Kaivinkonetyöt", "Massansiirrot", "Sora-ajot", "Pohjatyöt", "Salaojitus", "Pihatyöt"],
|
|
}}
|
|
title="Monipuoliset palvelut"
|
|
description="Kattavat maanrakennus- ja kuljetuspalvelut Kirkkonummelta käsin."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Yrityksemme"
|
|
title="Jokainen työmaa alkaa kuuntelemisesta."
|
|
description="Olemme tehneet maanrakennusta Kirkkonummelta käsin yli kolme vuosikymmentä. Työ jää maahan näkymättömiin — siksi se on tehtävä kerralla oikein."
|
|
subdescription="Sukupolvi sitten opitut menetelmät kohtaavat tämän päivän kaluston."
|
|
imageSrc="http://img.b2bpic.net/free-photo/tractor-operator-sand-pit_1398-1884.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
icon={ShieldCheck}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1", name: "Kaivinkonetyöt", price: "Pohjatyöt", variant: "Salaojitus & kaapelit", imageSrc: "http://img.b2bpic.net/free-photo/crawler-bulldozer_1388-577.jpg"},
|
|
{
|
|
id: "2", name: "Massansiirrot", price: "Siirto", variant: "Maa-ainekset", imageSrc: "http://img.b2bpic.net/free-photo/shanghai-china-skyscrapers-old-iron-bridge_1127-3110.jpg"},
|
|
{
|
|
id: "3", name: "Sora & murske", price: "Toimitus", variant: "Työmaalle", imageSrc: "http://img.b2bpic.net/free-photo/form-dwelling-tower-high-engineering_1127-2349.jpg"},
|
|
{
|
|
id: "4", name: "Pihatyöt", price: "Viimeistely", variant: "Kivetykset & tasoitukset", imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194826.jpg"},
|
|
]}
|
|
title="Mitä teemme"
|
|
description="Kaikki maanrakennuksen vaiheet perustuksista viimeistelyyn."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Tina Lönnström", role: "Asiakas", company: "Google Review", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-using-excavator-digging-day-light_23-2149194791.jpg"},
|
|
{
|
|
id: "2", name: "Matti Meikäläinen", role: "Isännöitsijä", company: "Taloyhtiö", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-brooklyn-bridge-new-york-city_268835-766.jpg"},
|
|
{
|
|
id: "3", name: "Pekka Puupää", role: "Rakentaja", company: "Koti", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-business-buildings_1359-1085.jpg"},
|
|
{
|
|
id: "4", name: "Anna Koti", role: "Pihatyöt", company: "Kirkkonummi", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crane-construction-building_74190-5022.jpg"},
|
|
{
|
|
id: "5", name: "Ville Valmis", role: "Pohjatyöt", company: "Uudisrakennus", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/located-shanghai-one-hundred-years-ago-steel-bridge_1127-3115.jpg"},
|
|
]}
|
|
title="Asiakkaidemme kokemuksia"
|
|
description="Luotettavaa laatua joka kerta."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "30+", title: "Vuotta alalla", items: [
|
|
"Pitkä kokemus", "Vakaa toimija"],
|
|
},
|
|
{
|
|
id: "m2", value: "850", title: "Työmaata", items: [
|
|
"Onnistuneet projektit", "Tyytyväiset asiakkaat"],
|
|
},
|
|
{
|
|
id: "m3", value: "4.0", title: "Arvio", items: [
|
|
"Asiakkaiden palaute", "Korkea laatu"],
|
|
},
|
|
{
|
|
id: "m4", value: "24h", title: "Vasteaika", items: [
|
|
"Tarjouspyyntö", "Nopea palvelu"],
|
|
},
|
|
]}
|
|
title="Lukuja työstämme"
|
|
description="30 vuotta kokemusta näkyy laadussa."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Onko sinulla maa, joka odottaa muotoaan?"
|
|
description="Soita meille 050 572 1419 tai lähetä tarjouspyyntö."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Nimi", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Sähköposti", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Kerro työkohteesta...", rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-with-shovel-picking-up-rubble-construction-site_259150-57621.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Oy M.R. Kaivuu-Kuljetus AB"
|
|
columns={[
|
|
{
|
|
title: "Palvelut", items: [
|
|
{
|
|
label: "Kaivinkonetyöt", href: "#"},
|
|
{
|
|
label: "Massansiirrot", href: "#"},
|
|
{
|
|
label: "Sora-ajot", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Yhteystiedot", items: [
|
|
{
|
|
label: "050 572 1419", href: "tel:0505721419"},
|
|
{
|
|
label: "Susisuontie 195", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2026 Oy M.R. Kaivuu-Kuljetus AB"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |