Merge version_1 into main #1
194
src/app/page.tsx
194
src/app/page.tsx
@@ -19,27 +19,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Etusivu",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Etusivu", id: "hero"},
|
||||
{
|
||||
name: "Palvelut",
|
||||
id: "features",
|
||||
},
|
||||
name: "Palvelut", id: "features"},
|
||||
{
|
||||
name: "Yritys",
|
||||
id: "about",
|
||||
},
|
||||
name: "Yritys", id: "about"},
|
||||
{
|
||||
name: "Yhteystiedot",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Yhteystiedot", id: "contact"},
|
||||
]}
|
||||
brandName="M.R. Kaivuu-Kuljetus"
|
||||
/>
|
||||
@@ -48,15 +47,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
text: "Pyydä tarjous", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/silhouette-construction-workers-yard_482257-34184.jpg"
|
||||
/>
|
||||
@@ -69,22 +65,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Tarkka toteutus",
|
||||
"Ajoissa paikalla",
|
||||
"Huomisen kestävä jälki",
|
||||
"Kokenut tiimi",
|
||||
"Nykyaikainen kalusto",
|
||||
],
|
||||
"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",
|
||||
],
|
||||
"Kaivinkonetyöt", "Massansiirrot", "Sora-ajot", "Pohjatyöt", "Salaojitus", "Pihatyöt"],
|
||||
}}
|
||||
title="Monipuoliset palvelut"
|
||||
description="Kattavat maanrakennus- ja kuljetuspalvelut Kirkkonummelta käsin."
|
||||
@@ -112,33 +97,13 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -153,45 +118,20 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -205,40 +145,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "30+",
|
||||
title: "Vuotta alalla",
|
||||
items: [
|
||||
"Pitkä kokemus",
|
||||
"Vakaa toimija",
|
||||
],
|
||||
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: "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: "m3", value: "4.0", title: "Arvio", items: [
|
||||
"Asiakkaiden palaute", "Korkea laatu"],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24h",
|
||||
title: "Vasteaika",
|
||||
items: [
|
||||
"Tarjouspyyntö",
|
||||
"Nopea palvelu",
|
||||
],
|
||||
id: "m4", value: "24h", title: "Vasteaika", items: [
|
||||
"Tarjouspyyntö", "Nopea palvelu"],
|
||||
},
|
||||
]}
|
||||
title="Lukuja työstämme"
|
||||
@@ -253,22 +173,14 @@ export default function LandingPage() {
|
||||
description="Soita meille 050 572 1419 tai lähetä tarjouspyyntö."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nimi",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Nimi", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Sähköposti",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Sähköposti", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Kerro työkohteesta...",
|
||||
rows: 4,
|
||||
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"
|
||||
@@ -280,33 +192,21 @@ export default function LandingPage() {
|
||||
logoText="Oy M.R. Kaivuu-Kuljetus AB"
|
||||
columns={[
|
||||
{
|
||||
title: "Palvelut",
|
||||
items: [
|
||||
title: "Palvelut", items: [
|
||||
{
|
||||
label: "Kaivinkonetyöt",
|
||||
href: "#",
|
||||
},
|
||||
label: "Kaivinkonetyöt", href: "#"},
|
||||
{
|
||||
label: "Massansiirrot",
|
||||
href: "#",
|
||||
},
|
||||
label: "Massansiirrot", href: "#"},
|
||||
{
|
||||
label: "Sora-ajot",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sora-ajot", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Yhteystiedot",
|
||||
items: [
|
||||
title: "Yhteystiedot", items: [
|
||||
{
|
||||
label: "050 572 1419",
|
||||
href: "tel:0505721419",
|
||||
},
|
||||
label: "050 572 1419", href: "tel:0505721419"},
|
||||
{
|
||||
label: "Susisuontie 195",
|
||||
href: "#",
|
||||
},
|
||||
label: "Susisuontie 195", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user