Update src/app/page.tsx

2026-04-06 09:04:42 +00:00
parent 19f5afc95f
commit b3af0fdf4e
1 changed files with 53 additions and 136 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
      <NavbarStyleCentered
      navItems={[
        {
-          name: "Etusivu",
-          id: "#hero",
-        },
+          name: "Etusivu",          id: "#hero"},
        {
-          name: "Palvelut",
-          id: "#services",
-        },
+          name: "Palvelut",          id: "#services"},
        {
-          name: "Referenssit",
-          id: "#references",
-        },
+          name: "Referenssit",          id: "#references"},
        {
-          name: "Tarinamme",
-          id: "#about",
-        },
+          name: "Tarinamme",          id: "#about"},
        {
-          name: "Ota yhteyttä",
-          id: "#contact",
-        },
+          name: "Ota yhteyttä",          id: "#contact"},
      ]}
      brandName="Energy Plus Engineering Oy"
    />
@@ -57,104 +47,61 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
      title="Energiaselvityksiä kiinteistöösi"
      description="Tuotamme tarkkaa, läpinäkyvää ja ymmärrettävää tietoa investoinnin myötä syntyvistä säästöistä, jottei sinun tarvitse arvailla energiainvestointien kannattavuutta."
      leftCarouselItems={[
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg?_wi=1",
-          imageAlt: "Professional engineering analysis",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",          imageAlt: "Professional engineering analysis"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg?_wi=2",
-          imageAlt: "Engineering data analysis",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",          imageAlt: "Engineering data analysis"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg?_wi=3",
-          imageAlt: "Efficiency diagnostics",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",          imageAlt: "Efficiency diagnostics"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg?_wi=4",
-          imageAlt: "Consulting workshop",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",          imageAlt: "Consulting workshop"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg?_wi=5",
-          imageAlt: "Modern building analysis",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",          imageAlt: "Modern building analysis"},
      ]}
      rightCarouselItems={[
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg?_wi=6",
-          imageAlt: "Energy optimization diagnostics",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",          imageAlt: "Energy optimization diagnostics"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg?_wi=7",
-          imageAlt: "Building performance data",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",          imageAlt: "Building performance data"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg?_wi=8",
-          imageAlt: "Thermal imaging inspection",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",          imageAlt: "Thermal imaging inspection"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg?_wi=9",
-          imageAlt: "Sustainable consulting",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",          imageAlt: "Sustainable consulting"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg?_wi=10",
-          imageAlt: "Efficiency report",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",          imageAlt: "Efficiency report"},
      ]}
      buttons={[
        {
-          text: "Lue lisää",
-          href: "#services",
-        },
+          text: "Lue lisää",          href: "#services"},
      ]}
      avatars={[
        {
-          src: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",
-          alt: "Expert 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",          alt: "Expert 1"},
        {
-          src: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",
-          alt: "Expert 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",          alt: "Expert 2"},
        {
-          src: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",
-          alt: "Expert 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",          alt: "Expert 3"},
        {
-          src: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",
-          alt: "Expert 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",          alt: "Expert 4"},
        {
-          src: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",
-          alt: "Expert 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/architect-using-transparent-tablet-smart-construction-technology-double-color-exposure-effect_53876-102743.jpg",          alt: "Expert 5"},
      ]}
      avatarText="Tiimimme on palvellut yli 500+ kiinteistöä"
      marqueeItems={[
        {
-          type: "text",
-          text: "Energiatehokkuus",
-        },
+          type: "text",          text: "Energiatehokkuus"},
        {
-          type: "text",
-          text: "Hiilineutraalius",
-        },
+          type: "text",          text: "Hiilineutraalius"},
        {
-          type: "text",
-          text: "Kustannussäästöt",
-        },
+          type: "text",          text: "Kustannussäästöt"},
        {
-          type: "text",
-          text: "Moderni tekniikka",
-        },
+          type: "text",          text: "Moderni tekniikka"},
        {
-          type: "text",
-          text: "Asiantuntijuus",
-        },
+          type: "text",          text: "Asiantuntijuus"},
      ]}
    />
  </div>
