Merge version_2 into main

Merge version_2 into main

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 ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+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"
+        borderRadius="rounded"
-        contentWidth="compact"
+        contentWidth="medium"
         sizing="largeSizeMediumTitles"
-        background="grid"
+        background="blurBottom"
-        cardStyle="subtle-shadow"
+        cardStyle="soft-shadow"
-        primaryButtonStyle="flat"
+        primaryButtonStyle="gradient"
-        secondaryButtonStyle="glass"
+        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!"
+      title="Ügyfeleink mondták"
-      rating={5}
+      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."
-      author="Kovács Péter, Ingatlanfejlesztő"
+      textboxLayout="default"
-      avatars={[
+      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"},
+          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"
-        {
+        }
-          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"},
       ]}
-      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"
+      title="Gyakran Ismételt Kérdések"
-      sideDescription="Itt találja a leggyakoribb kérdéseket és válaszokat szolgáltatásainkkal kapcsolatban."
+      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={{
+      title="Kérjen ajánlatot még ma!"
-        variant: "radial-gradient"}}
+      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."
-      text="Kérjen ajánlatot még ma és kezdjük el a projektjét!"
+      inputs={[
-      buttons={[
+        { name: "name", type: "text", placeholder: "Teljes név", required: true },
-        {
+        { name: "email", type: "email", placeholder: "E-mail cím", required: true },
-          text: "Írjon nekünk",          href: "mailto:info@foldmestermunka.hu"},
+        { name: "phone", type: "tel", placeholder: "Telefonszám (opcionális)" }
-        {
-          text: "Hívjon minket",          href: "tel:+36701234567"},
       ]}
+      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: [
+          title: "Cégünk",          items: [
-            {
+            { label: "Kezdőlap", href: "#home" },
-              label: "Kezdőlap",              href: "#home"},
+            { label: "Rólunk", href: "#about" },
-            {
+            { label: "Szolgáltatások", href: "#services" },
-              label: "Rólunk",              href: "#about"},
+          ]
-            {
-              label: "Szolgáltatások",              href: "#services"},
-          ],
         },
         {
-          items: [
+          title: "Segítség",          items: [
-            {
+            { label: "Géppark", href: "#machines" },
-              label: "Géppark",              href: "#machines"},
+            { label: "GYIK", href: "#faq" },
-            {
+            { label: "Kapcsolat", href: "#contact" },
-              label: "GYIK",              href: "#faq"},
+          ]
-            {
-              label: "Kapcsolat",              href: "#contact"},
-          ],
         },
         {
-          items: [
+          title: "Jog",          items: [
-            {
+            { label: "Adatvédelmi Nyilatkozat", href: "#" },
-              label: "Adatvédelmi Nyilatkozat",              href: "#"},
+            { label: "Általános Szerződési Feltételek", 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>

src/app/styles/base.css

@@ -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;
 }

src/app/styles/variables.css

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