From 722e9e3e64cfadb47cc0274f24572324d0e63748 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 11 Mar 2026 11:28:24 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 700 +++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 584 insertions(+), 116 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f42b46f..4e269d1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,156 +1,624 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
+import { Home as HomeIcon } from "lucide-react";
+import { useState } from "react";
+
+interface FormData {
+  propertyType: string;
+  address: string;
+  transactionType: string;
+  fullName: string;
+  phone: string;
+  gdprCheckbox: boolean;
+  termsCheckbox: boolean;
+}
 
 export default function LandingPage() {
+  const [formData, setFormData] = useState<FormData>({
+    propertyType: "",    address: "",    transactionType: "",    fullName: "",    phone: "",    gdprCheckbox: false,
+    termsCheckbox: false,
+  });
+
+  const [successMessage, setSuccessMessage] = useState(false);
+  const [formErrors, setFormErrors] = useState<Record<string, string>>({});
+
+  const handleFormChange = (
+    e: React.ChangeEvent<
+      HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement
+    >
+  ) => {
+    const { name, value, type } = e.target;
+    const checked =
+      type === "checkbox" ? (e.target as HTMLInputElement).checked : undefined;
+
+    setFormData((prev) => ({
+      ...prev,
+      [name]: type === "checkbox" ? checked : value,
+    }));
+  };
+
+  const validateForm = (): boolean => {
+    const errors: Record<string, string> = {};
+
+    if (!formData.propertyType.trim())
+      errors.propertyType = "Tip proprietate este obligatoriu";
+    if (!formData.address.trim())
+      errors.address = "Adresa este obligatorie";
+    if (!formData.transactionType.trim())
+      errors.transactionType = "Tip tranzacție este obligatoriu";
+    if (!formData.fullName.trim())
+      errors.fullName = "Nume complet este obligatoriu";
+    if (!formData.phone.trim()) errors.phone = "Telefon este obligatoriu";
+    if (!formData.gdprCheckbox)
+      errors.gdprCheckbox = "Trebuie să acceptați prelucrarea datelor";
+    if (!formData.termsCheckbox)
+      errors.termsCheckbox =
+        "Trebuie să acceptați termenii și condițiile";
+
+    setFormErrors(errors);
+    return Object.keys(errors).length === 0;
+  };
+
+  const handleFormSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+
+    if (validateForm()) {
+      setSuccessMessage(true);
+      setFormData({
+        propertyType: "",        address: "",        transactionType: "",        fullName: "",        phone: "",        gdprCheckbox: false,
+        termsCheckbox: false,
+      });
+      setTimeout(() => setSuccessMessage(false), 5000);
+    }
+  };
+
   return (
     <ThemeProvider
-      defaultButtonVariant="elastic-effect"
-      defaultTextAnimation="entrance-slide"
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="background-highlight"
       borderRadius="soft"
-      contentWidth="mediumSmall"
-      sizing="mediumLargeSizeLargeTitles"
-      background="grid"
-      cardStyle="inset"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="layered"
-      headingFontWeight="light"
+      contentWidth="mediumLarge"
+      sizing="largeSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleApple
+        <NavbarLayoutFloatingOverlay
           brandName="MULTI TASK CLUB"
           navItems={[
-            { name: "Servicii", id: "services" },
+            { name: "Formular", id: "form-section" },
+            { name: "GDPR", id: "gdpr" },
+            { name: "Termeni", id: "terms" },
             { name: "Contact", id: "contact" },
-            { name: "GDPR", id: "gdpr" }
           ]}
+          button={{
+            text: "Contact Paul",            href: "tel:0750290998"}}
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCentered
+        <HeroBillboardScroll
           title="Spune-ne ce proprietate ai"
           description="Completează formularul și un consultant te va contacta în cel mai scurt timp."
-          background={{ variant: "plain" }}
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/close-up-businessman-smiling_23-2150771099.jpg", alt: "Paul Blaga" }
-          ]}
-          avatarText="Paul Blaga - 0750 290 998"
-          buttons={[]}
-          buttonAnimation="opacity"
-          className="relative min-h-screen flex items-center justify-center overflow-hidden"
+          background={{ variant: "canvas-reveal" }}
+          tag="Lead Collection"
+          tagIcon={HomeIcon}
+          tagAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780697.jpg"
+          imageAlt="Real estate consultation"
+          className="min-h-screen flex items-center justify-center relative overflow-hidden"
+          containerClassName="flex flex-col items-center justify-center gap-8 relative z-10"
+          textBoxClassName="max-w-2xl text-center"
+          titleClassName="text-4xl md:text-6xl font-extrabold"
+          descriptionClassName="text-lg md:text-xl opacity-90 mt-4"
         />
       </div>
 
