Project Showcase

Vissza

A projekt bemutató komponens lehetővé teszi referencia projektek látványos megjelenítését.

Alap példa

Referenciáink

Büszkék vagyunk megvalósított projektjeinkre

Budapest Recycling Center

Budapest

Modern újrahasznosító központ 50000 tonna éves kapacitással

50000tKapacitás

120+Dolgozók

Debreceni Hulladékválogató

Debrecen

Automatizált válogatórendszer a hatékonyabb újrahasznosításért

95%Hatékonyság

2023Év

Szegedi Ipari Park

Szeged

Komplex ipari hulladékkezelési megoldások

15haTerület

25+Partnerek

Győri Zöld Központ

Győr

Fenntartható hulladékgazdálkodási oktatóközpont

5000+Látogatók

30+Programok

Kiemelt projekttel

Az első projekt nagyobb méretben jelenik meg:

Referenciáink

Büszkék vagyunk megvalósított projektjeinkre

BÜCHL Technológiai Központ

Budapest

Magyarország legmodernebb hulladékkezelési innovációs központja. Kutatás-fejlesztés és oktatás egy helyen.

€5MBeruházás

15+Technológiák

8K+F projektek

50+Munkatársak

Budapest Recycling Center

Budapest

Modern újrahasznosító központ 50000 tonna éves kapacitással

50000tKapacitás

120+Dolgozók

Debreceni Hulladékválogató

Debrecen

Automatizált válogatórendszer a hatékonyabb újrahasznosításért

95%Hatékonyság

2023Év

Szegedi Ipari Park

Szeged

Komplex ipari hulladékkezelési megoldások

15haTerület

25+Partnerek

Győri Zöld Központ

Győr

Fenntartható hulladékgazdálkodási oktatóközpont

5000+Látogatók

30+Programok

Különböző oszlopszámok

2 oszlop

Referenciáink

Büszkék vagyunk megvalósított projektjeinkre

Budapest Recycling Center

Budapest

Modern újrahasznosító központ 50000 tonna éves kapacitással

50000tKapacitás

120+Dolgozók

Debreceni Hulladékválogató

Debrecen

Automatizált válogatórendszer a hatékonyabb újrahasznosításért

95%Hatékonyság

2023Év

4 oszlop

Referenciáink

Büszkék vagyunk megvalósított projektjeinkre

Budapest Recycling Center

Budapest

Modern újrahasznosító központ 50000 tonna éves kapacitással

50000tKapacitás

120+Dolgozók

Debreceni Hulladékválogató

Debrecen

Automatizált válogatórendszer a hatékonyabb újrahasznosításért

95%Hatékonyság

2023Év

Szegedi Ipari Park

Szeged

Komplex ipari hulladékkezelési megoldások

15haTerület

25+Partnerek

Győri Zöld Központ

Győr

Fenntartható hulladékgazdálkodási oktatóközpont

5000+Látogatók

30+Programok

Különböző hátterek

Kék háttér

Kiváló referenciáink

25 év tapasztalattal

Budapest Recycling Center

Budapest

Modern újrahasznosító központ 50000 tonna éves kapacitással

50000tKapacitás

120+Dolgozók

Debreceni Hulladékválogató

Debrecen

Automatizált válogatórendszer a hatékonyabb újrahasznosításért

95%Hatékonyság

2023Év

Szegedi Ipari Park

Szeged

Komplex ipari hulladékkezelési megoldások

15haTerület

25+Partnerek

Props

Prop	Típus	Alapértelmezett	Leírás
projects	Project[]	kötelező	A megjelenítendő projektek tömbje
title	string	'Referenciáink'	Szekció címe
subtitle	string	'Büszkék vagyunk...'	Szekció alcíme
featured	boolean	false	Az első projekt nagyobb méretben jelenik meg
bgColor	'white' \| 'gray' \| 'blue'	'white'	Háttérszín
columns	2 \| 3 \| 4	3	Oszlopok száma desktop nézetben
showCTA	boolean	true	CTA gomb megjelenítése
ctaText	string	'Összes projekt'	CTA gomb szövege

Project Interface

interface Project {
  title: string
  location: string
  description: string
  image: string
  stats?: {
    label: string
    value: string
  }[]
}

Használati példa

<template>
  <BuchlProjectShowcase
    :projects="projects"
    :featured="true"
    bgColor="gray"
    title="Megvalósított projektjeink"
    subtitle="Innovatív hulladékkezelési megoldások"
    ctaText="Minden referencia"
    @cta-click="navigateTo('/referenciak')"
  />
</template>

<script setup>
const projects = [
  {
    title: 'Budapest Recycling Center',
    location: 'Budapest',
    description: 'Modern újrahasznosító központ 50000 tonna éves kapacitással',
    image: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=800&h=600&fit=crop',
    stats: [
      { label: 'Kapacitás', value: '50000t' },
      { label: 'Dolgozók', value: '120+' }
    ]
  },
  // További projektek...
]
</script>