Update src/app/styles/base.css

Merge version_4 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,11 +1,12 @@
 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: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });
 
 export const metadata: Metadata = {
@@ -39,7 +40,7 @@ export default function RootLayout({
   return (
     <html lang="ru" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${manrope.variable} antialiased`}>
+        <body className={`${poppins.variable} antialiased`}>
           <Tag />
           {children}
         

src/app/page.tsx

@@ -42,7 +42,7 @@ export default function HomePage() {
 
       <div id="hero" data-section="hero" className="min-h-screen py-20">
         <HeroLogoBillboardSplit
-          logoText="MOND"
+          logoText="Mond"
           description="Премиальные веб-решения для бизнеса, требующего совершенства. Мы создаём адаптивные, высокопроизводительные веб-сайты, которые превращают посетителей в клиентов."
           background={{ variant: "radial-gradient" }}
           buttons={[
@@ -54,7 +54,7 @@ export default function HomePage() {
           imageAlt="Витрина веб-разработки"
           frameStyle="browser"
           mediaAnimation="slide-up"
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
         />
       </div>
 

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;
 }