16 Commits

Author SHA1 Message Date
8805fad047 Merge version_6 into main
Merge version_6 into main
2026-03-03 14:39:29 +00:00
cff5e36e93 Update src/app/page.tsx 2026-03-03 14:39:24 +00:00
e8e5fee7b3 Update src/app/layout.tsx 2026-03-03 14:39:23 +00:00
2c6f2b5bf0 Merge version_6 into main
Merge version_6 into main
2026-03-03 14:36:25 +00:00
2f0d2846f6 Update src/app/styles/base.css 2026-03-03 14:36:20 +00:00
de9f3037bf Update src/app/layout.tsx 2026-03-03 14:36:19 +00:00
a2ee578a61 Merge version_5 into main
Merge version_5 into main
2026-03-03 14:32:40 +00:00
3798585de9 Update src/app/styles/base.css 2026-03-03 14:32:35 +00:00
ebc9685c14 Update src/app/page.tsx 2026-03-03 14:32:35 +00:00
cd4386a5d2 Update src/app/layout.tsx 2026-03-03 14:32:34 +00:00
227cfa4538 Merge version_4 into main
Merge version_4 into main
2026-03-03 14:26:34 +00:00
5d3cba3900 Update src/app/contact/page.tsx 2026-03-03 14:26:30 +00:00
38a80fe42a Merge version_3 into main
Merge version_3 into main
2026-03-03 14:21:12 +00:00
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
4 changed files with 296 additions and 199 deletions

View File

