6 Commits

Author SHA1 Message Date
f61bbcb787 Update src/app/page.tsx 2026-03-03 14:21:07 +00:00
d0ac791da6 Update src/app/layout.tsx 2026-03-03 14:21:07 +00:00
fa1c0f2e2d Merge version_2 into main
Merge version_2 into main
2026-03-03 11:57:19 +00:00
3b88552576 Update src/app/page.tsx 2026-03-03 11:57:13 +00:00
efab2416e9 Update src/app/layout.tsx 2026-03-03 11:57:11 +00:00
46c0575dfc Merge version_1 into main
Merge version_1 into main
2026-03-03 11:50:43 +00:00
2 changed files with 74 additions and 142 deletions

View File

@@ -5,52 +5,39 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const manrope = Manrope({
variable: "--font-manrope",
subsets: ["latin"],
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
}
};
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`}>
<Tag />
@@ -1426,4 +1413,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

View File

@@ -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,7 +35,7 @@ export default function HomePage() {
<NavbarLayoutFloatingInline
brandName="Mond Design"
navItems={navItems}
button={{ text: "Get Started", href: "/contact" }}
button={{ text: "Начать", href: "/contact" }}
animateOnLoad={true}
/>
</div>
@@ -43,15 +43,15 @@ export default function HomePage() {
<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."
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"
@@ -60,120 +60,75 @@ export default function HomePage() {
<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,
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: "Елена Петрова",
"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,
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: "Александр Иванов",
"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,
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: "Маргарита Сергеева",
"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,
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: "Дмитрий Николаев",
"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,
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: "Ирина Морозова",
"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,
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: "Виктор Смирнов",
},
"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"
@@ -184,27 +139,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"
@@ -215,16 +160,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"
>
Start Your Project
Получить бесплатную консультацию
</Link>
</div>
</div>
@@ -232,10 +177,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>
);
}
}