bender/aeac214f-53c5-460e-b15b-27ffa5b3549c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-20 17:19:58 +00:00
Conversation 0 Commits 2 Files Changed 2 +59 -291
2 changed files with 59 additions and 291 deletions
Download Patch File Download Diff File Expand all files Collapse all files

336
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, CheckCircle, Flame } from "lucide-react";
import { CheckCircle, Clock, MessageCircle, DollarSign, Wrench } from "lucide-react";
export default function LandingPage() {
return (
@@ -25,153 +25,37 @@ export default function LandingPage() {
cardStyle="inset"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="light"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Domov",
id: "hero",
},
{
name: "O nás",
id: "about",
},
{
name: "Služby",
id: "services",
},
{
name: "Realizácie",
id: "gallery",
},
{
name: "Kontakt",
id: "contact",
},
{ name: "Domov", id: "hero" },
{ name: "Prečo my", id: "why-us" },
{ name: "Služby", id: "services" },
{ name: "Recenzie", id: "testimonials" },
{ name: "Kontakt", id: "contact" },
]}
brandName="Kachliarstvo Krúpa"
brandName="APR-Autodiely"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
title="Kachľové pece a krby, ktoré vydržia generácie"
description="Poctivé remeslo, precízna práca a ľudský prístup. Vytvárame teplo domova presne podľa vašich predstáv."
background={{ variant: "gradient-bars" }}
title="Autodiely, ktoré potrebujete – rýchlo a bez problémov"
description="Nemáme na sklade? Nevadí. Zabezpečíme. Vždy za férovú cenu."
buttons={[
{
text: "Nezáväzná konzultácia",
href: "#contact",
},
{
text: "Naše realizácie",
href: "#gallery",
},
{ text: "Zavolať a objednať diel", href: "#contact" },
{ text: "Opýtať sa na dostupnosť", href: "#contact" },
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118872.jpg",
imageAlt: "Luxusný krb v obývačke",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-is-making-pottery-potters-wheel-man-makes-pottery-clay-modeling_169016-67577.jpg",
imageAlt: "Ručná práca na peci",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698302.jpg",
imageAlt: "Moderný krb detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lumber-woodpile-bark-nature-rural_1203-4952.jpg",
imageAlt: "Rustikálna kachľová pec",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176689.jpg",
imageAlt: "Príprava krbu",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-drinking-hot-tea_23-2149172524.jpg",
imageAlt: "Interiér s krbom",
},
{ imageSrc: "https://img.b2bpic.net/free-photo/mechanic-working-car-service_23-2148705600.jpg", imageAlt: "Autodiely expert" },
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Remeslo, ktoré má charakter"
description="Nie sme veľká anonymná firma. Sme remeselníci, ktorí svoju prácu robia poctivo – tak, ako sa to robilo kedysi. Každý projekt berieme osobne a záleží nám na tom, aby ste boli spokojní aj po rokoch."
imageSrc="http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15206.jpg"
imageAlt="Ladislav Krúpa pri práci"
/>
</div>
<div id="services" data-section="services">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Kachľové pece",
description: "Efektívne, krásne a postavené presne pre váš domov.",
imageSrc: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928892.jpg",
imageAlt: "Kachľová pec",
},
{
title: "Krby a krbové systémy",
description: "Moderné aj klasické riešenia ako dominanta vášho interiéru.",
imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698338.jpg",
imageAlt: "Moderný krb",
},
{
title: "Rekonštrukcie a opravy",
description: "Výmena šamotu, údržba a zvyšovanie účinnosti starších pecí.",
imageSrc: "http://img.b2bpic.net/free-photo/man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-14589.jpg",
imageAlt: "Oprava pece",
},
]}
title="Čo pre vás vieme zabezpečiť"
description="Komplexné služby v oblasti stavby pecí a krbov s dôrazom na kvalitu a efektivitu."
/>
</div>
<div id="why-us" data-section="why-us">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Majstri remesla",
description: "Dlhoročné skúsenosti a rodinná tradícia.",
imageSrc: "http://img.b2bpic.net/free-photo/man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-14795.jpg",
imageAlt: "Majstri remesla",
},
{
title: "Čistota práce",
description: "Pracujeme precízne a čisto, aj počas bývania.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-using-laptop_23-2148020499.jpg",
imageAlt: "Čistota práce",
},
{
title: "Ľudský prístup",
description: "Férové jednanie a ochota poradiť a vysvetliť.",
imageSrc: "http://img.b2bpic.net/free-photo/furniture-delivery-service-concept_53876-20677.jpg",
imageAlt: "Ľudský prístup",
},
]}
title="Prečo si klienti vyberajú práve nás"
description="Naša konkurenčná výhoda spočíva v poctivom remesle a ľudskom prístupe."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
@@ -179,193 +63,77 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Spokojnosť klientov",
description: "Spokojnosť zákazníkov je naša priorita.",
icon: CheckCircle,
},
{
id: "m2",
value: "20+",
title: "Rokov praxe",
description: "Rodinná tradícia v kachliarstve.",
icon: Award,
},
{
id: "m3",
value: "500+",
title: "Realizovaných diel",
description: "Stovky pecí a krbov pre spokojné domovy.",
icon: Flame,
},
{ id: "r1", value: "Rýchle", title: "Dodanie", description: "Dodanie bez zbytočného čakania", icon: Clock },
{ id: "r2", value: "Skvelé", title: "Ceny", description: "Kvalita bez predraženia", icon: DollarSign },
{ id: "r3", value: "Odborné", title: "Poradenstvo", description: "Presne vieme, čo auto potrebuje", icon: CheckCircle },
{ id: "r4", value: "Osobný", title: "Prístup", description: "Individuálny prístup ku každému", icon: MessageCircle },
]}
title="Naše výsledky v číslach"
description="Dôvera, ktorú si vážime."
title="Vždy spoľahlivý partner"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={true}
testimonial="Majstri svojho remesla. Prácu odviedli čisto a kvalitne aj počas plnej prevádzky domácnosti. 100% profesionál, rýchla robota a skvelý ľudský prístup."
testimonial="Keď diel nemajú, objednajú ho. A za výbornú cenu. Skvelý prístup, rýchle dodanie."
rating={5}
author="Ján Novák"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
alt: "Zákazník Ján",
},
{
src: "http://img.b2bpic.net/free-photo/black-couple-buy-new-house_53876-20680.jpg",
alt: "Zákazníčka Eva",
},
{
src: "http://img.b2bpic.net/free-photo/happy-man-with-house_1154-113.jpg",
alt: "Zákazník Peter",
},
{
src: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
alt: "Zákazníčka Anna",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
alt: "Spokojný klient",
},
]}
author="Spokojný zákazník"
avatars={[]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardFour
<div id="why-us" data-section="why-us">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Kachľová pec Klasik",
price: "Realizácia na mieru",
variant: "Rustikálne",
imageSrc: "http://img.b2bpic.net/free-photo/pottery-workplace-with-different-creations-table_23-2148970743.jpg",
},
{
id: "p2",
name: "Moderný krb Minimal",
price: "Realizácia na mieru",
variant: "Moderné",
imageSrc: "http://img.b2bpic.net/free-photo/chic-modern-luxury-aesthetics-style-living-room-blue-tone_53876-125839.jpg",
},
{
id: "p3",
name: "Teplovzdušný krb",
price: "Realizácia na mieru",
variant: "Efektívne",
imageSrc: "http://img.b2bpic.net/free-photo/kettle-making-delicious-tea_23-2151882950.jpg",
},
{
id: "p4",
name: "Pece s výmenníkom",
price: "Realizácia na mieru",
variant: "Technické",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-away_23-2148350493.jpg",
},
{
id: "p5",
name: "Krbové vložky",
price: "Realizácia na mieru",
variant: "Inštalácia",
imageSrc: "http://img.b2bpic.net/free-photo/decorative-metallic-holder-with-heap-wooden-logs-stony-fireplace-with-burning-logs_132075-11407.jpg",
},
{
id: "p6",
name: "Rekonštrukcia krbu",
price: "Realizácia na mieru",
variant: "Oprava",
imageSrc: "http://img.b2bpic.net/free-photo/christian-family-praying-together_23-2149290997.jpg",
},
features={[
{ title: "Odbornosť", description: "Presne vieme, čo vaše auto potrebuje", imageSrc: "https://img.b2bpic.net/free-photo/mechanic-checking-car-engine_23-2148705624.jpg" },
{ title: "Rýchlosť", description: "Dodanie bez zbytočného čakania", imageSrc: "https://img.b2bpic.net/free-photo/fast-delivery-concept_23-2149176689.jpg" },
{ title: "Férové ceny", description: "Kvalita bez predraženia", imageSrc: "https://img.b2bpic.net/free-photo/price-tag-concept_23-2149176689.jpg" },
]}
title="Naša práca"
description="Pozrite si vybrané realizácie krbov a pecí."
title="Prečo zákazníci chodia k nám"
/>
</div>
<div id="services" data-section="services">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ title: "Autodiely pre všetky značky", description: "Od olejov cez filtre až po brzdy.", imageSrc: "https://img.b2bpic.net/free-photo/car-parts-workshop_23-2149176689.jpg" },
{ title: "Diely na objednávku", description: "Nemáme na sklade? Zabezpečíme pre vás akýkoľvek diel.", imageSrc: "https://img.b2bpic.net/free-photo/delivery-service_23-2149176689.jpg" },
]}
title="Čo u nás vybavíte"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Ozvite sa nám"
description="Chcete kvalitnú pec alebo krb bez stresu? Radi vám poradíme a navrhneme riešenie na mieru."
title="Stačí zavolať"
description="Žiadne zdĺhavé hľadanie dielov. Zavolajte nám – poradíme, nájdeme a objednáme."
inputs={[
{
name: "name",
type: "text",
placeholder: "Vaše meno",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Váš email",
required: true,
},
{ name: "name", type: "text", placeholder: "Vaše meno" },
{ name: "phone", type: "tel", placeholder: "Telefónne číslo" },
]}
textarea={{
name: "message",
placeholder: "Popíšte nám svoju predstavu",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-red-knitted-sweater-near-white-piano_169016-19844.jpg"
imageAlt="Ladislav Krúpa pri návrhu krbu"
textarea={{ name: "message", placeholder: "Čo potrebujete zohnať?" }}
imageSrc="https://img.b2bpic.net/free-photo/phone-call-customer-service_23-2148842600.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Kachliarstvo Krúpa"
logoText="APR-Autodiely"
columns={[
{
title: "Služby",
items: [
{
label: "Kachľové pece",
href: "#",
},
{
label: "Krby",
href: "#",
},
{
label: "Rekonštrukcie",
href: "#",
},
],
},
{
title: "O nás",
items: [
{
label: "Tradícia",
href: "#",
},
{
label: "Referencie",
href: "#",
},
{
label: "Kontakt",
href: "#contact",
},
],
},
{ title: "Služby", items: [{ label: "Autodiely", href: "#services" }, { label: "Objednávky", href: "#contact" }] },
{ title: "Kontakt", items: [{ label: "Zavolať", href: "tel:+421000000000" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #F5F1EA;
--card: #FFFFFF;
--foreground: #111111;
--primary-cta: #C9A46C;
--background: #FFFFFF;
--card: #E5E7EB;
--foreground: #0F172A;
--primary-cta: #2563EB;
--primary-cta-text: #111111;
--secondary-cta: #111111;
--secondary-cta: #FFFFFF;
--secondary-cta-text: #F5F1EA;
--accent: #8A6A4A;
--background-accent: #DED9CE;
--accent: #2563EB;
--background-accent: #E5E7EB;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);