diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6a1e4b2..9814c77 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,129 +29,129 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        { name: "Acasă", id: "hero" },
-        { name: "Despre", id: "about" },
-        { name: "Servicii", id: "features" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="NUME FIRMA"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Acasă", id: "hero" },
+              { name: "Despre", id: "about" },
+              { name: "Servicii", id: "features" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="NUME FIRMA"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSignup
-      background={{ variant: "sparkles-gradient" }}
-      tag="Lider în Inovație"
-      title="Soluții Profesionale Pentru Business-ul Tău"
-      description="Transformăm viziunea ta în realitate prin expertiză și tehnologii moderne. Alătură-te celor peste 500+ clienți mulțumiți."
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSignup
+            background={{ variant: "sparkles-gradient" }}
+            tag="Lider în Inovație"
+            title="Soluții Profesionale Pentru Business-ul Tău"
+            description="Transformăm viziunea ta în realitate prin expertiză și tehnologii moderne. Alătură-te celor peste 500+ clienți mulțumiți."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={true}
-      heading={[
-        { type: "text", content: "O echipă dedicată performanței" }
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={true}
+            heading={[
+              { type: "text", content: "O echipă dedicată performanței" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyOne
-      title="Servicii Profesionale"
-      description="Oferim pachete personalizate pentru a accelera dezvoltarea companiei tale."
-      accordionItems={[
-        { id: "a1", title: "Consultantă Strategică", content: "Analizăm fluxurile tale de business pentru eficiență maximă." },
-        { id: "a2", title: "Dezvoltare Digitală", content: "Soluții software custom și optimizarea prezenței online." },
-        { id: "a3", title: "Suport 24/7", content: "Echipa noastră tehnică este mereu disponibilă pentru orice urgență." }
-      ]}
-      videoSrc="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=2070&auto=format&fit=crop"
-      mediaPosition="right"
-      mediaAnimation="blur-reveal"
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyOne
+            title="Servicii Profesionale"
+            description="Oferim pachete personalizate pentru a accelera dezvoltarea companiei tale."
+            accordionItems={[
+              { id: "a1", title: "Consultantă Strategică", content: "Analizăm fluxurile tale de business pentru eficiență maximă." },
+              { id: "a2", title: "Dezvoltare Digitală", content: "Soluții software custom și optimizarea prezenței online." },
+              { id: "a3", title: "Suport 24/7", content: "Echipa noastră tehnică este mereu disponibilă pentru orice urgență." }
+            ]}
+            videoSrc="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=2070&auto=format&fit=crop"
+            mediaPosition="right"
+            mediaAnimation="blur-reveal"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="depth-3d"
-      textboxLayout="split"
-      metrics={[
-        { id: "m1", icon: Award, title: "Proiecte", value: "100+" },
-        { id: "m2", icon: Users, title: "Clienți", value: "50+" },
-        { id: "m3", icon: CheckCircle, title: "Retenție", value: "99%" }
-      ]}
-      title="Impact Real"
-      description="Cifre care demonstrează angajamentul nostru față de excelență."
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="depth-3d"
+            textboxLayout="split"
+            metrics={[
+              { id: "m1", icon: Award, title: "Proiecte", value: "100+" },
+              { id: "m2", icon: Users, title: "Clienți", value: "50+" },
+              { id: "m3", icon: CheckCircle, title: "Retenție", value: "99%" }
+            ]}
+            title="Impact Real"
+            description="Cifre care demonstrează angajamentul nostru față de excelență."
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      showRating={true}
-      animationType="slide-up"
-      textboxLayout="default"
-      title="Ce spun clienții"
-      description="Experiențele partenerilor noștri."
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "t1", name: "Ion Popescu", handle: "@ion", testimonial: "Servicii de top, livrate exact când a fost nevoie.", rating: 5 },
-        { id: "t2", name: "Maria Ionescu", handle: "@maria", testimonial: "Profesionalism și atenție la detalii exemplară.", rating: 5 }
-      ]}
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            showRating={true}
+            animationType="slide-up"
+            textboxLayout="default"
+            title="Ce spun clienții"
+            description="Experiențele partenerilor noștri."
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Ion Popescu", handle: "@ion", testimonial: "Servicii de top, livrate exact când a fost nevoie.", rating: 5 },
+              { id: "t2", name: "Maria Ionescu", handle: "@maria", testimonial: "Profesionalism și atenție la detalii exemplară.", rating: 5 }
+            ]}
+          />
+        </div>
 
-  <div id="socialproof" data-section="socialproof">
-      <SocialProofOne
-      names={["Alpha Tech", "Beta Solutions", "Gamma Corp", "Delta Systems"]}
-      title="Parteneri strategici"
-      description="Companii care ne-au ales pentru succesul lor digital."
-      textboxLayout="default"
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="socialproof" data-section="socialproof">
+          <SocialProofOne
+            names={["Alpha Tech", "Beta Solutions", "Gamma Corp", "Delta Systems"]}
+            title="Parteneri strategici"
+            description="Companii care ne-au ales pentru succesul lor digital."
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      title="Întrebări frecvente"
-      description="Răspunsuri la cele mai comune întrebări."
-      useInvertedBackground={false}
-      textboxLayout="split"
-      faqsAnimation="blur-reveal"
-      faqs={[
-        { id: "f1", title: "Cum începem?", content: "Simplu, programăm o ședință de analiză inițială." },
-        { id: "f2", title: "Care sunt costurile?", content: "Oferim soluții scalabile, adaptate bugetului fiecărui proiect." }
-      ]}
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            title="Întrebări frecvente"
+            description="Răspunsuri la cele mai comune întrebări."
+            useInvertedBackground={false}
+            textboxLayout="split"
+            faqsAnimation="blur-reveal"
+            faqs={[
+              { id: "f1", title: "Cum începem?", content: "Simplu, programăm o ședință de analiză inițială." },
+              { id: "f2", title: "Care sunt costurile?", content: "Oferim soluții scalabile, adaptate bugetului fiecărui proiect." }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      title="Trimite-ne un mesaj"
-      description="Suntem gata să discutăm proiectul tău și să găsim cea mai bună soluție."
-      useInvertedBackground={false}
-      inputs={[
-        { name: "name", type: "text", placeholder: "Numele tău" },
-        { name: "email", type: "email", placeholder: "Email-ul tău" }
-      ]}
-      textarea={{ name: "message", placeholder: "Detalii proiect" }}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            title="Trimite-ne un mesaj"
+            description="Suntem gata să discutăm proiectul tău și să găsim cea mai bună soluție."
+            useInvertedBackground={false}
+            inputs={[
+              { name: "name", type: "text", placeholder: "Numele tău" },
+              { name: "email", type: "email", placeholder: "Email-ul tău" }
+            ]}
+            textarea={{ name: "message", placeholder: "Detalii proiect" }}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      logoText="NUME FIRMA"
-      columns={[
-        { items: [{ label: "Despre noi" }, { label: "Servicii" }] },
-        { items: [{ label: "Termeni și Condiții" }, { label: "Politică Confidențialitate" }] }
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="NUME FIRMA"
+            columns={[
+              { items: [{ label: "Despre noi" }, { label: "Servicii" }] },
+              { items: [{ label: "Termeni și Condiții" }, { label: "Politică Confidențialitate" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}