Update src/app/page.tsx
This commit is contained in:
189
src/app/page.tsx
189
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user