Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -2,17 +2,18 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import { Heart, Palette, Scissors, Sparkles, User, Wind } from "lucide-react";
+import { useState } from "react";
 
 export default function LandingPage() {
   return (
@@ -32,10 +33,10 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
           <NavbarStyleApple
             navItems={[
-              { name: "Home", id: "hero" },
-              { name: "Services", id: "services" },
-              { name: "Gallery", id: "gallery" },
-              { name: "Contact", id: "contact" },
+              { name: "Главная", id: "hero" },
+              { name: "Услуги", id: "services" },
+              { name: "Галерея", id: "gallery" },
+              { name: "Контакты", id: "contact" },
             ]}
             brandName="INESSA"
           />
@@ -44,8 +45,8 @@ export default function LandingPage() {
         <div id="hero" data-section="hero">
           <HeroCentered
             background={{ variant: "gradient-bars" }}
-            title="Where Luxury Meets Beauty"
-            description="Experience Paris-level artistry in the heart of Chișinău. Timeless beauty, elite styling, and personalized transformations await you at INESSA."
+            title="Где роскошь встречается с красотой"
+            description="Испытайте мастерство парижского уровня в самом сердце Кишинева. В INESSA вас ждут неподвластная времени красота, элитный стиль и индивидуальные преображения."
             avatars={[
               { src: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-dramma-look_633478-1621.jpg", alt: "Client 1" },
               { src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-sweater-standing-posing_114579-81878.jpg", alt: "Client 2" },
@@ -54,31 +55,30 @@ export default function LandingPage() {
               { src: "http://img.b2bpic.net/free-photo/woman-covering-face-with-feathers-black-mask_23-2148011354.jpg", alt: "Client 5" },
             ]}
             buttons={[
-              { text: "Book Appointment", href: "#booking" },
-              { text: "Explore Services", href: "#services" },
+              { text: "Записаться", href: "#booking" },
+              { text: "Наши Услуги", href: "#services" },
             ]}
             buttonAnimation="slide-up"
             marqueeItems={[
-              { type: "text", text: "Elite Styling" },
-              { type: "text", text: "Parisian Technique" },
-              { type: "text", text: "Custom Color" },
-              { type: "text", text: "Luxury Experience" },
-              { type: "text", text: "Transformative Beauty" },
+              { type: "text", text: "Элитный стиль" },
+              { type: "text", text: "Парижская техника" },
+              { type: "text", text: "Авторское окрашивание" },
+              { type: "text", text: "Премиум сервис" },
+              { type: "text", text: "Трансформация красоты" },
             ]}
           />
         </div>
 
         <div id="about" data-section="about">
           <TestimonialAboutCard
-            useInvertedBackground={false}
-            tag="Our Philosophy"
-            title="European Standards. Artistic Passion."
-            description="At INESSA, we believe beauty is an art form. Our salon brings world-class European techniques to Moldova, blending Parisian elegance with a personalized, elite experience."
-            subdescription="Every transformation is crafted by our fashion-inspired experts, ensuring your hair reflects the sophistication you deserve."
-            imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-relaxing-with-diary_23-2150522497.jpg"
+            tag="Наша философия"
+            title="Европейские стандарты. Творческая страсть."
+            description="В INESSA мы верим, что красота — это искусство. Наш салон привносит в Молдову мировые европейские техники, сочетая парижскую элегантность с персонализированным элитным обслуживанием."
+            subdescription="Каждое преображение создается нашими экспертами, вдохновленными модой, чтобы ваши волосы отражали ту изысканность, которую вы заслуживаете."
+            videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
             mediaAnimation="blur-reveal"
-            imageAlt="luxurious high-end salon interior design"
             icon={Sparkles}
+            useInvertedBackground={false}
           />
         </div>
 
@@ -88,15 +88,15 @@ export default function LandingPage() {
             textboxLayout="split"
             useInvertedBackground={true}
             features={[
-              { title: "Haircuts & Styling", description: "Precision cuts and editorial styling.", icon: Scissors },
-              { title: "Hair Coloring", description: "Custom color palettes for every client.", icon: Palette },
-              { title: "Balayage Artistry", description: "Masterful hand-painted highlights.", icon: Sparkles },
-              { title: "Keratin Treatments", description: "Silky, smooth, and manageable hair.", icon: Wind },
-              { title: "Bridal Hair", description: "Perfect elegance for your special day.", icon: Heart },
-              { title: "Men’s Grooming", description: "Sharp, sophisticated, and modern.", icon: User },
+              { title: "Стрижки и укладки", description: "Точные стрижки и редакционный стиль.", icon: Scissors },
+              { title: "Окрашивание волос", description: "Индивидуальные цветовые палитры.", icon: Palette },
+              { title: "Техника Балаяж", description: "Искусное окрашивание прядей.", icon: Sparkles },
+              { title: "Кератиновое выпрямление", description: "Шелковистые и послушные волосы.", icon: Wind },
+              { title: "Свадебные прически", description: "Идеальная элегантность для вашего дня.", icon: Heart },
+              { title: "Мужской груминг", description: "Острый, изысканный и современный образ.", icon: User },
             ]}
-            title="Elite Hair Artistry"
-            description="Explore our curated range of professional beauty services, designed to elevate your personal style."
+            title="Элитное парикмахерское искусство"
+            description="Изучите наш ассортимент профессиональных услуг, призванных подчеркнуть ваш стиль."
           />
         </div>
 
@@ -107,15 +107,15 @@ export default function LandingPage() {
             animationType="blur-reveal"
             useInvertedBackground={false}
             products={[
-              { id: "g1", name: "Glossy Finishes", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/blonde-model-posing_1122-488.jpg", imageAlt: "high fashion beauty campaign hairstyle" },
-              { id: "g2", name: "Precision Cuts", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-attitude-white_158595-5500.jpg", imageAlt: "hair coloring artistic transformation shot" },
-              { id: "g3", name: "Color Mastery", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-young-curlyhaired-girl-headshot-photo-high-quality-photo_114579-92023.jpg", imageAlt: "editorial portrait female perfect hairstyle" },
-              { id: "g4", name: "Bridal Elegance", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60927.jpg", imageAlt: "high end balayage styling editorial" },
-              { id: "g5", name: "Modern Balayage", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-flower_52683-119994.jpg", imageAlt: "artistic editorial hairstyle photoshoot" },
-              { id: "g6", name: "Editorial Portraits", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-model-posing-studio-stylish-outfit-rock-leather-style-trend_285396-9687.jpg", imageAlt: "premium hair styling editorial shot" },
+              { id: "g1", name: "Глянцевый финиш", price: "Смотреть", imageSrc: "http://img.b2bpic.net/free-photo/blonde-model-posing_1122-488.jpg", imageAlt: "high fashion beauty campaign hairstyle" },
+              { id: "g2", name: "Точные стрижки", price: "Смотреть", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-attitude-white_158595-5500.jpg", imageAlt: "hair coloring artistic transformation shot" },
+              { id: "g3", name: "Мастерство цвета", price: "Смотреть", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-young-curlyhaired-girl-headshot-photo-high-quality-photo_114579-92023.jpg", imageAlt: "editorial portrait female perfect hairstyle" },
+              { id: "g4", name: "Свадебная элегантность", price: "Смотреть", imageSrc: "http://img.b2bpic.net/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60927.jpg", imageAlt: "high end balayage styling editorial" },
+              { id: "g5", name: "Современный Балаяж", price: "Смотреть", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-flower_52683-119994.jpg", imageAlt: "artistic editorial hairstyle photoshoot" },
+              { id: "g6", name: "Редакционные портреты", price: "Смотреть", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-model-posing-studio-stylish-outfit-rock-leather-style-trend_285396-9687.jpg", imageAlt: "premium hair styling editorial shot" },
             ]}
-            title="Editorial Showcase"
-            description="See the INESSA touch through our latest transformations and cinematic hair portraits."
+            title="Портфолио работ"
+            description="Посмотрите на результат INESSA через наши последние преображения."
           />
         </div>
 
@@ -126,67 +126,74 @@ export default function LandingPage() {
             gridVariant="uniform-all-items-equal"
             useInvertedBackground={true}
             metrics={[
-              { id: "m1", value: "100%", description: "European Certified Specialists" },
-              { id: "m2", value: "5k+", description: "Successful Transformations" },
-              { id: "m3", value: "24/7", description: "Digital Booking Availability" },
+              { id: "m1", value: "100%", description: "Европейские специалисты" },
+              { id: "m2", value: "5k+", description: "Успешных преображений" },
+              { id: "m3", value: "24/7", description: "Онлайн-запись" },
             ]}
-            title="The INESSA Promise"
-            description="Why the elite trust INESSA with their beauty journeys."
+            title="Обещание INESSA"
+            description="Почему элита доверяет нам свою красоту."
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardTen
+          <TestimonialCardThirteen
+            title="Отзывы клиентов"
+            description="Международные мнения о нашем мастерстве."
+            showRating={true}
+            animationType="slide-up"
             textboxLayout="split"
             useInvertedBackground={false}
             testimonials={[
-              { id: "1", title: "Absolute Perfection", quote: "The best experience I've had in Chișinău. My balayage is exactly what I wanted.", name: "Sarah Miller", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg" },
-              { id: "2", title: "Truly Elite", quote: "Every detail at INESSA screams sophistication and care.", name: "Elena Popescu", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9333.jpg" },
-              { id: "3", title: "Modern & Chic", quote: "Love the haircut! The atmosphere is so relaxing and professional.", name: "Anna V.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg" },
-              { id: "4", title: "Exceptional Service", quote: "I am so happy with my transformation. Highly recommend the team!", name: "Maria C.", role: "Model", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg" },
-              { id: "5", title: "My Favorite Salon", quote: "I've been a client for years. Always top-tier results.", name: "Victoria M.", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-business-woman-isolated-white-wall_231208-8705.jpg" },
+              { id: "1", name: "Sophie L.", handle: "Париж, Франция", testimonial: "Исключительное мастерство. Поистине роскошный опыт в центре Кишинева.", rating: 5 },
+              { id: "2", name: "Elena P.", handle: "Кишинев, Молдова", testimonial: "Лучший опыт. Балаяж безупречен, именно то, что я хотела.", rating: 5 },
+              { id: "3", name: "Anna V.", handle: "Лондон, Великобритания", testimonial: "Сервис мирового уровня. Профессионализм и внимание к деталям.", rating: 5 },
             ]}
-            title="Client Experiences"
-            description="Hear from our clients about their transformation experiences at INESSA."
           />
         </div>
 
         <div id="booking" data-section="booking">
-          <ContactCenter
-            useInvertedBackground={true}
-            background={{ variant: "radial-gradient" }}
-            tag="Booking"
-            title="Schedule Your Transformation"
-            description="Secure your appointment now and join our elite clientele. We recommend booking in advance to ensure your preferred time."
+          <ContactSplitForm
+            title="Премиум запись"
+            description="Выберите услугу и время для индивидуального визита."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Ваше имя", required: true },
+              { name: "email", type: "email", placeholder: "Электронная почта", required: true },
+            ]}
+            multiSelect={{ name: "service", label: "Выберите услугу", options: ["Стрижка", "Балаяж", "Окрашивание", "Свадебная прическа"] }}
+            textarea={{ name: "notes", placeholder: "Особые пожелания?" }}
+            buttonText="Записаться"
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <FaqSplitText
-            useInvertedBackground={false}
+          <FaqSplitMedia
+            title="Посетите наш салон"
+            description="Удобное расположение и многоязычная поддержка."
             faqs={[
-              { id: "f1", title: "Where is the salon located?", content: "11/4, Strada Mălina Mică, Chișinău, Moldova." },
-              { id: "f2", title: "How can I contact you?", content: "Reach out via +37369113900 or through our WhatsApp button." },
-              { id: "f3", title: "Do you accept walk-ins?", content: "We recommend booking ahead for all transformations and premium services." },
+              { id: "1", title: "Адрес", content: "ул. Мэлина Микэ 11/4, Кишинев, MD-2021" },
+              { id: "2", title: "Телефон", content: "+373 69 113 900" },
+              { id: "3", title: "Языки", content: "Обслуживаем на румынском, русском, французском и английском языках." },
             ]}
-            sideTitle="Salon Info"
-            sideDescription="Everything you need to know about visiting INESSA."
             faqsAnimation="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-relaxing-with-diary_23-2150522497.jpg?_wi=2"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseCard
+          <FooterBase
             logoText="INESSA"
             columns={[
-              { title: "Salon", items: [{ label: "Services", href: "#services" }, { label: "Booking", href: "#booking" }] },
-              { title: "Contact", items: [{ label: "+37369113900", href: "tel:+37369113900" }, { label: "WhatsApp", href: "https://wa.me/37369113900" }] },
-              { title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
+              { title: "Navigare", items: [{ label: "Acasă", href: "#hero" }, { label: "Servicii", href: "#services" }] },
+              { title: "Limbi", items: [{ label: "Selectează limba", href: "#" }] },
+              { title: "Informații legale", items: [{ label: "Politica de confidențialitate", href: "#" }] },
             ]}
-            copyrightText="© 2025 INESSA Chișinău."
+            copyrightText="© 2025 | INESSA"
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}