Compare commits
31 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 45e9d5e577 | |||
| 26b07b043d | |||
| a1841e35d0 | |||
| f8e3273542 | |||
| b4bc218649 | |||
| b901905fb4 | |||
| f662b8a46f | |||
| fc6cc51c01 | |||
| a967b8e6b7 | |||
| ac5a279cda | |||
| c1db98b00f | |||
| 0d96b6563d | |||
| 6f26eff32f | |||
| 3a8b4e3a08 | |||
| 8a8a7179d0 | |||
| 7207beb696 | |||
| 2992f3b58b | |||
| f3c826a5c4 | |||
| 1df82ed86e | |||
| 8704db39d1 | |||
| aacd00eccd | |||
| e4411fdffe | |||
| b6d56de004 | |||
| 9bb688219b | |||
| 791a1ea87b | |||
| 0a37fdc680 | |||
| b7b9f775e0 | |||
| 2e8e91efac | |||
| 14d47e91fb | |||
| db08a0f691 | |||
| 17e0d96c4a |
@@ -2,19 +2,19 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline/NavbarLayoutFloatingInline";
|
||||||
import TextAbout from "@/components/sections/about/TextAbout";
|
import TextAbout from "@/components/sections/about/TextAbout/TextAbout";
|
||||||
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen/FeatureCardTen";
|
||||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne/MetricCardOne";
|
||||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
import FooterCard from "@/components/sections/footer/FooterCard/FooterCard";
|
||||||
import { CheckCircle, Mail, Send, Phone, FolderOpen, Users, Clock, Calendar, Check } from "lucide-react";
|
import { CheckCircle, Mail, Send, Phone, FolderOpen, Users, Clock, Calendar, Check, Cloud } from "lucide-react";
|
||||||
|
|
||||||
export default function AboutPage() {
|
export default function AboutPage() {
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Услуги", id: "services" },
|
{ label: "Услуги", href: "#services" },
|
||||||
{ name: "О компании", id: "about" },
|
{ label: "О компании", href: "#about" },
|
||||||
{ name: "Процесс", id: "process" },
|
{ label: "Процесс", href: "#process" },
|
||||||
{ name: "Отзывы", id: "testimonials" },
|
{ label: "Отзывы", href: "#testimonials" },
|
||||||
];
|
];
|
||||||
|
|
||||||
const navButton = {
|
const navButton = {
|
||||||
@@ -37,9 +37,11 @@ export default function AboutPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
brandName="Mond Design"
|
brandName="Mond Design"
|
||||||
navItems={navItems}
|
links={navItems}
|
||||||
button={navButton}
|
button={navButton}
|
||||||
animateOnLoad={true}
|
animateOnLoad={true}
|
||||||
|
eyebrowText="Mond Design"
|
||||||
|
eyebrowIcon={Cloud}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -49,7 +51,7 @@ export default function AboutPage() {
|
|||||||
tagIcon={CheckCircle}
|
tagIcon={CheckCircle}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
title="Mond Design — это команда квалифицированных разработчиков и дизайнеров, которые создают цифровые решения для растущих бизнесов. За 1+ лет мы помогли более чем 150 компаниям перевести свой бизнес в интернет и достичь устойчивого роста."
|
title="Mond Design — это команда квалифицированных разработчиков и дизайнеров, которые создают цифровые решения для растущих бизнесов. За 1+ лет мы помогли более чем 150 компаниям перевести свой бизнес в интернет и достичь устойчивого роста."
|
||||||
buttons={[{ text: "Начать проект", href: "/contact" }]}
|
buttons={[{ text: "Начать проект", href: "#contact" }]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -1,13 +1,8 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Inter } from "next/font/google";
|
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import "./styles/variables.css";
|
|
||||||
import "./styles/base.css";
|
|
||||||
|
|
||||||
const inter = Inter({ subsets: ["latin"] });
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Mond Design", description: "Агентство веб-разработки, специализирующееся на создании красивых, функциональных и высокопроизводительных веб-сайтов для малого и среднего бизнеса."
|
title: "Mond Design", description: "Профессиональная веб-разработка для вашего бизнеса"
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
@@ -16,8 +11,8 @@ export default function RootLayout({
|
|||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en">
|
<html lang="ru">
|
||||||
<body className={inter.className}>{children}
|
<body>{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html: `
|
__html: `
|
||||||
|
|||||||
@@ -2,23 +2,23 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline/NavbarLayoutFloatingInline";
|
||||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi/HeroSplitKpi";
|
||||||
import TextAbout from '@/components/sections/about/TextAbout';
|
import TextAbout from "@/components/sections/about/TextAbout/TextAbout";
|
||||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen/FeatureCardNineteen";
|
||||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne/MetricCardOne";
|
||||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive/TestimonialCardFive";
|
||||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen/FeatureCardTen";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactText from "@/components/sections/contact/ContactText/ContactText";
|
||||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
import FooterCard from "@/components/sections/footer/FooterCard/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() {
|
export default function HomePage() {
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Услуги", id: "services" },
|
{ label: "Услуги", href: "#services" },
|
||||||
{ name: "О компании", id: "about" },
|
{ label: "О компании", href: "#about" },
|
||||||
{ name: "Процесс", id: "process" },
|
{ label: "Процесс", href: "#process" },
|
||||||
{ name: "Отзывы", id: "testimonials" },
|
{ label: "Отзывы", href: "#testimonials" },
|
||||||
];
|
];
|
||||||
|
|
||||||
const navButton = {
|
const navButton = {
|
||||||
@@ -41,9 +41,11 @@ export default function HomePage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
brandName="Mond Design"
|
brandName="Mond Design"
|
||||||
navItems={navItems}
|
links={navItems}
|
||||||
button={navButton}
|
button={navButton}
|
||||||
animateOnLoad={true}
|
animateOnLoad={true}
|
||||||
|
eyebrowText="Mond Design"
|
||||||
|
eyebrowIcon={Cloud}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -62,20 +64,14 @@ export default function HomePage() {
|
|||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Начать проект", href: "/contact" },
|
{ text: "Начать проект", href: "#contact" },
|
||||||
{ text: "Посмотреть портфолио", href: "/about" },
|
{ text: "Посмотреть портфолио", href: "#about" },
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/a-modern-sophisticated-web-development-w-1772553706424-80bb3524.png"
|
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"
|
imageAlt="Web development dashboard"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
imagePosition="right"
|
imagePosition="right"
|
||||||
marqueeItems={[
|
|
||||||
{ type: "text", text: "Mond Design" },
|
|
||||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/uploaded-1772561273762-zrmc4iaw.png", alt: "Mond Design" },
|
|
||||||
]}
|
|
||||||
marqueeSpeed={30}
|
|
||||||
showMarqueeCard={true}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -85,7 +81,7 @@ export default function HomePage() {
|
|||||||
tagIcon={CheckCircle}
|
tagIcon={CheckCircle}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
title="Мы создаём цифровые решения, которые превосходят ожидания клиентов. Каждый проект разрабатывается с учётом уникальных потребностей вашего бизнеса, современных трендов дизайна и лучших практик веб-разработки."
|
title="Мы создаём цифровые решения, которые превосходят ожидания клиентов. Каждый проект разрабатывается с учётом уникальных потребностей вашего бизнеса, современных трендов дизайна и лучших практик веб-разработки."
|
||||||
buttons={[{ text: "Узнать больше", href: "/about" }]}
|
buttons={[{ text: "Узнать больше", href: "#about" }]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
@@ -229,8 +225,8 @@ export default function HomePage() {
|
|||||||
text="Готовы начать ваш проект? Свяжитесь с нами уже сегодня и получите консультацию от наших специалистов. Мы ответим на все ваши вопросы и поможем выбрать оптимальное решение для вашего бизнеса."
|
text="Готовы начать ваш проект? Свяжитесь с нами уже сегодня и получите консультацию от наших специалистов. Мы ответим на все ваши вопросы и поможем выбрать оптимальное решение для вашего бизнеса."
|
||||||
animationType="entrance-slide"
|
animationType="entrance-slide"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Отправить запрос", href: "/contact" },
|
{ text: "Отправить запрос", href: "#contact" },
|
||||||
{ text: "Узнать цены", href: "/services" },
|
{ text: "Узнать цены", href: "#services" },
|
||||||
]}
|
]}
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
|||||||
Reference in New Issue
Block a user