From 80bf5c707aed56e59fc4617d2eb2a9049d6757ad Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 16:29:05 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 194 ++++++++++++-----------------------------------
 1 file changed, 47 insertions(+), 147 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 98cce24..d1d5089 100644
--- a/src/app/page.tsx
+++ b/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: "#"},
           ],
         },
       ]}
-- 
2.49.1