-      <div id="services" data-section="services">
-        <ContactText
-          text="Formular de colectare lead-uri pentru servicii imobiliare"
-          animationType="entrance-slide"
-          buttons={[]}
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
-          className="py-16 px-4"
-        />
+      <div id="form-section" data-section="form-section" className="relative w-full py-16 md:py-24 px-4 md:px-8">
+        <div className="max-w-3xl mx-auto">
+          <div className="bg-white/80 backdrop-blur-lg rounded-2xl shadow-xl p-8 md:p-12 border border-white/20">
+            <div className="flex flex-col md:flex-row gap-8 mb-8">
+              <div className="flex-shrink-0">
+                <img
+                  src="http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office_23-2150167727.jpg"
+                  alt="professional headshot real estate agent portrait"
+                  className="w-24 h-24 md:w-32 md:h-32 rounded-full object-cover border-4 border-accent/30"
+                />
+              </div>
+              <div className="flex flex-col justify-center">
+                <h2 className="text-2xl md:text-3xl font-extrabold text-foreground mb-2">
+                  Paul Blaga
+                </h2>
+                <p className="text-accent font-semibold mb-2">Consultant Imobiliar</p>
+                <p className="text-foreground/70 flex items-center gap-2">
+                  <span>📞</span>
+                  <a
+                    href="tel:0750290998"
+                    className="hover:text-accent transition-colors"
+                  >
+                    0750 290 998
+                  </a>
+                </p>
+              </div>
+            </div>
+
+            <h3 className="text-2xl font-extrabold text-foreground mb-6">
+              Detaliile Proprietății
+            </h3>
+
+            {successMessage && (
+              <div className="mb-6 p-4 bg-green-100/80 border border-green-300 rounded-lg text-green-800">
+                ✓ Mulțumim! Un consultant te va contacta în curând.
+              </div>
+            )}
+
+            <form onSubmit={handleFormSubmit} className="space-y-6">
+              <div>
+                <label className="block text-sm font-semibold text-foreground mb-2">
+                  Tip proprietate <span className="text-accent">*</span>
+                </label>
+                <select
+                  name="propertyType"
+                  value={formData.propertyType}
+                  onChange={handleFormChange}
+                  className="w-full px-4 py-3 bg-white border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent"
+                >
+                  <option value="">Selectează tip proprietate</option>
+                  <option value="Apartament">Apartament</option>
+                  <option value="Casă">Casă</option>
+                  <option value="Teren">Teren</option>
+                  <option value="Spațiu comercial">Spațiu comercial</option>
+                  <option value="Alt tip">Alt tip</option>
+                </select>
+                {formErrors.propertyType && (
+                  <p className="text-red-600 text-sm mt-1">
+                    {formErrors.propertyType}
+                  </p>
+                )}
+              </div>
+
+              <div>
+                <label className="block text-sm font-semibold text-foreground mb-2">
+                  Adresa completă a proprietății (oraș, stradă, număr)
+                  <span className="text-accent">*</span>
+                </label>
+                <textarea
+                  name="address"
+                  value={formData.address}
+                  onChange={handleFormChange}
+                  placeholder="Introduceți adresa completă"
+                  rows={3}
+                  className="w-full px-4 py-3 bg-white border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent resize-none"
+                />
+                {formErrors.address && (
+                  <p className="text-red-600 text-sm mt-1">{formErrors.address}</p>
+                )}
+              </div>
+
+              <div>
+                <label className="block text-sm font-semibold text-foreground mb-2">
+                  Tip tranzacție <span className="text-accent">*</span>
+                </label>
+                <select
+                  name="transactionType"
+                  value={formData.transactionType}
+                  onChange={handleFormChange}
+                  className="w-full px-4 py-3 bg-white border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent"
+                >
+                  <option value="">Selectează tip tranzacție</option>
+                  <option value="Vânzare">Vânzare</option>
+                  <option value="Închiriere">Închiriere</option>
+                </select>
+                {formErrors.transactionType && (
+                  <p className="text-red-600 text-sm mt-1">
+                    {formErrors.transactionType}
+                  </p>
+                )}
+              </div>
+
+              <div>
+                <label className="block text-sm font-semibold text-foreground mb-2">
+                  Nume complet <span className="text-accent">*</span>
+                </label>
+                <input
+                  type="text"
+                  name="fullName"
+                  value={formData.fullName}
+                  onChange={handleFormChange}
+                  placeholder="Introduceți numele"
+                  className="w-full px-4 py-3 bg-white border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent"
+                />
+                {formErrors.fullName && (
+                  <p className="text-red-600 text-sm mt-1">{formErrors.fullName}</p>
+                )}
+              </div>
+
+              <div>
+                <label className="block text-sm font-semibold text-foreground mb-2">
+                  Număr de telefon <span className="text-accent">*</span>
+                </label>
+                <input
+                  type="tel"
+                  name="phone"
+                  value={formData.phone}
+                  onChange={handleFormChange}
+                  placeholder="0700 000 000"
+                  className="w-full px-4 py-3 bg-white border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent"
+                />
+                {formErrors.phone && (
+                  <p className="text-red-600 text-sm mt-1">{formErrors.phone}</p>
+                )}
+              </div>
+
+              <div className="space-y-4">
+                <div className="flex items-start gap-3">
+                  <input
+                    type="checkbox"
+                    name="gdprCheckbox"
+                    id="gdpr-check"
+                    checked={formData.gdprCheckbox}
+                    onChange={handleFormChange}
+                    className="mt-1 w-5 h-5 text-accent bg-white border border-gray-300 rounded focus:ring-2 focus:ring-accent cursor-pointer"
+                  />
+                  <label
+                    htmlFor="gdpr-check"
+                    className="text-sm text-foreground/80 cursor-pointer"
+                  >
+                    Sunt de acord cu prelucrarea datelor mele personale în scopul
+                    menționat <span className="text-accent">*</span>
+                  </label>
+                </div>
+                {formErrors.gdprCheckbox && (
+                  <p className="text-red-600 text-sm">{formErrors.gdprCheckbox}</p>
+                )}
+              </div>
+
+              <div className="space-y-4">
+                <div className="flex items-start gap-3">
+                  <input
+                    type="checkbox"
+                    name="termsCheckbox"
+                    id="terms-check"
+                    checked={formData.termsCheckbox}
+                    onChange={handleFormChange}
+                    className="mt-1 w-5 h-5 text-accent bg-white border border-gray-300 rounded focus:ring-2 focus:ring-accent cursor-pointer"
+                  />
+                  <label
+                    htmlFor="terms-check"
+                    className="text-sm text-foreground/80 cursor-pointer"
+                  >
+                    Prin completarea acestui formular, sunt de acord cu termenii
+                    și condițiile site-ului <span className="text-accent">*</span>
+                  </label>
+                </div>
+                {formErrors.termsCheckbox && (
+                  <p className="text-red-600 text-sm">{formErrors.termsCheckbox}</p>
+                )}
+              </div>
+
+              <button
+                type="submit"
+                className="w-full mt-8 px-8 py-4 bg-primary-cta hover:bg-primary-cta/90 text-primary-cta-text font-extrabold rounded-lg transition-all duration-300 hover:shadow-lg"
+              >
+                Trimite solicitarea
+              </button>
+            </form>
+          </div>
+        </div>
       </div>
 
