Update src/app/page.tsx
This commit is contained in:
476
src/app/page.tsx
476
src/app/page.tsx
@@ -17,343 +17,167 @@ import { CheckCircle, Star, Users } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Kezdőlap",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Rólunk",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Szolgáltatások",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Kapcsolat",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Dendro-Logik"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Kezdőlap", id: "hero" },
|
||||
{ name: "Rólunk", id: "about" },
|
||||
{ name: "Szolgáltatások", id: "features" },
|
||||
{ name: "Kapcsolat", id: "contact" },
|
||||
]}
|
||||
brandName="Dendro-Logik"
|
||||
button={{
|
||||
text: "Kapcsolat", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Fenntartható Erdőgazdálkodás Szakértelemmel"
|
||||
description="A Dendro-Logik Kft. professzionális erdészeti megoldásokat kínál Gyula környékén. Szakértelmünk a természet és a hatékonyság találkozása."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Év tapasztalat",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Kezelt hektár",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Fenntarthatóság",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ajánlatkérés",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qaggo9"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://hero-avatar-1",
|
||||
alt: "Szakértő 1",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-2",
|
||||
alt: "Szakértő 2",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-3",
|
||||
alt: "Szakértő 3",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-4",
|
||||
alt: "Szakértő 4",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-5",
|
||||
alt: "Szakértő 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Szakértő csapatunk készen áll."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fenntartható",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precíz",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovatív",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Helyi",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Megbízható",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Fenntartható Erdőgazdálkodás Szakértelemmel"
|
||||
description="A Dendro-Logik Kft. professzionális erdészeti megoldásokat kínál Gyula környékén. Szakértelmünk a természet és a hatékonyság találkozása."
|
||||
kpis={[
|
||||
{ value: "15+", label: "Év tapasztalat" },
|
||||
{ value: "500+", label: "Kezelt hektár" },
|
||||
{ value: "100%", label: "Fenntarthatóság" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Ajánlatkérés", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qaggo9"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "asset://hero-avatar-1", alt: "Szakértő 1" },
|
||||
{ src: "asset://hero-avatar-2", alt: "Szakértő 2" },
|
||||
{ src: "asset://hero-avatar-3", alt: "Szakértő 3" },
|
||||
{ src: "asset://hero-avatar-4", alt: "Szakértő 4" },
|
||||
{ src: "asset://hero-avatar-5", alt: "Szakértő 5" },
|
||||
]}
|
||||
avatarText="Szakértő csapatunk készen áll."
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Fenntartható" },
|
||||
{ type: "text", text: "Precíz" },
|
||||
{ type: "text", text: "Innovatív" },
|
||||
{ type: "text", text: "Helyi" },
|
||||
{ type: "text", text: "Megbízható" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Rólunk",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ighecb",
|
||||
alt: "Erdészeti munkálatok",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Szakértelmünk az erdő jövőjét szolgálja.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Rólunk" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ighecb", alt: "Erdészeti munkálatok" },
|
||||
{ type: "text", content: "Szakértelmünk az erdő jövőjét szolgálja." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Nem szakértő erdőirtás",
|
||||
"Fenntarthatatlan gazdálkodás",
|
||||
"Elhanyagolt erdőterületek",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Szakértő erdőállomány-gondozás",
|
||||
"Fenntartható fahasználat",
|
||||
"Tervezett erdőtelepítés",
|
||||
],
|
||||
}}
|
||||
title="Erdészeti Szolgáltatásaink"
|
||||
description="Teljes körű erdészeti megoldások a tervezéstől a megvalósításig."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{ items: ["Nem szakértő erdőirtás", "Fenntarthatatlan gazdálkodás", "Elhanyagolt erdőterületek"] }}
|
||||
positiveCard={{ items: ["Szakértő erdőállomány-gondozás", "Fenntartható fahasználat", "Tervezett erdőtelepítés"] }}
|
||||
title="Erdészeti Szolgáltatásaink"
|
||||
description="Teljes körű erdészeti megoldások a tervezéstől a megvalósításig."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120",
|
||||
title: "Projekt sikeresen befejezve",
|
||||
description: "Gyula és vonzáskörzetében.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45",
|
||||
title: "Partner",
|
||||
description: "Hosszútávú együttműködés.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Ügyfél elégedettség",
|
||||
description: "Folyamatos minőségellenőrzés.",
|
||||
icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Mérhető Eredmények"
|
||||
description="Az erdőgazdálkodásban az adatok és a természet egyensúlya elengedhetetlen."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "120", title: "Projekt sikeresen befejezve", description: "Gyula és vonzáskörzetében.", icon: CheckCircle },
|
||||
{ id: "m2", value: "45", title: "Partner", description: "Hosszútávú együttműködés.", icon: Users },
|
||||
{ id: "m3", value: "98%", title: "Ügyfél elégedettség", description: "Folyamatos minőségellenőrzés.", icon: Star },
|
||||
]}
|
||||
title="Mérhető Eredmények"
|
||||
description="Az erdőgazdálkodásban az adatok és a természet egyensúlya elengedhetetlen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Kovács János",
|
||||
handle: "Erdőtulajdonos",
|
||||
testimonial: "Precíz és szakszerű munka, a legjobb döntés volt a Dendro-Logikot választani.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=87ju5z",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Nagy Eszter",
|
||||
handle: "Önkormányzati képviselő",
|
||||
testimonial: "Kiváló szakmai hozzáállás, rugalmas csapat és hosszú távú gondolkodás.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7t1ea",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Szabó Péter",
|
||||
handle: "Agrármérnök",
|
||||
testimonial: "A fenntarthatósági szempontok kiemelt kezelése számomra a legfontosabb volt.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=esfawf",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tóth László",
|
||||
handle: "Gazdálkodó",
|
||||
testimonial: "Gyors, megbízható és szakértő csapat. Csak ajánlani tudom őket.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7y38fi",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fekete Mária",
|
||||
handle: "Erdőgazdálkodó",
|
||||
testimonial: "Mindent a legnagyobb rendben és szakértelemmel végeztek el.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5ll05f",
|
||||
},
|
||||
]}
|
||||
title="Ügyfeleink Mondták"
|
||||
description="Megbízhatóság és szakértelem az erdőgazdálkodásban."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Kovács János", handle: "Erdőtulajdonos", testimonial: "Precíz és szakszerű munka, a legjobb döntés volt a Dendro-Logikot választani.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=87ju5z" },
|
||||
{ id: "2", name: "Nagy Eszter", handle: "Önkormányzati képviselő", testimonial: "Kiváló szakmai hozzáállás, rugalmas csapat és hosszú távú gondolkodás.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7t1ea" },
|
||||
{ id: "3", name: "Szabó Péter", handle: "Agrármérnök", testimonial: "A fenntarthatósági szempontok kiemelt kezelése számomra a legfontosabb volt.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=esfawf" },
|
||||
{ id: "4", name: "Tóth László", handle: "Gazdálkodó", testimonial: "Gyors, megbízható és szakértő csapat. Csak ajánlani tudom őket.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7y38fi" },
|
||||
{ id: "5", name: "Fekete Mária", handle: "Erdőgazdálkodó", testimonial: "Mindent a legnagyobb rendben és szakértelemmel végeztek el.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5ll05f" },
|
||||
]}
|
||||
title="Ügyfeleink Mondták"
|
||||
description="Megbízhatóság és szakértelem az erdőgazdálkodásban."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Magyar Erdészeti Szövetség",
|
||||
"Gyula Város Önkormányzata",
|
||||
"Nemzeti Park Igazgatóság",
|
||||
"Alföldi Erdőgazdaság Zrt.",
|
||||
"Agrár Kamara",
|
||||
"Zöld Jövő Alapítvány",
|
||||
"Faipari Szakmai Egyesület",
|
||||
]}
|
||||
title="Partnereink"
|
||||
description="Szakmai együttműködés a hazai erdőkért."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Magyar Erdészeti Szövetség", "Gyula Város Önkormányzata", "Nemzeti Park Igazgatóság", "Alföldi Erdőgazdaság Zrt.", "Agrár Kamara", "Zöld Jövő Alapítvány", "Faipari Szakmai Egyesület"]}
|
||||
title="Partnereink"
|
||||
description="Szakmai együttműködés a hazai erdőkért."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Milyen területeken dolgoznak?",
|
||||
content: "Főként Gyula és vonzáskörzetében, Békés vármegyében vállalunk erdészeti munkákat.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Hogyan kérhetek ajánlatot?",
|
||||
content: "Telefonon vagy e-mailben történő megkeresés után helyszíni felmérést követően adunk ajánlatot.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Milyen szakértelemmel rendelkeznek?",
|
||||
content: "Csapatunk magasan képzett erdőmérnökökből és szakértő szakmunkásokból áll.",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Gyakori Kérdések"
|
||||
description="Tudjon meg többet szolgáltatásainkról."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="asset://faq-media"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Milyen területeken dolgoznak?", content: "Főként Gyula és vonzáskörzetében, Békés vármegyében vállalunk erdészeti munkákat." },
|
||||
{ id: "f2", title: "Hogyan kérhetek ajánlatot?", content: "Telefonon vagy e-mailben történő megkeresés után helyszíni felmérést követően adunk ajánlatot." },
|
||||
{ id: "f3", title: "Milyen szakértelemmel rendelkeznek?", content: "Csapatunk magasan képzett erdőmérnökökből és szakértő szakmunkásokból áll." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Gyakori Kérdések"
|
||||
description="Tudjon meg többet szolgáltatásainkról."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="asset://faq-media"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Lépjen kapcsolatba velünk még ma! Dendro-Logik Kft. – A szakértő erdészeti partner."
|
||||
buttons={[
|
||||
{
|
||||
text: "Hívjon minket: +36 20 123 4567",
|
||||
href: "tel:+36201234567",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Lépjen kapcsolatba velünk még ma! Dendro-Logik Kft. – A szakértő erdészeti partner."
|
||||
buttons={[{ text: "Hívjon minket: +36 20 123 4567", href: "tel:+36201234567" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Szolgáltatások",
|
||||
items: [
|
||||
{
|
||||
label: "Erdőgondozás",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Favágás",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Céginformáció",
|
||||
items: [
|
||||
{
|
||||
label: "Rólunk",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Kapcsolat",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Dendro-Logik Kft."
|
||||
bottomRightText="Gyula, Magyarország"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Szolgáltatások", items: [{ label: "Erdőgondozás", href: "#features" }, { label: "Favágás", href: "#features" }] },
|
||||
{ title: "Céginformáció", items: [{ label: "Rólunk", href: "#about" }, { label: "Kapcsolat", href: "#contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Dendro-Logik Kft."
|
||||
bottomRightText="Gyula, Magyarország"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user