Merge version_6 into main

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,42 +1,46 @@
 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";
 
-const manrope = Manrope({
-  variable: "--font-manrope",  subsets: ["latin"],
+const poppins = Poppins({
+  variable: "--font-poppins",  subsets: ["latin"],
+  weight: ["400", "500", "600", "700"],
 });
 
 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
+  }
 };
 
 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}
         

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,91 +35,82 @@ 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"
+          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"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "Learn More", href: "/services" }]}
+          buttons={[{ text: "Узнать больше", href: "/services" }]}
         />
       </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"
@@ -130,16 +121,17 @@ export default function HomePage() {
 
       <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"
           textboxLayout="default"
@@ -150,16 +142,16 @@ export default function HomePage() {
       <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"
           >
-            Get a Free Consultation
+            Получить бесплатную консультацию
           </Link>
         </div>
       </div>
@@ -167,8 +159,8 @@ 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-the-seasons), 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-the-seasons), sans-serif;
 }