-      <div id="gdpr" data-section="gdpr">
-        <FaqSplitMedia
-          title="Protecția Datelor Personale - GDPR"
-          description="Înțelegeți cum sunt colectate, procesate și protejate datele dumneavoastră personale conform regulamentelor GDPR."
-          faqs={[
-            {
-              id: "1",              title: "Cine este operatorul de date personale?",              content: "Datele dumneavoastră personale sunt colectate și prelucrate de MULTI TASK CLUB S.R.L., cu sediul în Loc. Deva, Aleea Romanilor 23, Bl. 12, Ap. 107, Județului Hunedoara, România, înregistrată la ONRC cu CUI 46528927, în calitate de operator de date."
-            },
-            {
-              id: "2",              title: "Care este scopul prelucrării datelor?",              content: "Datele colectate prin acest formular vor fi utilizate exclusiv pentru: furnizarea de informații și oferte imobiliare; contactarea dumneavoastră în scopul prezentării serviciilor noastre; gestionarea cererilor și a leadurilor generate prin formular."
-            },
-            {
-              id: "3",              title: "Care este temeiul legal al prelucrării?",              content: "Prelucrarea datelor se face pe baza consimțământului dumneavoastră explicit, conform art. 6 alin. (1) lit. a) din GDPR."
-            },
-            {
-              id: "4",              title: "Ce categorii de date sunt colectate?",              content: "Datele pe care le vom prelucra pot include: nume și prenume; adresă de e-mail; număr de telefon; orice alte informații pe care le furnizați voluntar prin formular."
-            },
-            {
-              id: "5",              title: "Cât timp sunt stocate datele personale?",              content: "Datele personale vor fi stocate pentru o perioadă de maximum 3 ani sau până la retragerea consimțământului."
-            },
-            {
-              id: "6",              title: "Care sunt drepturile mele?",              content: "Aveți dreptul de a: accesa datele personale; rectifica datele inexacte; solicita ștergerea datelor (dreptul de a fi uitat); restricționa prelucrarea sau de a vă opune; solicita portabilitatea datelor; retrage consimțământul în orice moment; depune o plângere la ANSPDCP."
-            }
-          ]}
-          mediaAnimation="opacity"
-          faqsAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          mediaPosition="left"
-          showCard={true}
-        />
+      <div id="gdpr" data-section="gdpr" className="relative w-full py-16 md:py-24 px-4 md:px-8 bg-gradient-to-b from-background to-background-accent/10">
+        <div className="max-w-4xl mx-auto">
+          <h2 className="text-3xl md:text-4xl font-extrabold text-foreground mb-12">
+            Protecția Datelor Personale (GDPR)
+          </h2>
+
+          <div className="space-y-8">
+            <section className="bg-white/50 backdrop-blur-sm p-6 md:p-8 rounded-xl border border-white/20">
+              <h3 className="text-xl font-extrabold text-foreground mb-4">
+                Operatorul de date personale
+              </h3>
+              <p className="text-foreground/80 leading-relaxed">
+                Datele dumneavoastră personale sunt colectate și prelucrate de
+                MULTI TASK CLUB S.R.L., cu sediul în Loc. Deva, Aleea
+                Romanilor 23, Bl. 12, Ap. 107, Județului Hunedoara, România,
+                înregistrată la ONRC cu CUI 46528927, în calitate de operator
+                de date.
+              </p>
+            </section>
+
+            <section className="bg-white/50 backdrop-blur-sm p-6 md:p-8 rounded-xl border border-white/20">
+              <h3 className="text-xl font-extrabold text-foreground mb-4">
+                Scopul prelucrării datelor
+              </h3>
+              <p className="text-foreground/80 leading-relaxed mb-4">
+                Datele colectate prin acest formular vor fi utilizate exclusiv
+                pentru:
+              </p>
+              <ul className="list-disc list-inside space-y-2 text-foreground/80">
+                <li>furnizarea de informații și oferte imobiliare;</li>
+                <li>
+                  contactarea dumneavoastră în scopul prezentării serviciilor
+                  noastre;
+                </li>
+                <li>gestionarea cererilor și a leadurilor generate prin formular.</li>
+              </ul>
+            </section>
+
+            <section className="bg-white/50 backdrop-blur-sm p-6 md:p-8 rounded-xl border border-white/20">
+              <h3 className="text-xl font-extrabold text-foreground mb-4">
+                Temeiul legal al prelucrării
+              </h3>
+              <p className="text-foreground/80 leading-relaxed">
+                Prelucrarea datelor se face pe baza consimțământului
+                dumneavoastră explicit, conform art. 6 alin. (1) lit. a) din
+                GDPR.
+              </p>
+            </section>
+
+            <section className="bg-white/50 backdrop-blur-sm p-6 md:p-8 rounded-xl border border-white/20">
+              <h3 className="text-xl font-extrabold text-foreground mb-4">
+                Categorii de date colectate
+              </h3>
+              <p className="text-foreground/80 leading-relaxed mb-4">
+                Datele pe care le vom prelucra pot include:
+              </p>
+              <ul className="list-disc list-inside space-y-2 text-foreground/80">
+                <li>nume și prenume;</li>
+                <li>adresă de e-mail;</li>
+                <li>număr de telefon;</li>
+                <li>orice alte informații pe care le furnizați voluntar prin formular.</li>
+              </ul>
+            </section>
+
+            <section className="bg-white/50 backdrop-blur-sm p-6 md:p-8 rounded-xl border border-white/20">
+              <h3 className="text-xl font-extrabold text-foreground mb-4">
+                Destinatarii datelor
+              </h3>
+              <p className="text-foreground/80 leading-relaxed">
+                Datele dumneavoastră nu vor fi vândute și vor fi partajate doar
+                cu colaboratori autorizați care contribuie la realizarea
+                serviciilor imobiliare oferite.
+              </p>
+            </section>
+
+            <section className="bg-white/50 backdrop-blur-sm p-6 md:p-8 rounded-xl border border-white/20">
+              <h3 className="text-xl font-extrabold text-foreground mb-4">
+                Durata stocării datelor
+              </h3>
+              <p className="text-foreground/80 leading-relaxed">
+                Datele personale vor fi stocate pentru o perioadă de maximum 3
+                ani sau până la retragerea consimțământului.
+              </p>
+            </section>
+
+            <section className="bg-white/50 backdrop-blur-sm p-6 md:p-8 rounded-xl border border-white/20">
+              <h3 className="text-xl font-extrabold text-foreground mb-4">
+                Drepturile persoanelor vizate
+              </h3>
+              <p className="text-foreground/80 leading-relaxed mb-4">
+                Aveți dreptul de a:
+              </p>
+              <ul className="list-disc list-inside space-y-2 text-foreground/80">
+                <li>accesa datele personale;</li>
+                <li>rectifica datele inexacte;</li>
+                <li>solicita ștergerea datelor (\"dreptul de a fi uitat\");</li>
+                <li>restricționa prelucrarea sau de a vă opune;</li>
+                <li>solicita portabilitatea datelor;</li>
+                <li>
+                  retrage consimțământul în orice moment fără a afecta legalitatea
+                  prelucrării efectuate anterior retragerii;
+                </li>
+                <li>
+                  depune o plângere la Autoritatea Națională de Supraveghere a
+                  Prelucrării Datelor cu Caracter Personal (ANSPDCP).
+                </li>
+              </ul>
+            </section>
+          </div>
+        </div>
       </div>
 
-      <div id="terms" data-section="terms">
-        <FaqSplitMedia
-          title="Termeni și Condiții"
-          description="Termenii și condițiile care guvernează utilizarea acestui formular și serviciilor noastre."
-          faqs={[
-            {
-              id: "1",              title: "Operatorul și scopul",              content: "Acest site/formular este operat de MULTI TASK CLUB S.R.L., cu sediul în Loc. Deva, Aleea Romanilor 23, Bl. 12, Ap. 107, Județul Hunedoara, România, înregistrată la ONRC cu CUI 46528927. Prin accesarea și utilizarea acestui formular, sunteți de acord cu acești termeni și condiții."
-            },
-            {
-              id: "2",              title: "Serviciile oferite",              content: "MULTI TASK CLUB S.R.L. furnizează servicii de intermediere imobiliară, consultanță și prezentarea de oferte pentru achiziții, închirieri și management imobiliar. Toate informațiile și materialele prezentate au caracter informativ și nu constituie oferte contractuale definitive."
-            },
-            {
-              id: "3",              title: "Utilizarea formularului",              content: "Utilizatorul se angajează să furnizeze informații corecte și complete. Este interzisă utilizarea site-ului în scopuri ilegale sau pentru transmiterea de conținut neadecvat."
-            },
-            {
-              id: "4",              title: "Protecția datelor personale",              content: "Datele colectate prin site sau formular sunt prelucrate conform Politicii de Confidențialitate și Clauzelor GDPR disponibile pe site."
-            },
-            {
-              id: "5",              title: "Proprietatea intelectuală",              content: "Conținutul site-ului (texte, imagini, logo-uri, videoclipuri) este proprietatea MULTI TASK CLUB S.R.L. și nu poate fi copiat, distribuit sau folosit fără acordul scris al companiei."
-            },
-            {
-              id: "6",              title: "Limitarea răspunderii",              content: "MULTI TASK CLUB S.R.L. nu este responsabilă pentru: erori, omisiuni sau inexactități ale informațiilor prezentate; deciziile luate pe baza informațiilor din site/formular; eventuale pierderi directe sau indirecte cauzate de accesarea serviciilor."
-            }
-          ]}
-          mediaAnimation="opacity"
-          faqsAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          mediaPosition="left"
-          showCard={true}
-        />
+      <div id="terms" data-section="terms" className="relative w-full py-16 md:py-24 px-4 md:px-8">
+        <div className="max-w-4xl mx-auto">
+          <h2 className="text-3xl md:text-4xl font-extrabold text-foreground mb-12">
+            Termeni și Condiții
+          </h2>
+
+          <div className="space-y-8">
+            <section className="bg-white/50 backdrop-blur-sm p-6 md:p-8 rounded-xl border border-white/20">
+              <h3 className="text-xl font-extrabold text-foreground mb-4">
+                Operatorul și scopul
+              </h3>
+              <p className="text-foreground/80 leading-relaxed">
+                Acest site/formular este operat de MULTI TASK CLUB S.R.L., cu
+                sediul în Loc. Deva, Aleea Romanilor 23, Bl. 12, Ap. 107,
+                Județul Hunedoara, România, înregistrată la ONRC cu CUI
+                46528927.
+              </p>
+              <p className="text-foreground/80 leading-relaxed mt-4">
+                Prin accesarea și utilizarea acestui formular sau site, sunteți
+                de acord cu acești termeni și condiții.
+              </p>
+            </section>
+
+            <section className="bg-white/50 backdrop-blur-sm p-6 md:p-8 rounded-xl border border-white/20">
+              <h3 className="text-xl font-extrabold text-foreground mb-4">
+                Serviciile oferite
+              </h3>
+              <p className="text-foreground/80 leading-relaxed">
+                MULTI TASK CLUB S.R.L. furnizează servicii de intermediere
+                imobiliară, consultanță și prezentarea de oferte pentru
+                achiziții, închirieri și management imobiliar.
+              </p>
+              <p className="text-foreground/80 leading-relaxed mt-4">
+                Toate informațiile și materialele prezentate au caracter
+                informativ și nu constituie oferte contractuale definitive.
+              </p>
+            </section>
+
+            <section className="bg-white/50 backdrop-blur-sm p-6 md:p-8 rounded-xl border border-white/20">
+              <h3 className="text-xl font-extrabold text-foreground mb-4">
+                Utilizarea site-ului / formularului
+              </h3>
+              <ul className="list-disc list-inside space-y-2 text-foreground/80">
+                <li>
+                  Utilizatorul se angajează să furnizeze informații corecte și
+                  complete.
+                </li>
+                <li>
+                  Este interzisă utilizarea site-ului în scopuri ilegale sau
+                  pentru transmiterea de conținut neadecvat.
+                </li>
+              </ul>
+            </section>
+
+            <section className="bg-white/50 backdrop-blur-sm p-6 md:p-8 rounded-xl border border-white/20">
+              <h3 className="text-xl font-extrabold text-foreground mb-4">
+                Protecția datelor personale
+              </h3>
+              <p className="text-foreground/80 leading-relaxed">
+                Datele colectate prin site sau formular sunt prelucrate conform
+                Politicii de Confidențialitate / Clauzelor GDPR disponibile pe
+                site.
+              </p>
+            </section>
+
+            <section className="bg-white/50 backdrop-blur-sm p-6 md:p-8 rounded-xl border border-white/20">
+              <h3 className="text-xl font-extrabold text-foreground mb-4">
+                Proprietatea intelectuală
+              </h3>
+              <p className="text-foreground/80 leading-relaxed">
+                Conținutul site-ului (texte, imagini, logo-uri, videoclipuri)
+                este proprietatea MULTI TASK CLUB S.R.L. și nu poate fi copiat,
+                distribuit sau folosit fără acordul scris al companiei.
+              </p>
+            </section>
+
+            <section className="bg-white/50 backdrop-blur-sm p-6 md:p-8 rounded-xl border border-white/20">
+              <h3 className="text-xl font-extrabold text-foreground mb-4">
+                Limitarea răspunderii
+              </h3>
+              <p className="text-foreground/80 leading-relaxed mb-4">
+                MULTI TASK CLUB S.R.L. nu este responsabilă pentru:
+              </p>
+              <ul className="list-disc list-inside space-y-2 text-foreground/80">
+                <li>erori, omisiuni sau inexactități ale informațiilor prezentate;</li>
+                <li>deciziile luate pe baza informațiilor din site/formular;</li>
+                <li>
+                  eventuale pierderi directe sau indirecte cauzate de accesarea
+                  serviciilor.
+                </li>
+              </ul>
+            </section>
+
+            <section className="bg-white/50 backdrop-blur-sm p-6 md:p-8 rounded-xl border border-white/20">
+              <h3 className="text-xl font-extrabold text-foreground mb-4">
+                Modificarea termenilor și condițiilor
+              </h3>
+              <p className="text-foreground/80 leading-relaxed">
+                MULTI TASK CLUB S.R.L. își rezervă dreptul de a modifica acești
+                termeni și condiții în orice moment. Modificările vor fi
+                publicate pe site și vor intra în vigoare imediat după
+                publicare.
+              </p>
+            </section>
+
+            <section className="bg-white/50 backdrop-blur-sm p-6 md:p-8 rounded-xl border border-white/20">
+              <h3 className="text-xl font-extrabold text-foreground mb-4">
+                Legea aplicabilă și jurisdicția
+              </h3>
+              <p className="text-foreground/80 leading-relaxed">
+                Acești termeni și condiții sunt guvernați de legislația română.
+                Orice litigiu va fi soluționat de instanțele competente din
+                România.
+              </p>
+            </section>
+
+            <section className="bg-white/50 backdrop-blur-sm p-6 md:p-8 rounded-xl border border-white/20">
+              <h3 className="text-xl font-extrabold text-foreground mb-4">
+                Contact
+              </h3>
+              <p className="text-foreground/80 leading-relaxed">
+                Pentru orice întrebări privind termenii și condițiile sau
+                serviciile noastre, ne puteți contacta la:
+              </p>
+              <ul className="list-disc list-inside space-y-2 text-foreground/80 mt-4">
+                <li>Email: paul.blaga@activimob.ro</li>
+                <li>Telefon: 0750 290 998</li>
+                <li>
+                  Adresă: Aleea Romanilor 23, Bl. 12, Ap. 107, Loc. Deva,
+                  Județul Hunedoara, România
+                </li>
+              </ul>
+            </section>
+          </div>
+        </div>
+      </div>
+
+      <div id="contact" data-section="contact" className="relative w-full py-16 md:py-24 px-4 md:px-8">
+        <div className="max-w-4xl mx-auto text-center">
+          <h2 className="text-3xl md:text-4xl font-extrabold text-foreground mb-6">
+            Hai să vorbim
+          </h2>
+          <p className="text-lg text-foreground/70 mb-8">
+            Contactează-ne pentru mai multe informații sau pentru a programa o
+            consultație cu Paul
+          </p>
+          <div className="flex flex-col sm:flex-row gap-4 justify-center">
+            <a
+              href="tel:0750290998"
+              className="px-8 py-4 bg-primary-cta hover:bg-primary-cta/90 text-primary-cta-text font-extrabold rounded-lg transition-all duration-300 hover:shadow-lg"
+            >
+              📞 Apelează pe Paul
+            </a>
+            <a
+              href="#form-section"
+              className="px-8 py-4 bg-secondary-cta hover:bg-secondary-cta/90 text-secondary-cta-text font-extrabold rounded-lg transition-all duration-300 hover:shadow-lg border-2 border-primary-cta"
+            >
+              ✉️ Completează formularul
+            </a>
+          </div>
+        </div>
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseReveal
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780697.jpg"
+          imageAlt="Real estate services footer"
           columns={[
+            {
+              title: "Produse",              items: [
+                { label: "Lead Collection", href: "#form-section" },
+                { label: "Dashboard", href: "#" },
+                { label: "Pricing", href: "#" },
+              ],
+            },
             {
               title: "Companie",              items: [
-                { label: "Despre noi", href: "#" },
-                { label: "Servicii", href: "#services" },
-                { label: "Contact", href: "#contact" }
-              ]
+                { label: "Despre Noi", href: "#" },
+                { label: "Contact", href: "tel:0750290998" },
+                { label: "Careers", href: "#" },
+              ],
             },
             {
               title: "Legal",              items: [
-                { label: "Termeni și Condiții", href: "#terms" },
-                { label: "GDPR", href: "#gdpr" },
-                { label: "Politica de Confidențialitate", href: "#" },
-                { label: "Politica Cookie", href: "#" }
-              ]
+                { label: "Privacy Policy", href: "#gdpr" },
+                { label: "Terms & Conditions", href: "#terms" },
+                { label: "Cookie Policy", href: "#" },
+              ],
             },
-            {
-              title: "Contact",              items: [
-                { label: "Email: paul.blaga@activimob.ro", href: "mailto:paul.blaga@activimob.ro" },
-                { label: "Telefon: 0750 290 998", href: "tel:+40750290998" },
-                { label: "Adresă: Aleea Romanilor 23, Bl. 12, Ap. 107, Loc. Deva, Județul Hunedoara, România", href: "#" }
-              ]
-            }
           ]}
