Update src/app/styles/base.css

Merge version_1 into main

src/app/about/page.tsx

@@ -18,9 +18,7 @@ export default function AboutPage() {
   ];
 
   const navButton = {
-    text: "Связаться с нами",
-    href: "/contact",
-  };
+    text: "Связаться с нами",    href: "/contact"};
 
   return (
     <ThemeProvider
@@ -67,10 +65,7 @@ export default function AboutPage() {
           useInvertedBackground={false}
           features={[
             {
-              id: "1",
-              title: "Качество в каждом проекте",
-              description: "Каждый сайт, который мы создаём, проходит строгий контроль качества. Мы используем современные технологии и лучшие практики веб-разработки.",
-              reverse: false,
+              id: "1",              title: "Качество в каждом проекте",              description: "Каждый сайт, который мы создаём, проходит строгий контроль качества. Мы используем современные технологии и лучшие практики веб-разработки.",              reverse: false,
               media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/a-modern-sophisticated-web-development-w-1772553706424-80bb3524.png?_wi=2" },
               items: [
                 { icon: Check, text: "Современные технологии" },
@@ -79,10 +74,7 @@ export default function AboutPage() {
               ],
             },
             {
-              id: "2",
-              title: "Прозрачность и честность",
-              description: "Мы верим в открытую коммуникацию с клиентами. Вы всегда будете знать, на каком этапе находится ваш проект и чего ожидать.",
-              reverse: true,
+              id: "2",              title: "Прозрачность и честность",              description: "Мы верим в открытую коммуникацию с клиентами. Вы всегда будете знать, на каком этапе находится ваш проект и чего ожидать.",              reverse: true,
               media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/a-strategic-planning-workspace-showing-w-1772553705594-229ad230.png?_wi=2" },
               items: [
                 { icon: Check, text: "Регулярные обновления статуса" },
@@ -91,10 +83,7 @@ export default function AboutPage() {
               ],
             },
             {
-              id: "3",
-              title: "Результат и ROI",
-              description: "Наша цель — не просто создать красивый сайт, но и убедиться, что он работает для вашего бизнеса и приносит результаты.",
-              reverse: false,
+              id: "3",              title: "Результат и ROI",              description: "Наша цель — не просто создать красивый сайт, но и убедиться, что он работает для вашего бизнеса и приносит результаты.",              reverse: false,
               media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/a-successful-website-launch-screen-showi-1772553708078-813ab0d8.png?_wi=2" },
               items: [
                 { icon: Check, text: "Аналитика и отчётность" },
@@ -136,4 +125,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/globals.css

@@ -1,5 +1,31 @@
-@import "tailwindcss";
-@import "./styles/variables.css";
-@import "./styles/theme.css";
-@import "./styles/utilities.css";
-@import "./styles/base.css";
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  * {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+
+  html {
+    scroll-behavior: smooth;
+    height: 100%;
+  }
+
+  body {
+    height: 100%;
+    background-color: var(--background);
+    color: var(--foreground);
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    text-wrap: balance;
+  }
+}

src/app/layout.tsx

@@ -1,59 +1,24 @@
 import type { Metadata } from "next";
-import { Mulish } from "next/font/google";
 import { Inter } from "next/font/google";
 import "./globals.css";
-
-const mulish = Mulish({
-  variable: "--font-mulish",
-  subsets: ["latin"],
-});
+import "./styles/variables.css";
+import "./styles/base.css";
 
 const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
+  variable: "--font-inter",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Mond Design - Профессиональная веб-разработка",
-  description: "Создаём современные сайты для малого бизнеса. Индивидуальный дизайн, мобильная адаптация, приём заявок. Тариф Бизнес от 29 999 ₽.",
-  keywords: "веб-разработка, создание сайтов, дизайн сайта, web development, web design, мобильная адаптация, приём заявок",
-  metadataBase: new URL("https://mond-design.ru"),
-  alternates: {
-    canonical: "https://mond-design.ru",
-  },
-  openGraph: {
-    title: "Mond Design - Создание современных веб-сайтов",
-    description: "Профессиональная веб-разработка для вашего бизнеса. Красивые, функциональные сайты, которые работают.",
-    url: "https://mond-design.ru",
-    siteName: "Mond Design",
-    type: "website",
-    images: [
-      {
-        url: "https://mond-design.ru/og-image.jpg",
-        alt: "Mond Design - Web Development",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "Mond Design - Веб-разработка",
-    description: "Создаём сайты, которые продают. От стратегии до запуска.",
-    images: ["https://mond-design.ru/twitter-image.jpg"],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
+  title: "Mond Design - Профессиональная веб-разработка",  description: "Mond Design — агентство веб-разработки, специализирующееся на создании красивых, функциональных и высокопроизводительных веб-сайтов для малого и среднего бизнеса."};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <body className={`${mulish.variable} ${inter.variable} antialiased`}>
+    <html lang="en">
+      <body className={inter.variable}>
         {children}
       
         <script
@@ -1425,4 +1390,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -11,7 +11,7 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { Sparkles, CheckCircle, Zap, TrendingUp, Star, Mail, Send, Phone, FolderOpen, Users, Clock, Calendar, Palette, Smartphone, RotateCcw, MessageCircle, Link as LinkIcon, Globe, Server, Database, FormInput } from "lucide-react";
+import { Sparkles, CheckCircle, Zap, TrendingUp, Star, Mail, Send, Phone, FolderOpen, Users, Clock, Calendar, Palette, Smartphone, RotateCcw, MessageCircle, Link as LinkIcon, Globe, Server, Database, FormInput, Cloud } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
@@ -65,6 +65,9 @@ export default function HomePage() {
             { text: "Посмотреть портфолио", href: "/about" },
           ]}
           buttonAnimation="slide-up"
+          marqueeItems={[
+            { type: "text-icon", text: "Mond Design", icon: Cloud },
+          ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/a-modern-sophisticated-web-development-w-1772553706424-80bb3524.png"
           imageAlt="Web development dashboard"
           mediaAnimation="slide-up"
@@ -237,4 +240,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -1,28 +1,14 @@
-* {
-  scrollbar-width: thin;
-  scrollbar-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 0);
-}
+@layer base {
+  body {
+    font-family: var(--font-inter), sans-serif;
+  }
 
-html {
-  overscroll-behavior: none;
-  overscroll-behavior-y: none;
-}
-
-body {
-  background-color: var(--background);
-  color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
-  position: relative;
-  min-height: 100vh;
-  overscroll-behavior: none;
-  overscroll-behavior-y: none;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: var(--font-mulish), sans-serif;
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: var(--font-inter), sans-serif;
+  }
 }