Merge version_2 into main #2

Merged
bender merged 3 commits from version_2 into main 2026-05-31 22:29:38 +00:00
3 changed files with 71 additions and 80 deletions

View File

@@ -3,16 +3,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, CalendarDays, CheckSquare, Cog, Truck, Users } from "lucide-react";
export default function LandingPage() {
@@ -20,13 +20,13 @@ export default function LandingPage() {
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="compact"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSizeMediumTitles"
background="grid"
cardStyle="subtle-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
background="blurBottom"
cardStyle="soft-shadow"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
@@ -151,44 +151,38 @@ export default function LandingPage() {
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
<TestimonialCardFive
useInvertedBackground={true}
testimonial="A Föld-Mester-Munka Kft. kiváló munkát végzett a telek előkészítésénél. Gyorsak, precízek és rendkívül profik voltak. Bátran ajánlom mindenkinek!"
rating={5}
author="Kovács Péter, Ingatlanfejlesztő"
avatars={[
title="Ügyfeleink mondták"
description="Hallgassa meg, mit gondolnak rólunk elégedett partnereink a földmunka és gépbérlés terén. Kiválóságra törekszünk minden projektben."
textboxLayout="default"
testimonials={[
{
src: "http://img.b2bpic.net/free-photo/view-3d-practicing-lawyer_23-2151023403.jpg", alt: "Kovács Péter"},
id: "t1", name: "Kovács Péter", date: "2023. március 15.", title: "Ingatlanfejlesztő", quote: "A Föld-Mester-Munka Kft. kiváló munkát végzett a telek előkészítésénél. Gyorsak, precízek és rendkívül profik voltak. Bátran ajánlom mindenkinek!", tag: "Kiemelkedő Szolgáltatás", avatarSrc: "http://img.b2bpic.net/free-photo/view-3d-practicing-lawyer_23-2151023403.jpg", avatarAlt: "Kovács Péter"
},
{
src: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg", alt: "Nagy Anna"},
id: "t2", name: "Nagy Anna", date: "2023. április 22.", title: "Kertépítő", quote: "A tereprendezés során nyújtott segítségük felülmúlta a várakozásainkat. Precíz munka és professzionális hozzáállás jellemezte őket.", tag: "Megbízható Partner", avatarSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg", avatarAlt: "Nagy Anna"
},
{
src: "http://img.b2bpic.net/free-photo/satisfied-happy-female-customer-making-like-gesture_74855-3668.jpg", alt: "Kiss Gergely"},
{
src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg", alt: "Tóth Eszter"},
{
src: "http://img.b2bpic.net/free-photo/funny-3d-illustration-american-referee_183364-80230.jpg", alt: "Szabó Ferenc"},
id: "t3", name: "Kiss Gergely", date: "2023. május 10.", title: "Építési Vállalkozó", quote: "A Bobcat bérlés egyszerű és rugalmas volt. A gép kifogástalanul működött, és a határidőket is tartani tudtuk a segítségükkel.", tag: "Hatékony Gépbérlés", avatarSrc: "http://img.b2bpic.net/free-photo/satisfied-happy-female-customer-making-like-gesture_74855-3668.jpg", avatarAlt: "Kiss Gergely"
}
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "20+", title: "Év Tapasztalat", description: "Évtizedes tapasztalat a földmunkák terén, megbízható és szakértő csapat.", icon: CalendarDays,
},
id: "m1", value: "20+", description: "Évtizedes tapasztalat a földmunkák terén, megbízható és szakértő csapat."},
{
id: "m2", value: "500+", title: "Teljesített Projekt", description: "Több száz sikeresen befejezett földmunka projekt Budapesten és környékén.", icon: CheckSquare,
},
id: "m2", value: "500+", description: "Több száz sikeresen befejezett földmunka projekt Budapesten és környékén."},
{
id: "m3", value: "30+", title: "Modern Gép", description: "Folyamatosan fejlesztett, korszerű géppark a hatékony munkavégzésért.", icon: Truck,
},
id: "m3", value: "30+", description: "Folyamatosan fejlesztett, korszerű géppark a hatékony munkavégzésért."},
]}
title="Sikereink számokban"
description="Több éves tapasztalattal és számos sikeres projekttel a hátunk mögött, garantáljuk a minőségi munkát."
@@ -212,7 +206,7 @@ export default function LandingPage() {
</div>
<div id="faq" data-section="faq">
<FaqSplitText
<FaqBase
useInvertedBackground={false}
faqs={[
{
@@ -226,62 +220,59 @@ export default function LandingPage() {
{
id: "faq-5", title: "Mennyibe kerül a Bobcat bérlés?", content: "A Bobcat bérlés ára a bérlési időtartamtól és a választott géptípustól függ. Kérjen egyedi árajánlatot, hogy pontos kalkulációt adhassunk!"},
]}
sideTitle="Gyakran Ismételt Kérdések"
sideDescription="Itt találja a leggyakoribb kérdéseket és válaszokat szolgáltatásainkkal kapcsolatban."
title="Gyakran Ismételt Kérdések"
description="Itt találja a leggyakoribb kérdéseket és válaszokat szolgáltatásainkkal kapcsolatban."
faqsAnimation="slide-up"
textboxLayout="default"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
<ContactSplitForm
useInvertedBackground={true}
background={{
variant: "radial-gradient"}}
text="Kérjen ajánlatot még ma és kezdjük el a projektjét!"
buttons={[
{
text: "Írjon nekünk", href: "mailto:info@foldmestermunka.hu"},
{
text: "Hívjon minket", href: "tel:+36701234567"},
title="Kérjen ajánlatot még ma!"
description="Lépjen kapcsolatba velünk, és kezdjük el projektjét a lehető leghamarabb. Szakértő csapatunk készen áll a segítségre."
inputs={[
{ name: "name", type: "text", placeholder: "Teljes név", required: true },
{ name: "email", type: "email", placeholder: "E-mail cím", required: true },
{ name: "phone", type: "tel", placeholder: "Telefonszám (opcionális)" }
]}
textarea={{ name: "message", placeholder: "Üzenet", rows: 5, required: true }}
buttonText="Ajánlatkérés elküldése"
imageSrc="http://img.b2bpic.net/free-photo/construction-site-with-cranes-sky_23-2149179965.jpg"
imageAlt="Modern építési terület darukkal"
mediaPosition="right"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
<FooterBaseReveal
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m0fpbv"
logoAlt="Föld-Mester-Munka Kft. logó"
logoText="Föld-Mester-Munka Kft."
columns={[
{
items: [
{
label: "Kezdőlap", href: "#home"},
{
label: "Rólunk", href: "#about"},
{
label: "Szolgáltatások", href: "#services"},
],
title: "Cégünk", items: [
{ label: "Kezdőlap", href: "#home" },
{ label: "Rólunk", href: "#about" },
{ label: "Szolgáltatások", href: "#services" },
]
},
{
items: [
{
label: "Géppark", href: "#machines"},
{
label: "GYIK", href: "#faq"},
{
label: "Kapcsolat", href: "#contact"},
],
title: "Segítség", items: [
{ label: "Géppark", href: "#machines" },
{ label: "GYIK", href: "#faq" },
{ label: "Kapcsolat", href: "#contact" },
]
},
{
items: [
{
label: "Adatvédelmi Nyilatkozat", href: "#"},
{
label: "Általános Szerződési Feltételek", href: "#"},
],
},
title: "Jog", items: [
{ label: "Adatvédelmi Nyilatkozat", href: "#" },
{ label: "Általános Szerződési Feltételek", href: "#" },
]
}
]}
logoText="Föld-Mester-Munka Kft."
copyrightText="© 2023 Föld-Mester-Munka Kft. Minden jog fenntartva."
/>
</div>
</ReactLenis>

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-inter), sans-serif;
font-family: var(--font-dm-sans), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-mulish), sans-serif;
font-family: var(--font-manrope), sans-serif;
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f7f6f7;
--card: #ffffff;
--foreground: #250c0d;
--primary-cta: #b82b40;
--primary-cta-text: #f7f6f7;
--secondary-cta: #ffffff;
--secondary-cta-text: #250c0d;
--accent: #b90941;
--background-accent: #e8a8b6;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #f5f5f5;
--primary-cta: #ffdf7d;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffff;
--accent: #b8860b;
--background-accent: #8b6914;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);