@@ -166,29 +113,17 @@ export default function LandingPage() {
      useInvertedBackground={false}
      features={[
        {
-          id: "f1",
-          title: "Yritykset ja teollisuus",
-          descriptions: [
-            "Energiaselvitykset ja optimointi yritysten toimitiloihin.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-with-windows_23-2148836792.jpg",
-        },
+          id: "f1",          title: "Yritykset ja teollisuus",          descriptions: [
+            "Energiaselvitykset ja optimointi yritysten toimitiloihin."],
+          imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-with-windows_23-2148836792.jpg"},
        {
-          id: "f2",
-          title: "Taloyhtiöt",
-          descriptions: [
-            "Kattavat ratkaisut taloyhtiöiden energiatehokkuuteen.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205462.jpg",
-        },
+          id: "f2",          title: "Taloyhtiöt",          descriptions: [
+            "Kattavat ratkaisut taloyhtiöiden energiatehokkuuteen."],
+          imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205462.jpg"},
        {
-          id: "f3",
-          title: "Omakotitalot",
-          descriptions: [
-            "Tarkka analyysi asumisen energiakustannusten pienentämiseksi.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15619.jpg",
-        },
+          id: "f3",          title: "Omakotitalot",          descriptions: [
+            "Tarkka analyysi asumisen energiakustannusten pienentämiseksi."],
+          imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15619.jpg"},
      ]}
      title="Asiantuntijapalvelut kiinteistöillesi"
      description="Keskitymme kiinteistösi tarpeisiin ja löytämään sinulle kannattavimmat ratkaisut ja mitoitukset energiatehokkuuden parantamiseksi."
@@ -205,25 +140,13 @@ export default function LandingPage() {
      description="Olemme auttaneet kiinteistöjä säästämään merkittäviä summia ja vähentämään hiilijalanjälkeään."
      metrics={[
        {
-          id: "m1",
-          value: "500+",
-          title: "Projektia",
-          description: "Onnistunutta toimeksiantoa",
-          icon: CheckCircle,
+          id: "m1",          value: "500+",          title: "Projektia",          description: "Onnistunutta toimeksiantoa",          icon: CheckCircle,
        },
        {
-          id: "m2",
-          value: "25%",
-          title: "Säästöt",
-          description: "Keskimääräinen energiakulutuksen lasku",
-          icon: TrendingDown,
+          id: "m2",          value: "25%",          title: "Säästöt",          description: "Keskimääräinen energiakulutuksen lasku",          icon: TrendingDown,
        },
        {
-          id: "m3",
-          value: "15v",
-          title: "Kokemus",
-          description: "Asiantuntijuutta alalta",
-          icon: Award,
+          id: "m3",          value: "15v",          title: "Kokemus",          description: "Asiantuntijuutta alalta",          icon: Award,
        },
      ]}
    />
@@ -235,6 +158,13 @@ export default function LandingPage() {
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
+      title="Tuotteemme"
+      description="Tarjoamme kattavan valikoiman energiatehokkuutta parantavia palveluita."
+      items={[
+        { id: "p1", title: "Energiakatselmus", description: "Perusteellinen analyysi kiinteistön energiatilanteesta." },
+        { id: "p2", title: "Uusiutuva energia", description: "Ratkaisut aurinko- ja maalämpöinvestointeihin." },
+        { id: "p3", title: "Lämmön optimointi", description: "Älykkäät järjestelmät lämmityksen säätöön." }
+      ]}
    />
  </div>

@@ -242,14 +172,11 @@ export default function LandingPage() {
      <ContactText
      useInvertedBackground={true}
      background={{
-        variant: "rotated-rays-static",
-      }}
+        variant: "rotated-rays-static"}}
      text="Kiinteistöjen energia-asioiden asiantuntija. Ota yhteyttä ja varmista kiinteistösi energiataloudellisuus."
      buttons={[
        {
-          text: "Ota yhteyttä",
-          href: "mailto:info@epluse.fi",
-        },
+          text: "Ota yhteyttä",          href: "mailto:info@epluse.fi"},
      ]}
    />
  </div>
@@ -260,33 +187,23 @@ export default function LandingPage() {
        {
          items: [
            {
-              label: "Etusivu",
-              href: "#hero",
-            },
+              label: "Etusivu",              href: "#hero"},
            {
-              label: "Palvelut",
-              href: "#services",
-            },
+              label: "Palvelut",              href: "#services"},
          ],
        },
        {
          items: [
            {
-              label: "Referenssit",
-              href: "#",
-            },
+              label: "Referenssit",              href: "#"},
            {
-              label: "Ota yhteyttä",
-              href: "#contact",
-            },
+              label: "Ota yhteyttä",              href: "#contact"},
          ],
        },
        {
          items: [
            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}