-          copyrightText="© 2025 MULTI TASK CLUB S.R.L. Toate drepturile rezervate."
+          logoText="MULTI TASK CLUB"
+          copyrightText="© 2025 MULTI TASK CLUB S.R.L. | Deva, Hunedoara, România"
+          containerClassName="bg-gradient-to-b from-transparent to-accent/5"
         />
       </div>
     </ThemeProvider>
-- 
2.49.1


From 1a06e8d8448e280417e51070d61b135ff3294bf8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 11 Mar 2026 11:28:24 +0000
Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx

---
 .../shared/SvgTextLogo/SvgTextLogo.tsx        | 29 +++++++------------
 1 file changed, 11 insertions(+), 18 deletions(-)

diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index e267a7b..0f95e22 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -2,42 +2,35 @@ import React from 'react';
 
 interface SvgTextLogoProps {
   text: string;
+  className?: string;
   fontSize?: number;
-  fontWeight?: number | string;
   fontFamily?: string;
   fill?: string;
-  className?: string;
+  dominantBaseline?: 'auto' | 'baseline' | 'middle' | 'hanging' | 'central' | 'text-top' | 'text-bottom' | 'mathematical';
 }
 
 const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
   text,
-  fontSize = 48,
-  fontWeight = 'bold',
-  fontFamily = 'Arial, sans-serif',
-  fill = 'currentColor',
   className = '',
+  fontSize = 24,
+  fontFamily = 'system-ui, -apple-system, sans-serif',
+  fill = '#000000',
+  dominantBaseline = 'middle',
 }) => {
-  const padding = 20;
-  const estimatedWidth = text.length * (fontSize as number) * 0.6 + padding * 2;
-  const estimatedHeight = (fontSize as number) * 1.5 + padding * 2;
-
   return (
     <svg
-      width={estimatedWidth}
-      height={estimatedHeight}
-      viewBox={`0 0 ${estimatedWidth} ${estimatedHeight}`}
-      xmlns="http://www.w3.org/2000/svg"
+      viewBox={`0 0 ${text.length * fontSize} ${fontSize * 1.5}`}
       className={className}
+      xmlns="http://www.w3.org/2000/svg"
     >
       <text
-        x={estimatedWidth / 2}
-        y={estimatedHeight / 2}
+        x="50%"
+        y="50%"
         fontSize={fontSize}
-        fontWeight={fontWeight}
         fontFamily={fontFamily}
         fill={fill}
         textAnchor="middle"
-        dominantBaseline="central"
+        dominantBaseline={dominantBaseline}
       >
         {text}
       </text>
-- 
2.49.1