Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f61bbcb787 | |||
| d0ac791da6 | |||
| fa1c0f2e2d | |||
| 3b88552576 | |||
| efab2416e9 | |||
| 46c0575dfc |
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
173
src/app/page.tsx
173
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,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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user