BÜCHL Kártya Komponensek

Nuxt UI alapú kártya komponensek különböző felhasználási esetekre

Alap Kártyák

Egyszerű Kártya

Ez egy egyszerű kártya alapvető tartalommal. Használható általános információk megjelenítésére.

Keretezett Kártya

Ez egy outline változatú kártya, amely keret nélküli megjelenést biztosít.

Lágy Kártya

A soft variant háttérszínt ad a kártyának finomabb megjelenésért.

Ikonos Kártyák

Innovatív Megoldások

Folyamatosan fejlesztjük megoldásainkat a legjobb szolgáltatás érdekében.

Hulladékkezelés

Professzionális hulladékkezelési szolgáltatások ipari partnereknek.

24/7 elérhetőség

Ügyfélszolgálat

Dedikált csapatunk készséggel áll rendelkezésére minden kérdésben.

Statisztikai Kártyák

Telephelyek

Újrahasznosítás

89%

Ügyfelek

2,450

+12.5% az előző évhez képest

Éves Bevétel

€45M

Stabil növekedés

Blog Kártyák

Fenntarthatóság

Zöld Kezdeményezéseink 2024-ben

Büszkeséggel mutatjuk be idei környezetvédelmi programjainkat és fenntarthatósági célkitűzéseinket.

Kovács Anna2024. márc. 15.

Technológia

Modern Hulladékkezelési Megoldások

Fedezd fel legújabb technológiai fejlesztéseinket a hatékonyabb és környezetbarátabb hulladékkezelés terén.

Tóth Péter•2024. márc. 10.

Akció Kártyák

Kérjen Ajánlatot

Kapcsolódjon szakértőinkkel még ma egy személyre szabott ajánlatért.

Letölthető Anyagok

Töltse le részletes szolgáltatási katalógusunkat PDF formátumban.

Hírlevél Feliratkozás

Értesüljön elsőként legújabb híreinkről és ajánlatainkról.

Komplex Kártyák

Prémium Csomag

Nagyvállalatoknak

€999

/hónap

Korlátlan telephely lefedettség
24/7 ügyfélszolgálat
Egyedi riportok
Dedikált kapcsolattartó

Szabó Károly

Vezérigazgató

20+ év tapasztalattal rendelkezik a hulladékkezelési iparágban, és elkötelezett a fenntartható megoldások mellett.

Kód Példák

Alap Kártya

      <UCard>
  <template #header>
    <h3 class="text-lg font-semibold">Kártya Cím</h3>
  </template>
  
  <p class="text-gray-600 dark:text-gray-400">
    Ez a kártya tartalma.
  </p>
  
  <template #footer>
    <UButton label="Művelet" color="primary" size="sm" class="rounded-none" />
  </template>
</UCard>

Ikonos Kártya

      <UCard>
  <template #header>
    <div class="flex items-center gap-3">
      <div class="p-3 bg-primary-100 dark:bg-primary-900 rounded-lg">
        <UIcon name="i-heroicons-light-bulb" class="text-primary-600 dark:text-primary-400 text-2xl" />
      </div>
      <h3 class="text-lg font-semibold">Innovatív Megoldások</h3>
    </div>
  </template>
  
  <p class="text-gray-600 dark:text-gray-400">
    Folyamatosan fejlesztjük megoldásainkat.
  </p>
  
  <template #footer>
    <UButton label="Tudj meg többet" color="primary" variant="ghost" size="sm" block class="rounded-none" />
  </template>
</UCard>

Statisztikai Kártya

      <UCard>
  <div class="flex items-center justify-between">
    <div>
      <p class="text-sm text-gray-600 dark:text-gray-400 mb-1">Telephelyek</p>
      <p class="text-3xl font-bold text-primary-600">7</p>
    </div>
    <UIcon name="i-heroicons-building-office-2" class="text-primary-400 text-3xl" />
  </div>
</UCard>