Merge version_2 into main #2
129
src/app/page.tsx
129
src/app/page.tsx
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user