@@ -1,24 +1,17 @@
"use client"; "use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
export default function ContactPage() { export default function ContactPage() {
const navItems = [ const navItems = [
{ name: "Home", id: "/" }, { name: "Главная", id: "/" },
{ name: "Services", id: "/services" }, { name: "Услуги", id: "/services" },
{ name: "Pricing", id: "/pricing" }, { name: "Цены", id: "/pricing" },
{ name: "Contact", id: "/contact" }, { name: "Контакты", id: "/contact" }
]; ];
const handleContactSubmit = (data: Record<string, string>) => {
console.log("Form submitted:", data);
// Handle form submission here
};
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-shift" defaultButtonVariant="text-shift"
@@ -36,134 +29,242 @@ export default function ContactPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
brandName="Mond Design" brandName="Mond Design"
navItems={navItems} navItems={navItems}
button={{ text: "Get Started", href: "/contact" }} button={{ text: "Начать", href: "/contact" }}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
<div id="contact-hero" data-section="contact-hero" className="py-20"> <div id="contact" data-section="contact" className="min-h-screen py-20">
<div className="mx-auto px-4 md:px-6 text-center mb-16"> <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"> <h1 className="text-5xl md:text-6xl font-semibold mb-6 text-foreground">
Get in Touch Анкета для совместной работы
</h1> </h1>
<p className="text-xl text-foreground/70 max-w-3xl mx-auto"> <p className="text-lg text-foreground/70 mb-12">
Have a project in mind? We'd love to hear about it. Reach out and let's create something amazing together. Заполните форму ниже, и мы свяжемся с вами в ближайшее время для обсуждения вашего проекта.
</p> </p>
</div>
</div>
<div id="contact-form" data-section="contact-form" className="py-20"> <form className="space-y-8">
<ContactSplitForm {/* Личные данные */}
title="Let's Create Something Amazing" <div>
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." <h2 className="text-2xl font-semibold mb-6 text-foreground">Личные данные</h2>
inputs={[ <div className="space-y-4">
{ <div>
name: "name", <label htmlFor="name" className="block text-foreground mb-2 font-medium">
type: "text", Ваше имя *
placeholder: "Your Name", </label>
required: true, <input
}, id="name"
{ type="text"
name: "email", placeholder="Введите ваше имя"
type: "email", 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"
placeholder: "Your Email", required
required: true, />
}, </div>
{ <div>
name: "phone", <label htmlFor="email" className="block text-foreground mb-2 font-medium">
type: "tel", Email *
placeholder: "Your Phone Number", </label>
required: true, <input
}, id="email"
{ type="email"
name: "company", placeholder="your@email.com"
type: "text", 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"
placeholder: "Your Company", required
required: false, />
}, </div>
]} <div>
textarea={{ <label htmlFor="phone" className="block text-foreground mb-2 font-medium">
name: "message", Номер телефона *
placeholder: "Tell us about your project...", </label>
rows: 5, <input
required: true, id="phone"
}} type="tel"
useInvertedBackground={false} placeholder="+7 (999) 123-45-67"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/modern-office-workspace-with-creative-te-1772538577672-2146e205.png" 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"
imageAlt="Creative team workspace" required
mediaAnimation="slide-up" />
mediaPosition="right" </div>
buttonText="Send Message" </div>
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>
</div> </div>
<div className="text-center"> {/* Информация о компании */}
<h3 className="text-2xl font-semibold mb-4 text-foreground"> <div>
Phone <h2 className="text-2xl font-semibold mb-6 text-foreground">Информация о компании</h2>
</h3> <div className="space-y-4">
<p className="text-foreground/70 mb-2"> <div>
<a <label htmlFor="company" className="block text-foreground mb-2 font-medium">
href="tel:+79886961761" Название компании *
className="hover:text-accent transition-colors" </label>
> <input
+7 (988) 696-1761 id="company"
</a> type="text"
</p> placeholder="ООО Ваша Компания"
<p className="text-sm text-foreground/50"> 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"
Available Monday-Friday, 9am-6pm required
</p> />
</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>
<div className="text-center"> {/* Параметры проекта */}
<h3 className="text-2xl font-semibold mb-4 text-foreground"> <div>
Telegram <h2 className="text-2xl font-semibold mb-6 text-foreground">Параметры проекта</h2>
</h3> <div className="space-y-4">
<p className="text-foreground/70 mb-2"> <div>
<a <label htmlFor="project-type" className="block text-foreground mb-2 font-medium">
href="https://t.me/mond_design" Тип проекта *
target="_blank" </label>
rel="noopener noreferrer" <select
className="hover:text-accent transition-colors" 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"
@mond_design required
</a> >
</p> <option value="">Выберите тип проекта</option>
<p className="text-sm text-foreground/50"> <option value="new-website">Новый веб-сайт</option>
Quick response for immediate inquiries <option value="redesign">Редизайн существующего сайта</option>
</p> <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>
{/* Описание проекта */}
<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> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoReveal
logoText="MOND" logoText="MOND"
leftLink={{ text: "Privacy Policy", href: "#" }} leftLink={{ text: "Политика конфиденциальности", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }} rightLink={{ text: "Условия использования", href: "#" }}
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -1,42 +1,46 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Manrope } from "next/font/google"; import { Poppins } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const manrope = Manrope({ const poppins = Poppins({
variable: "--font-manrope", subsets: ["latin"], variable: "--font-poppins", subsets: ["latin"],
weight: ["400", "500", "600", "700"],
}); });
export const metadata: Metadata = { 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: { alternates: {
canonical: "https://monddesign.ru"}, canonical: "https://monddesign.ru"
},
openGraph: { 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: { twitter: {
card: "summary_large_image", title: "Mond Design | Premium Web Development Agency", description: "Professional web design and development services for modern businesses.", images: [ 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"], "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/modern-web-development-dashboard-with-el-1772538577472-0c838fe5.png"
]
}, },
robots: { robots: {
index: true, index: true,
follow: true, follow: true
}, }
}; };
export default function RootLayout({ export default function RootLayout({
children, children
}: Readonly<{ }: Readonly<{
children: React.ReactNode; children: React.ReactNode;
}>) { }>) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="ru" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${manrope.variable} antialiased`}> <body className={`${poppins.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}

View File

@@ -12,10 +12,10 @@ import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
export default function HomePage() { export default function HomePage() {
const navItems = [ const navItems = [
{ name: "Home", id: "/" }, { name: "Главная", id: "/" },
{ name: "Services", id: "/services" }, { name: "Услуги", id: "/services" },
{ name: "Pricing", id: "/pricing" }, { name: "Цены", id: "/pricing" },
{ name: "Contact", id: "/contact" }, { name: "Контакты", id: "/contact" }
]; ];
return ( return (
@@ -35,91 +35,82 @@ export default function HomePage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
brandName="Mond Design" brandName="Mond Design"
navItems={navItems} navItems={navItems}
button={{ text: "Get Started", href: "/contact" }} button={{ text: "Начать", href: "/contact" }}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
<div id="hero" data-section="hero" className="min-h-screen py-20"> <div id="hero" data-section="hero" className="min-h-screen py-20">
<HeroLogoBillboardSplit <HeroLogoBillboardSplit
logoText="MOND" 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" }} background={{ variant: "radial-gradient" }}
buttons={[ buttons={[
{ text: "View Our Work", href: "/services" }, { text: "Наши работы", href: "/services" },
{ text: "Get a Quote", href: "/contact" }, { text: "Получить предложение", href: "/contact" }
]} ]}
layoutOrder="default" layoutOrder="default"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/modern-web-development-dashboard-with-el-1772538577472-0c838fe5.png" 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" frameStyle="browser"
mediaAnimation="slide-up" mediaAnimation="slide-up"
buttonAnimation="slide-up" buttonAnimation="none"
/> />
</div> </div>
<div id="services" data-section="services" className="py-20"> <div id="services" data-section="services" className="py-20">
<FeatureCardMedia <FeatureCardMedia
title="Our Comprehensive Web Services" title="Наши комплексные веб-услуги"
description="End-to-end solutions tailored to elevate your online presence and drive business growth" description="Полный спектр решений для повышения вашего онлайн-присутствия и развития бизнеса"
tag="Services" tag="Услуги"
features={[ features={[
{ {
id: "design", title: "Custom Web Design", description: 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: "Процесс веб-дизайна"
"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: "development", title: "Responsive Development", description: 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: "Рабочее пространство веб-разработки"
"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: "optimization", title: "Performance Optimization", description: 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: "Метрики производительности"
"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"},
]} ]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
buttons={[{ text: "Learn More", href: "/services" }]} buttons={[{ text: "Узнать больше", href: "/services" }]}
/> />
</div> </div>
<div id="testimonials" data-section="testimonials" className="py-20"> <div id="testimonials" data-section="testimonials" className="py-20">
<TestimonialCardThirteen <TestimonialCardThirteen
title="What Our Clients Say" title="Отзывы наших клиентов"
description="Real feedback from businesses we've transformed" description="Реальные отзывы от бизнесов, которые мы трансформировали"
tag="Testimonials" tag="Отзывы"
testimonials={[ testimonials={[
{ {
id: "1", name: "Елена Петрова", handle: "@elena.petrov", testimonial: id: "1", name: "Елена Петрова", handle: "@elena.petrov", testimonial: "Mond Design полностью преобразовала наше онлайн-присутствие. Сайт красивый, быстрый, и количество лидов увеличилось на 40%. Высоко рекомендуем!", rating: 5,
"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: "Елена Петрова"
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: id: "2", name: "Александр Иванов", handle: "@alex.ivanov", testimonial: "Профессиональный подход, отзывчивость и внимание к деталям. Команда поняла нашу визию и превзошла ожидания. Стоит каждого рубля.", rating: 5,
"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: "Александр Иванов"
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: id: "3", name: "Маргарита Сергеева", handle: "@margo.s", testimonial: "Мобильная версия работает идеально, контактные формы безупречны. Нашим клиентам нравится чистый, современный дизайн. Отличное обслуживание!", rating: 5,
"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: "Маргарита Сергеева"
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: id: "4", name: "Дмитрий Николаев", handle: "@dmitry.n", testimonial: "Быстрое выполнение, отличная коммуникация и сайт, который действительно конвертирует. Mond Design — наш первый выбор для веб-разработки.", rating: 5,
"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: "Дмитрий Николаев"
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: id: "5", name: "Ирина Морозова", handle: "@irina.m", testimonial: "Дизайн элегантен, функциональность идеальна, а поддержка после запуска исключительна. Не могли бы просить лучше партнёров.", rating: 5,
"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: "Ирина Морозова"
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: id: "6", name: "Виктор Смирнов", handle: "@victor.s", testimonial: "Профессиональный подход с начала и до конца. Наш сайт выглядит потрясающе, а клиенты постоянно хвалят пользовательский опыт. Лучшее вложение!", rating: 5,
"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: "Виктор Смирнов"
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} showRating={true}
animationType="slide-up" animationType="slide-up"
@@ -130,16 +121,17 @@ export default function HomePage() {
<div id="pricing-preview" data-section="pricing-preview" className="py-20"> <div id="pricing-preview" data-section="pricing-preview" className="py-20">
<PricingCardEight <PricingCardEight
title="Simple, Transparent Pricing" title="Простое, прозрачное ценообразование"
description="Professional web solutions at every budget level" description="Профессиональные веб-решения на любой бюджет"
tag="Pricing" tag="Цены"
plans={[ plans={[
{ {
id: "business", badge: "Most Popular", badgeIcon: Sparkles, id: "business", badge: "Самый популярный", badgeIcon: Sparkles,
price: "₽29,999", subtitle: "Complete solution for small business growth", buttons: [{ text: "Get Started", href: "/contact" }], price: "₽29 999", subtitle: "Полное решение для роста малого бизнеса", buttons: [{ text: "Начать", href: "/contact" }],
features: [ 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" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -150,16 +142,16 @@ export default function HomePage() {
<div id="cta" data-section="cta" className="py-20"> <div id="cta" data-section="cta" className="py-20">
<div className="mx-auto px-4 md:px-6 text-center"> <div className="mx-auto px-4 md:px-6 text-center">
<h2 className="text-4xl md:text-5xl font-semibold mb-6 text-foreground"> <h2 className="text-4xl md:text-5xl font-semibold mb-6 text-foreground">
Ready to Elevate Your Online Presence? Готовы повысить уровень вашего онлайн-присутствия?
</h2> </h2>
<p className="text-lg text-foreground/70 mb-8 max-w-2xl mx-auto"> <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> </p>
<Link <Link
href="/contact" 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" 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> </Link>
</div> </div>
</div> </div>
@@ -167,8 +159,8 @@ export default function HomePage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoReveal
logoText="MOND" logoText="MOND"
leftLink={{ text: "Privacy Policy", href: "#" }} leftLink={{ text: "Политика конфиденциальности", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }} rightLink={{ text: "Условия использования", href: "#" }}
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>

View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-manrope), sans-serif; font-family: var(--font-the-seasons), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-manrope), sans-serif; font-family: var(--font-the-seasons), sans-serif;
} }