Update theme fonts

Merge version_6 into main

src/app/contact/page.tsx

@@ -1,24 +1,17 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 
 export default function ContactPage() {
   const navItems = [
-    { name: "Home", id: "/" },
-    { name: "Services", id: "/services" },
-    { name: "Pricing", id: "/pricing" },
-    { name: "Contact", id: "/contact" },
+    { name: "Главная", id: "/" },
+    { name: "Услуги", id: "/services" },
+    { name: "Цены", id: "/pricing" },
+    { name: "Контакты", id: "/contact" }
   ];
 
-  const handleContactSubmit = (data: Record<string, string>) => {
-    console.log("Form submitted:", data);
-    // Handle form submission here
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -36,134 +29,242 @@ export default function ContactPage() {
         <NavbarLayoutFloatingInline
           brandName="Mond Design"
           navItems={navItems}
-          button={{ text: "Get Started", href: "/contact" }}
+          button={{ text: "Начать", href: "/contact" }}
           animateOnLoad={true}
         />
       </div>
 
-      <div id="contact-hero" data-section="contact-hero" className="py-20">
-        <div className="mx-auto px-4 md:px-6 text-center mb-16">
+      <div id="contact" data-section="contact" className="min-h-screen py-20">
+        <div className="mx-auto px-4 md:px-6 max-w-3xl">
           <h1 className="text-5xl md:text-6xl font-semibold mb-6 text-foreground">
-            Get in Touch
+            Анкета для совместной работы
           </h1>
-          <p className="text-xl text-foreground/70 max-w-3xl mx-auto">
-            Have a project in mind? We'd love to hear about it. Reach out and let's create something amazing together.
+          <p className="text-lg text-foreground/70 mb-12">
+            Заполните форму ниже, и мы свяжемся с вами в ближайшее время для обсуждения вашего проекта.
           </p>
-        </div>
-      </div>
 
-      <div id="contact-form" data-section="contact-form" className="py-20">
-        <ContactSplitForm
-          title="Let's Create Something Amazing"
-          description="Have a project in mind? Get in touch and let's discuss how we can bring your vision to life. We're excited to hear about your ideas."
-          inputs={[
-            {
-              name: "name",
-              type: "text",
-              placeholder: "Your Name",
-              required: true,
-            },
-            {
-              name: "email",
-              type: "email",
-              placeholder: "Your Email",
-              required: true,
-            },
-            {
-              name: "phone",
-              type: "tel",
-              placeholder: "Your Phone Number",
-              required: true,
-            },
-            {
-              name: "company",
-              type: "text",
-              placeholder: "Your Company",
-              required: false,
-            },
-          ]}
-          textarea={{
-            name: "message",
-            placeholder: "Tell us about your project...",
-            rows: 5,
-            required: true,
-          }}
-          useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/modern-office-workspace-with-creative-te-1772538577672-2146e205.png"
-          imageAlt="Creative team workspace"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          buttonText="Send Message"
-          onSubmit={handleContactSubmit}
-        />
-      </div>
-
-      <div id="contact-info" data-section="contact-info" className="py-20">
-        <div className="mx-auto px-4 md:px-6 max-w-4xl">
-          <div className="grid md:grid-cols-3 gap-8">
-            <div className="text-center">
-              <h3 className="text-2xl font-semibold mb-4 text-foreground">
-                Email
-              </h3>
-              <p className="text-foreground/70 mb-2">
-                <a
-                  href="mailto:mond_design@mail.ru"
-                  className="hover:text-accent transition-colors"
-                >
-                  mond_design@mail.ru
-                </a>
-              </p>
-              <p className="text-sm text-foreground/50">
-                We'll respond within 24 hours
-              </p>
+          <form className="space-y-8">
+            {/* Личные данные */}
+            <div>
+              <h2 className="text-2xl font-semibold mb-6 text-foreground">Личные данные</h2>
+              <div className="space-y-4">
+                <div>
+                  <label htmlFor="name" className="block text-foreground mb-2 font-medium">
+                    Ваше имя *
+                  </label>
+                  <input
+                    id="name"
+                    type="text"
+                    placeholder="Введите ваше имя"
+                    className="w-full px-4 py-3 bg-card border border-accent rounded-lg text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-primary-cta"
+                    required
+                  />
+                </div>
+                <div>
+                  <label htmlFor="email" className="block text-foreground mb-2 font-medium">
+                    Email *
+                  </label>
+                  <input
+                    id="email"
+                    type="email"
+                    placeholder="your@email.com"
+                    className="w-full px-4 py-3 bg-card border border-accent rounded-lg text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-primary-cta"
+                    required
+                  />
+                </div>
+                <div>
+                  <label htmlFor="phone" className="block text-foreground mb-2 font-medium">
+                    Номер телефона *
+                  </label>
+                  <input
+                    id="phone"
+                    type="tel"
+                    placeholder="+7 (999) 123-45-67"
+                    className="w-full px-4 py-3 bg-card border border-accent rounded-lg text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-primary-cta"
+                    required
+                  />
+                </div>
+              </div>
             </div>
 
-            <div className="text-center">
-              <h3 className="text-2xl font-semibold mb-4 text-foreground">
-                Phone
-              </h3>
-              <p className="text-foreground/70 mb-2">
-                <a
-                  href="tel:+79886961761"
-                  className="hover:text-accent transition-colors"
-                >
-                  +7 (988) 696-1761
-                </a>
-              </p>
-              <p className="text-sm text-foreground/50">
-                Available Monday-Friday, 9am-6pm
-              </p>
+            {/* Информация о компании */}
+            <div>
+              <h2 className="text-2xl font-semibold mb-6 text-foreground">Информация о компании</h2>
+              <div className="space-y-4">
+                <div>
+                  <label htmlFor="company" className="block text-foreground mb-2 font-medium">
+                    Название компании *
+                  </label>
+                  <input
+                    id="company"
+                    type="text"
+                    placeholder="ООО Ваша Компания"
+                    className="w-full px-4 py-3 bg-card border border-accent rounded-lg text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-primary-cta"
+                    required
+                  />
+                </div>
+                <div>
+                  <label htmlFor="industry" className="block text-foreground mb-2 font-medium">
+                    Сфера деятельности *
+                  </label>
+                  <select
+                    id="industry"
+                    className="w-full px-4 py-3 bg-card border border-accent rounded-lg text-foreground focus:outline-none focus:ring-2 focus:ring-primary-cta"
+                    required
+                  >
+                    <option value="">Выберите сферу деятельности</option>
+                    <option value="retail">Розница</option>
+                    <option value="services">Услуги</option>
+                    <option value="tech">Технология</option>
+                    <option value="healthcare">Здравоохранение</option>
+                    <option value="finance">Финансы</option>
+                    <option value="education">Образование</option>
+                    <option value="other">Другое</option>
+                  </select>
+                </div>
+                <div>
+                  <label htmlFor="website" className="block text-foreground mb-2 font-medium">
+                    Текущий веб-сайт (если есть)
+                  </label>
+                  <input
+                    id="website"
+                    type="url"
+                    placeholder="https://example.com"
+                    className="w-full px-4 py-3 bg-card border border-accent rounded-lg text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-primary-cta"
+                  />
+                </div>
+              </div>
             </div>
 
-            <div className="text-center">
-              <h3 className="text-2xl font-semibold mb-4 text-foreground">
-                Telegram
-              </h3>
-              <p className="text-foreground/70 mb-2">
-                <a
-                  href="https://t.me/mond_design"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="hover:text-accent transition-colors"
-                >
-                  @mond_design
-                </a>
-              </p>
-              <p className="text-sm text-foreground/50">
-                Quick response for immediate inquiries
-              </p>
+            {/* Параметры проекта */}
+            <div>
+              <h2 className="text-2xl font-semibold mb-6 text-foreground">Параметры проекта</h2>
+              <div className="space-y-4">
+                <div>
+                  <label htmlFor="project-type" className="block text-foreground mb-2 font-medium">
+                    Тип проекта *
+                  </label>
+                  <select
+                    id="project-type"
+                    className="w-full px-4 py-3 bg-card border border-accent rounded-lg text-foreground focus:outline-none focus:ring-2 focus:ring-primary-cta"
+                    required
+                  >
+                    <option value="">Выберите тип проекта</option>
+                    <option value="new-website">Новый веб-сайт</option>
+                    <option value="redesign">Редизайн существующего сайта</option>
+                    <option value="ecommerce">Интернет-магазин</option>
+                    <option value="webapp">Веб-приложение</option>
+                    <option value="other">Другое</option>
+                  </select>
+                </div>
+                <div>
+                  <label htmlFor="timeline" className="block text-foreground mb-2 font-medium">
+                    Желаемый срок завершения *
+                  </label>
+                  <select
+                    id="timeline"
+                    className="w-full px-4 py-3 bg-card border border-accent rounded-lg text-foreground focus:outline-none focus:ring-2 focus:ring-primary-cta"
+                    required
+                  >
+                    <option value="">Выберите срок</option>
+                    <option value="asap">Срочно (до 1 месяца)</option>
+                    <option value="1-3">1-3 месяца</option>
+                    <option value="3-6">3-6 месяцев</option>
+                    <option value="6plus">Более 6 месяцев</option>
+                  </select>
+                </div>
+                <div>
+                  <label htmlFor="budget" className="block text-foreground mb-2 font-medium">
+                    Ориентировочный бюджет *
+                  </label>
+                  <select
+                    id="budget"
+                    className="w-full px-4 py-3 bg-card border border-accent rounded-lg text-foreground focus:outline-none focus:ring-2 focus:ring-primary-cta"
+                    required
+                  >
+                    <option value="">Выберите диапазон</option>
+                    <option value="under-50">До 50 000 ₽</option>
+                    <option value="50-100">50 000 - 100 000 ₽</option>
+                    <option value="100-200">100 000 - 200 000 ₽</option>
+                    <option value="200-500">200 000 - 500 000 ₽</option>
+                    <option value="500plus">Свыше 500 000 ₽</option>
+                  </select>
+                </div>
+              </div>
             </div>
-          </div>
+
+            {/* Описание проекта */}
+            <div>
+              <h2 className="text-2xl font-semibold mb-6 text-foreground">Описание проекта</h2>
+              <div className="space-y-4">
+                <div>
+                  <label htmlFor="goals" className="block text-foreground mb-2 font-medium">
+                    Цели проекта *
+                  </label>
+                  <textarea
+                    id="goals"
+                    placeholder="Опишите основные цели вашего проекта..."
+                    className="w-full px-4 py-3 bg-card border border-accent rounded-lg text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-primary-cta min-h-24"
+                    required
+                  ></textarea>
+                </div>
+                <div>
+                  <label htmlFor="requirements" className="block text-foreground mb-2 font-medium">
+                    Особые требования или функции
+                  </label>
+                  <textarea
+                    id="requirements"
+                    placeholder="Перечислите необходимые функции, интеграции или специальные требования..."
+                    className="w-full px-4 py-3 bg-card border border-accent rounded-lg text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-primary-cta min-h-24"
+                  ></textarea>
+                </div>
+                <div>
+                  <label htmlFor="additional" className="block text-foreground mb-2 font-medium">
+                    Дополнительная информация
+                  </label>
+                  <textarea
+                    id="additional"
+                    placeholder="Любая другая информация, которую вы хотели бы сообщить нам..."
+                    className="w-full px-4 py-3 bg-card border border-accent rounded-lg text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-primary-cta min-h-24"
+                  ></textarea>
+                </div>
+              </div>
+            </div>
+
+            {/* Соглашение */}
+            <div>
+              <label className="flex items-start gap-3">
+                <input
+                  type="checkbox"
+                  className="mt-1 w-5 h-5 accent-primary-cta"
+                  required
+                />
+                <span className="text-foreground/70">
+                  Я согласен(а) на обработку персональных данных и получение информационной рассылки
+                </span>
+              </label>
+            </div>
+
+            {/* Кнопка отправки */}
+            <div>
+              <button
+                type="submit"
+                className="w-full px-8 py-4 bg-primary-cta text-primary-cta-text rounded-lg font-semibold hover:opacity-90 transition-opacity"
+              >
+                Отправить анкету
+              </button>
+            </div>
+          </form>
         </div>
       </div>
 
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="MOND"
-          leftLink={{ text: "Privacy Policy", href: "#" }}
-          rightLink={{ text: "Terms of Service", href: "#" }}
+          leftLink={{ text: "Политика конфиденциальности", href: "#" }}
+          rightLink={{ text: "Условия использования", href: "#" }}
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -1,58 +1,53 @@
 import type { Metadata } from "next";
-import { Manrope } from "next/font/google";
+import { Poppins } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
+import { Inter } from "next/font/google";
+import { Open_Sans } from "next/font/google";
+import { Figtree } from "next/font/google";
 
-const manrope = Manrope({
-  variable: "--font-manrope",
-  subsets: ["latin"],
-});
 
 export const metadata: Metadata = {
-  title: "Mond Design | Premium Web Development Agency",
-  description: "Professional web design and development services for businesses. Custom responsive websites, mobile optimization, and modern solutions to elevate your online presence.",
-  keywords: "web design, web development, responsive websites, website creation, digital solutions, web agency",
-  metadataBase: new URL("https://monddesign.ru"),
+  title: "Mond Design | Премиум веб-агентство",  description: "Профессиональные услуги веб-дизайна и разработки для бизнеса. Адаптивные веб-сайты, мобильная оптимизация и современные решения для повышения вашего онлайн-присутствия.",  keywords: "веб-дизайн, веб-разработка, адаптивные сайты, создание сайтов, цифровые решения, веб-агентство",  metadataBase: new URL("https://monddesign.ru"),
   alternates: {
-    canonical: "https://monddesign.ru",
+    canonical: "https://monddesign.ru"
   },
   openGraph: {
-    title: "Mond Design | Premium Web Development",
-    description: "Create stunning, responsive websites with Mond Design. Professional web solutions for modern businesses.",
-    url: "https://monddesign.ru",
-    siteName: "Mond Design",
-    type: "website",
-    images: [
+    title: "Mond Design | Премиум веб-разработка",    description: "Создавайте потрясающие адаптивные веб-сайты с Mond Design. Профессиональные веб-решения для современного бизнеса.",    url: "https://monddesign.ru",    siteName: "Mond Design",    type: "website",    images: [
       {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/modern-web-development-dashboard-with-el-1772538577472-0c838fe5.png",
-        alt: "Mond Design - Web Development",
-      },
-    ],
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/modern-web-development-dashboard-with-el-1772538577472-0c838fe5.png",        alt: "Mond Design - Веб-разработка"
+      }
+    ]
   },
   twitter: {
-    card: "summary_large_image",
-    title: "Mond Design | Premium Web Development Agency",
-    description: "Professional web design and development services for modern businesses.",
-    images: [
-      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/modern-web-development-dashboard-with-el-1772538577472-0c838fe5.png",
-    ],
+    card: "summary_large_image",    title: "Mond Design | Премиум веб-агентство",    description: "Профессиональные услуги веб-дизайна и разработки для современного бизнеса.",    images: [
+      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/modern-web-development-dashboard-with-el-1772538577472-0c838fe5.png"
+    ]
   },
   robots: {
     index: true,
-    follow: true,
-  },
+    follow: true
+  }
 };
 
+
+
+const poppins = Poppins({
+  variable: "--font-poppins",
+  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
+});
+
 export default function RootLayout({
-  children,
+  children
 }: Readonly<{
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="ru" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${manrope.variable} antialiased`}>
+        <body className={`${poppins.variable} antialiased`}>
           <Tag />
           {children}
         
@@ -297,9 +292,7 @@ export default function RootLayout({
   const getElementInfo = (element, assignId = false) => {
     const rect = element.getBoundingClientRect();
     const tagName = element.tagName.toLowerCase();
-    const selector = getUniqueSelector(element, assignId);
-    const sectionId = getSectionId(element);
-    
+            
     let className = undefined;
     try {
       if (element.className) {
@@ -327,8 +320,7 @@ export default function RootLayout({
     };
     
     if (tagName === 'img') {
-      const originalSrc = extractOriginalUrl(element.src);
-      info.imageData = {
+            info.imageData = {
         src: originalSrc,
         alt: element.alt || undefined,
         naturalWidth: element.naturalWidth,
@@ -339,8 +331,7 @@ export default function RootLayout({
 
     if (tagName === 'video') {
       const rawSrc = element.src || element.currentSrc || (element.querySelector('source') && element.querySelector('source').src) || '';
-      const resolvedSrc = extractOriginalUrl(rawSrc);
-      info.imageData = {
+            info.imageData = {
         src: resolvedSrc,
         alt: element.getAttribute('aria-label') || undefined,
         isBackground: false,
@@ -353,8 +344,7 @@ export default function RootLayout({
     if (backgroundImage && backgroundImage !== 'none') {
       const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
       if (urlMatch) {
-        const originalBgSrc = extractOriginalUrl(urlMatch[1]);
-        if (tagName !== 'img') {
+                if (tagName !== 'img') {
           info.imageData = {
             src: originalBgSrc,
             isBackground: true
@@ -366,8 +356,7 @@ export default function RootLayout({
       }
     }
     
-    const elementType = getElementType(element);
-    info.elementType = elementType;
+        info.elementType = elementType;
     
     if (elementType === 'Button') {
       const buttonText = element.textContent?.trim() || element.value || element.getAttribute('aria-label') || '';
@@ -460,13 +449,11 @@ export default function RootLayout({
   };
 
   const isTextElement = (element) => {
-    const elementType = getElementType(element);
-    return elementType === 'Text';
+        return elementType === 'Text';
   };
 
   const isButtonElement = (element) => {
-    const elementType = getElementType(element);
-    return elementType === 'Button';
+        return elementType === 'Button';
   };
 
   const updateButtonText = (element, newText) => {
@@ -541,8 +528,7 @@ export default function RootLayout({
     };
     
     const handleInput = () => {
-      const elementInfo = getElementInfo(element);
-      let currentText = element.textContent;
+            let currentText = element.textContent;
       
       // Ensure there's always at least a space to keep the element editable
       if (currentText === '' || currentText === null || currentText.length === 0) {
@@ -655,8 +641,7 @@ export default function RootLayout({
     }, '*');
     
     if (save && originalContent !== element.textContent) {
-      const elementInfo = getElementInfo(element);
-      let finalText = element.textContent;
+            let finalText = element.textContent;
       
       // Trim the final text and convert space-only to empty string for saving
       if (finalText === ' ' || finalText.trim() === '') {
@@ -785,7 +770,7 @@ export default function RootLayout({
     lastMouseX = e.clientX;
     lastMouseY = e.clientY;
 
-    const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;
+    || e.target;
 
     if (!isValidElement(target) || target === hoveredElement || target === selectedElement) {
       return;
@@ -817,8 +802,7 @@ export default function RootLayout({
       hoverOverlay = createHoverOverlay(target);
     }
     
-    const elementType = getElementType(target);
-    showElementTypeLabel(target, elementType);
+        showElementTypeLabel(target, elementType);
     
     window.parent.postMessage({
       type: 'webild-element-hover',
@@ -860,7 +844,7 @@ export default function RootLayout({
   e.preventDefault();
   e.stopPropagation();
 
-  const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;  
+  || e.target;  
   if (!isValidElement(target)) return;
     
     if (selectedElement && selectedElement !== target) {
@@ -905,8 +889,7 @@ export default function RootLayout({
       hoveredElement = null;
     }
     
-    const elementInfo = getElementInfo(target, true);
-    selectedElement.dataset.webildSelector = elementInfo.selector;
+        selectedElement.dataset.webildSelector = elementInfo.selector;
     showElementTypeLabel(target, elementInfo.elementType);
     
     window.parent.postMessage({
@@ -989,8 +972,7 @@ export default function RootLayout({
       isScrolling = false;
 
       if (lastMouseX > 0 && lastMouseY > 0) {
-        const target = getMostSpecificElement(lastMouseX, lastMouseY);
-        if (target && isValidElement(target) && target !== selectedElement) {
+                if (target && isValidElement(target) && target !== selectedElement) {
           hoveredElement = target;
 
           const computedStyle = window.getComputedStyle(target);
@@ -1004,8 +986,7 @@ export default function RootLayout({
           hoveredElement.classList.add(hoverClass);
           hoverOverlay = createHoverOverlay(target);
 
-          const elementType = getElementType(target);
-          showElementTypeLabel(target, elementType);
+                    showElementTypeLabel(target, elementType);
 
           window.parent.postMessage({
             type: 'webild-element-hover',
@@ -1028,8 +1009,7 @@ export default function RootLayout({
 
   const saveChangeToStorage = (change) => {
     try {
-      const storageKey = getStorageKey();
-      const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]');
+            const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]');
 
       const filteredChanges = existingChanges.filter(c => {
         return !(c.oldValue === change.oldValue && c.sectionId === change.sectionId);
@@ -1049,8 +1029,7 @@ export default function RootLayout({
 
   const clearLocalChanges = () => {
     try {
-      const storageKey = getStorageKey();
-      localStorage.removeItem(storageKey);
+            localStorage.removeItem(storageKey);
       window.parent.postMessage({
         type: 'webild-local-changes-cleared',
         data: {}
@@ -1099,8 +1078,7 @@ export default function RootLayout({
 
     if (e.data.type === 'webild-cancel-changes') {
       try {
-        const storageKey = getStorageKey();
-        const savedChanges = localStorage.getItem(storageKey);
+                const savedChanges = localStorage.getItem(storageKey);
         if (savedChanges) {
           const changes = JSON.parse(savedChanges);
           changes.forEach(change => {
@@ -1122,8 +1100,7 @@ export default function RootLayout({
                 if (isBackground) {
                   element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : '';
                 } else {
-                  const oldMediaType = getMediaTypeFromUrl(change.oldValue);
-                  if (revertTag === 'video' && oldMediaType === 'image') {
+                                    if (revertTag === 'video' && oldMediaType === 'image') {
                     swapMediaElement(element, 'img', change.oldValue);
                   } else if (revertTag === 'img' && oldMediaType === 'video') {
                     swapMediaElement(element, 'video', change.oldValue);
@@ -1171,8 +1148,7 @@ export default function RootLayout({
               const el = textElements[i];
               if (isTextElement(el) && el.textContent.trim() === (oldValue || '').trim()) {
                 element = el;
-                const newSelector = getUniqueSelector(element, true);
-                if (newSelector) {
+                                if (newSelector) {
                   element.dataset.webildSelector = newSelector;
                 }
                 break;
@@ -1263,10 +1239,8 @@ export default function RootLayout({
           replaced = true;
         } else if (element.tagName.toLowerCase() === 'img') {
           oldValue = element.src;
-          const newMediaType = getMediaTypeFromUrl(newSrc);
-          if (newMediaType === 'video' && allowMediaTypeSwap) {
-            const swapped = swapMediaElement(element, 'video', newSrc);
-            if (selectedElement === element) selectedElement = swapped;
+                    if (newMediaType === 'video' && allowMediaTypeSwap) {
+                        if (selectedElement === element) selectedElement = swapped;
             element = swapped;
           } else {
             element.src = newSrc;
@@ -1274,11 +1248,9 @@ export default function RootLayout({
           replaced = true;
         } else if (element.tagName.toLowerCase() === 'video') {
           oldValue = element.src || element.currentSrc || '';
-          const newMediaType = getMediaTypeFromUrl(newSrc);
-          const sources = element.querySelectorAll('source');
+                    const sources = element.querySelectorAll('source');
           if (newMediaType === 'image' && allowMediaTypeSwap) {
-            const swapped = swapMediaElement(element, 'img', newSrc);
-            if (selectedElement === element) selectedElement = swapped;
+                        if (selectedElement === element) selectedElement = swapped;
             element = swapped;
           } else {
             if (sources.length > 0) {
@@ -1300,8 +1272,7 @@ export default function RootLayout({
         }
 
         if (replaced) {
-          const elementInfo = getElementInfo(element);
-
+          
           let cleanOldValue = oldValue;
           if (oldValue.includes('url(')) {
             const urlMatch = oldValue.match(/url(['"]?([^'")]+)['"]?)/);
@@ -1372,13 +1343,7 @@ export default function RootLayout({
     }
   }, true);
   
-  const urlCheckInterval = setInterval(() => {
-    if (lastPathname !== window.location.pathname) {
-      lastPathname = window.location.pathname;
-      notifyPageChange();
-    }
-  }, 500);
-  
+    
   notifyPageChange();
   
   window.webildCleanup = () => {
@@ -1426,4 +1391,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -12,10 +12,10 @@ import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 
 export default function HomePage() {
   const navItems = [
-    { name: "Home", id: "/" },
-    { name: "Services", id: "/services" },
-    { name: "Pricing", id: "/pricing" },
-    { name: "Contact", id: "/contact" },
+    { name: "Главная", id: "/" },
+    { name: "Услуги", id: "/services" },
+    { name: "Цены", id: "/pricing" },
+    { name: "Контакты", id: "/contact" }
   ];
 
   return (
@@ -35,196 +35,126 @@ export default function HomePage() {
         <NavbarLayoutFloatingInline
           brandName="Mond Design"
           navItems={navItems}
-          button={{ text: "Get Started", href: "/contact" }}
+          button={{ text: "Начать", href: "/contact" }}
           animateOnLoad={true}
         />
       </div>
 
       <div id="hero" data-section="hero" className="min-h-screen py-20">
         <HeroLogoBillboardSplit
-          logoText="MOND"
-          description="Premium web solutions for businesses that demand excellence. We craft responsive, high-performance websites that convert visitors into customers."
+          logoText="Mond"
+          description="Премиальные веб-решения для бизнеса, требующего совершенства. Мы создаём адаптивные, высокопроизводительные веб-сайты, которые превращают посетителей в клиентов."
           background={{ variant: "radial-gradient" }}
           buttons={[
-            { text: "View Our Work", href: "/services" },
-            { text: "Get a Quote", href: "/contact" },
+            { text: "Наши работы", href: "/services" },
+            { text: "Получить предложение", href: "/contact" }
           ]}
           layoutOrder="default"
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/modern-web-development-dashboard-with-el-1772538577472-0c838fe5.png"
-          imageAlt="Web development showcase"
+          imageAlt="Витрина веб-разработки"
           frameStyle="browser"
-          mediaAnimation="slide-up"
-          buttonAnimation="slide-up"
+          mediaAnimation="none"
+          buttonAnimation="none"
         />
       </div>
 
       <div id="services" data-section="services" className="py-20">
         <FeatureCardMedia
-          title="Our Comprehensive Web Services"
-          description="End-to-end solutions tailored to elevate your online presence and drive business growth"
-          tag="Services"
+          title="Наши комплексные веб-услуги"
+          description="Полный спектр решений для повышения вашего онлайн-присутствия и развития бизнеса"
+          tag="Услуги"
           features={[
             {
-              id: "design",
-              title: "Custom Web Design",
-              description:
-                "Individualized design under your specifications, crafted with understanding of your business needs, target audience, and industry direction. We adapt visual style, structure, and presentation for professional appearance and client trust.",
-              tag: "Design",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/web-design-process-visualization-showing-1772538577628-fc6fcceb.png?_wi=1",
-              imageAlt: "Web design process",
+              id: "design",              title: "Индивидуальный веб-дизайн",              description: "Уникальный дизайн в соответствии с вашими требованиями, разработанный с учётом понимания вашего бизнеса, целевой аудитории и направления развития. Мы адаптируем визуальный стиль, структуру и представление для профессионального внешнего вида и доверия клиентов.",              tag: "Дизайн",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/web-design-process-visualization-showing-1772538577628-fc6fcceb.png?_wi=1",              imageAlt: "Процесс веб-дизайна"
             },
             {
-              id: "development",
-              title: "Responsive Development",
-              description:
-                "Sites that work flawlessly on smartphones, tablets, and computers. We prioritize user experience, text readability, and button placement for seamless client interaction and conversion optimization.",
-              tag: "Development",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/web-development-workspace-with-code-edit-1772538576925-ad153b67.png?_wi=1",
-              imageAlt: "Web development workspace",
+              id: "development",              title: "Адаптивная разработка",              description: "Сайты, которые идеально работают на смартфонах, планшетах и компьютерах. Мы уделяем особое внимание пользовательскому опыту, читаемости текста и размещению кнопок для безупречного взаимодействия клиентов и оптимизации конверсии.",              tag: "Разработка",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/web-development-workspace-with-code-edit-1772538576925-ad153b67.png?_wi=1",              imageAlt: "Рабочее пространство веб-разработки"
             },
             {
-              id: "optimization",
-              title: "Performance Optimization",
-              description:
-                "Speed, security, and SEO optimization built into every project. We ensure your site loads instantly, ranks well in search engines, and provides an exceptional user experience.",
-              tag: "Optimization",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/performance-analytics-dashboard-showing--1772538578019-7c992a4d.png?_wi=1",
-              imageAlt: "Performance metrics",
-            },
+              id: "optimization",              title: "Оптимизация производительности",              description: "Оптимизация скорости, безопасности и SEO встроена в каждый проект. Мы гарантируем, что ваш сайт загружается мгновенно, хорошо ранжируется в поисковых системах и обеспечивает исключительный пользовательский опыт.",              tag: "Оптимизация",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/performance-analytics-dashboard-showing--1772538578019-7c992a4d.png?_wi=1",              imageAlt: "Метрики производительности"
+            }
           ]}
-          animationType="slide-up"
+          animationType="none"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "Learn More", href: "/services" }]}
+          buttons={[{ text: "Узнать больше", href: "/services" }]}
+          buttonAnimation="none"
         />
       </div>
 
       <div id="testimonials" data-section="testimonials" className="py-20">
         <TestimonialCardThirteen
-          title="What Our Clients Say"
-          description="Real feedback from businesses we've transformed"
-          tag="Testimonials"
+          title="Отзывы наших клиентов"
+          description="Реальные отзывы от бизнесов, которые мы трансформировали"
+          tag="Отзывы"
           testimonials={[
             {
-              id: "1",
-              name: "Елена Петрова",
-              handle: "@elena.petrov",
-              testimonial:
-                "Mond Design completely transformed our online presence. The website is beautiful, fast, and our leads have increased by 40%. Highly recommend!",
-              rating: 5,
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/professional-headshot-portrait-of-a-conf-1772538576720-6e86d388.png",
-              imageAlt: "Елена Петрова",
+              id: "1",              name: "Елена Петрова",              handle: "@elena.petrov",              testimonial: "Mond Design полностью преобразовала наше онлайн-присутствие. Сайт красивый, быстрый, и количество лидов увеличилось на 40%. Высоко рекомендуем!",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/professional-headshot-portrait-of-a-conf-1772538576720-6e86d388.png",              imageAlt: "Елена Петрова"
             },
             {
-              id: "2",
-              name: "Александр Иванов",
-              handle: "@alex.ivanov",
-              testimonial:
-                "Professional, responsive, and attentive to detail. The team understood our vision and delivered beyond expectations. Worth every ruble.",
-              rating: 5,
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/professional-headshot-portrait-of-a-conf-1772538576428-ced1a86f.png",
-              imageAlt: "Александр Иванов",
+              id: "2",              name: "Александр Иванов",              handle: "@alex.ivanov",              testimonial: "Профессиональный подход, отзывчивость и внимание к деталям. Команда поняла нашу визию и превзошла ожидания. Стоит каждого рубля.",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/professional-headshot-portrait-of-a-conf-1772538576428-ced1a86f.png",              imageAlt: "Александр Иванов"
             },
             {
-              id: "3",
-              name: "Маргарита Сергеева",
-              handle: "@margo.s",
-              testimonial:
-                "The mobile version works perfectly, and the contact forms are seamless. Our customers appreciate the clean, modern design. Great service!",
-              rating: 5,
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/professional-headshot-portrait-of-a-conf-1772538576855-eaef98f6.png",
-              imageAlt: "Маргарита Сергеева",
+              id: "3",              name: "Маргарита Сергеева",              handle: "@margo.s",              testimonial: "Мобильная версия работает идеально, контактные формы безупречны. Нашим клиентам нравится чистый, современный дизайн. Отличное обслуживание!",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/professional-headshot-portrait-of-a-conf-1772538576855-eaef98f6.png",              imageAlt: "Маргарита Сергеева"
             },
             {
-              id: "4",
-              name: "Дмитрий Николаев",
-              handle: "@dmitry.n",
-              testimonial:
-                "Quick turnaround, excellent communication, and a website that actually converts. Mond Design is our go-to for web development.",
-              rating: 5,
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/professional-headshot-portrait-of-a-conf-1772538576829-5eb50b1c.png",
-              imageAlt: "Дмитрий Николаев",
+              id: "4",              name: "Дмитрий Николаев",              handle: "@dmitry.n",              testimonial: "Быстрое выполнение, отличная коммуникация и сайт, который действительно конвертирует. Mond Design — наш первый выбор для веб-разработки.",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/professional-headshot-portrait-of-a-conf-1772538576829-5eb50b1c.png",              imageAlt: "Дмитрий Николаев"
             },
             {
-              id: "5",
-              name: "Ирина Морозова",
-              handle: "@irina.m",
-              testimonial:
-                "The design is elegant, the functionality is perfect, and the support after launch is outstanding. Couldn't ask for better partners.",
-              rating: 5,
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/professional-headshot-portrait-of-a-conf-1772538576529-02e3d620.png",
-              imageAlt: "Ирина Морозова",
+              id: "5",              name: "Ирина Морозова",              handle: "@irina.m",              testimonial: "Дизайн элегантен, функциональность идеальна, а поддержка после запуска исключительна. Не могли бы просить лучше партнёров.",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/professional-headshot-portrait-of-a-conf-1772538576529-02e3d620.png",              imageAlt: "Ирина Морозова"
             },
             {
-              id: "6",
-              name: "Виктор Смирнов",
-              handle: "@victor.s",
-              testimonial:
-                "Professional from start to finish. Our website looks amazing and our customers keep complimenting the user experience. Best investment!",
-              rating: 5,
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/professional-headshot-portrait-of-a-conf-1772538576386-3c49fec9.png",
-              imageAlt: "Виктор Смирнов",
-            },
+              id: "6",              name: "Виктор Смирнов",              handle: "@victor.s",              testimonial: "Профессиональный подход с начала и до конца. Наш сайт выглядит потрясающе, а клиенты постоянно хвалят пользовательский опыт. Лучшее вложение!",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/professional-headshot-portrait-of-a-conf-1772538576386-3c49fec9.png",              imageAlt: "Виктор Смирнов"
+            }
           ]}
           showRating={true}
-          animationType="slide-up"
+          animationType="none"
           textboxLayout="default"
           useInvertedBackground={false}
+          buttonAnimation="none"
         />
       </div>
 
       <div id="pricing-preview" data-section="pricing-preview" className="py-20">
         <PricingCardEight
-          title="Simple, Transparent Pricing"
-          description="Professional web solutions at every budget level"
-          tag="Pricing"
+          title="Простое, прозрачное ценообразование"
+          description="Профессиональные веб-решения на любой бюджет"
+          tag="Цены"
           plans={[
             {
-              id: "business",
-              badge: "Most Popular",
-              badgeIcon: Sparkles,
-              price: "₽29,999",
-              subtitle: "Complete solution for small business growth",
-              buttons: [{ text: "Get Started", href: "/contact" }],
+              id: "business",              badge: "Самый популярный",              badgeIcon: Sparkles,
+              price: "₽29 999",              subtitle: "Полное решение для роста малого бизнеса",              buttons: [{ text: "Начать", href: "/contact" }],
               features: [
-                "Custom design tailored to your business",
-                "Mobile and desktop responsive",
-                "Up to 5 revisions included",
-                "Messenger and call buttons integrated",
-                "Domain setup and configuration",
-                "Inquiry form with email delivery",
-                "3 months technical support",
-              ],
-            },
+                "Индивидуальный дизайн под ваш бизнес",                "Адаптивность на мобильных и десктопе",                "До 5 правок включены",                "Интегрированы кнопки мессенджеров и звонков",                "Настройка и конфигурация домена",                "Контактная форма с доставкой по почте",                "Техническая поддержка 3 месяца"
+              ]
+            }
           ]}
-          animationType="slide-up"
+          animationType="none"
           textboxLayout="default"
           useInvertedBackground={false}
+          buttonAnimation="none"
         />
       </div>
 
       <div id="cta" data-section="cta" className="py-20">
         <div className="mx-auto px-4 md:px-6 text-center">
           <h2 className="text-4xl md:text-5xl font-semibold mb-6 text-foreground">
-            Ready to Elevate Your Online Presence?
+            Готовы повысить уровень вашего онлайн-присутствия?
           </h2>
           <p className="text-lg text-foreground/70 mb-8 max-w-2xl mx-auto">
-            Let's create something extraordinary together. Get in touch today and discover how we can transform your vision into a stunning digital experience.
+            Давайте создадим что-то необыкновенное вместе. Свяжитесь с нами сегодня и откройте для себя, как мы можем превратить вашу визию в потрясающий цифровой опыт.
           </p>
           <Link
             href="/contact"
             className="inline-block px-8 py-4 bg-primary-cta text-primary-cta-text rounded-lg font-semibold hover:opacity-90 transition-opacity"
           >
-            Start Your Project
+            Получить бесплатную консультацию
           </Link>
         </div>
       </div>
@@ -232,10 +162,10 @@ export default function HomePage() {
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="MOND"
-          leftLink={{ text: "Privacy Policy", href: "#" }}
-          rightLink={{ text: "Terms of Service", href: "#" }}
+          leftLink={{ text: "Политика конфиденциальности", href: "#" }}
+          rightLink={{ text: "Условия использования", href: "#" }}
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
 }