Merge version_1 into main #3
256
src/app/page.tsx
256
src/app/page.tsx
@@ -8,17 +8,20 @@ import FeatureCardThree from "@/components/sections/feature/featureCardThree/Fea
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import {
|
||||
TrendingUp,
|
||||
Users,
|
||||
Globe,
|
||||
Award,
|
||||
CheckCircle,
|
||||
Star,
|
||||
} from "lucide-react";
|
||||
import { TrendingUp, Users, Globe, Award, CheckCircle, Star, MessageCircle } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "О нас", id: "about" },
|
||||
{ name: "Услуги", id: "services" },
|
||||
{ name: "Кейсы", id: "portfolio" },
|
||||
{ name: "Блог", id: "blog" },
|
||||
{ name: "Контакты", id: "contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -33,16 +36,7 @@ export default function HomePage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Сделаем"
|
||||
navItems={[
|
||||
{ name: "О нас", id: "/about" },
|
||||
{ name: "Услуги", id: "/services" },
|
||||
{ name: "Кейсы", id: "/portfolio" },
|
||||
{ name: "Блог", id: "/blog" },
|
||||
{ name: "Контакты", id: "/contact" },
|
||||
]}
|
||||
/>
|
||||
<NavbarStyleApple brandName="Сделаем" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
@@ -53,27 +47,17 @@ export default function HomePage() {
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/working-place-designer-closeup_93675-131259.jpg?_wi=1",
|
||||
imageAlt: "Команда агентства в офисе",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-place-designer-closeup_93675-131259.jpg", imageAlt: "Команда агентства в офисе"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/two-coworkers-planning-new-strategy-analyzing-online-company-information-startup-office-business-partners-collaborating-analytics-presentation-using-laptop-papers_482257-75252.jpg?_wi=1",
|
||||
imageAlt: "Маркетинг дашборд и аналитика",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-planning-new-strategy-analyzing-online-company-information-startup-office-business-partners-collaborating-analytics-presentation-using-laptop-papers_482257-75252.jpg", imageAlt: "Маркетинг дашборд и аналитика"},
|
||||
]}
|
||||
rating={5}
|
||||
ratingText="Доверяют нам крупные бренды"
|
||||
buttons={[
|
||||
{
|
||||
text: "Обсудить проект",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Обсудить проект", href: "/contact"},
|
||||
{
|
||||
text: "Посмотреть кейсы",
|
||||
href: "/portfolio",
|
||||
},
|
||||
text: "Посмотреть кейсы", href: "/portfolio"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
@@ -87,26 +71,10 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Проектов завершено",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Клиентов сотрудничают",
|
||||
value: "80+",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Лет опыта",
|
||||
value: "7",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Наград и признания",
|
||||
value: "25+",
|
||||
},
|
||||
{ icon: TrendingUp, label: "Проектов завершено", value: "150+" },
|
||||
{ icon: Users, label: "Клиентов сотрудничают", value: "80+" },
|
||||
{ icon: Globe, label: "Лет опыта", value: "7" },
|
||||
{ icon: Award, label: "Наград и признания", value: "25+" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,41 +86,13 @@ export default function HomePage() {
|
||||
tag="Услуги"
|
||||
features={[
|
||||
{
|
||||
id: "01",
|
||||
title: "Копирайтинг и редактура",
|
||||
description:
|
||||
"Пишем убедительные тексты для сайтов, объявлений и писем. Редактируем и проверяем на качество каждое слово.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/modern-office-desk-composition_23-2147915799.jpg?_wi=1",
|
||||
imageAlt: "Копирайтинг и редактура",
|
||||
},
|
||||
id: "01", title: "Копирайтинг и редактура", description: "Пишем убедительные тексты для сайтов, объявлений и писем. Редактируем и проверяем на качество каждое слово.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition_23-2147915799.jpg", imageAlt: "Копирайтинг и редактура"},
|
||||
{
|
||||
id: "02",
|
||||
title: "Веб-дизайн и разработка",
|
||||
description:
|
||||
"Проектируем сайты, которые привлекают и конвертируют. От концепции до запуска — мы создаём цифровые продукты.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-psd/yoga-new-experience-concept-template_23-2148448204.jpg?_wi=1",
|
||||
imageAlt: "Веб-дизайн и разработка",
|
||||
},
|
||||
id: "02", title: "Веб-дизайн и разработка", description: "Проектируем сайты, которые привлекают и конвертируют. От концепции до запуска — мы создаём цифровые продукты.", imageSrc: "http://img.b2bpic.net/free-psd/yoga-new-experience-concept-template_23-2148448204.jpg", imageAlt: "Веб-дизайн и разработка"},
|
||||
{
|
||||
id: "03",
|
||||
title: "Управление соцсетями",
|
||||
description:
|
||||
"Ведём корпоративные блоги и социальные сети. Создаём контент, который вызывает отклик у аудитории.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/laptop-computer-with-company-charts-screen-standing-table-startup-office-while-diverse-team-sharing-papers-with-marketing-turnover-it-multiethnic-businesspeople-analyzing-graphs_482257-37042.jpg?_wi=1",
|
||||
imageAlt: "Управление соцсетями",
|
||||
},
|
||||
id: "03", title: "Управление соцсетями", description: "Ведём корпоративные блоги и социальные сети. Создаём контент, который вызывает отклик у аудитории.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-charts-screen-standing-table-startup-office-while-diverse-team-sharing-papers-with-marketing-turnover-it-multiethnic-businesspeople-analyzing-graphs_482257-37042.jpg", imageAlt: "Управление соцсетями"},
|
||||
{
|
||||
id: "04",
|
||||
title: "SEO оптимизация",
|
||||
description:
|
||||
"Оптимизируем контент для поисковых систем. Повышаем видимость вашего бизнеса в Яндексе и Google.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/handicapped-invalid-man-employee-sitting-immobilized-wheelchair-working-notepad-computer-same-time-analysing-financial-graphs-pc-showing-data-prosessing-project-regarding-economy_482257-30902.jpg?_wi=1",
|
||||
imageAlt: "SEO оптимизация",
|
||||
},
|
||||
id: "04", title: "SEO оптимизация", description: "Оптимизируем контент для поисковых систем. Повышаем видимость вашего бизнеса в Яндексе и Google.", imageSrc: "http://img.b2bpic.net/free-photo/handicapped-invalid-man-employee-sitting-immobilized-wheelchair-working-notepad-computer-same-time-analysing-financial-graphs-pc-showing-data-prosessing-project-regarding-economy_482257-30902.jpg", imageAlt: "SEO оптимизация"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
@@ -160,9 +100,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Подробнее об услугах",
|
||||
href: "/services",
|
||||
},
|
||||
text: "Подробнее об услугах", href: "/services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -174,29 +112,11 @@ export default function HomePage() {
|
||||
tag="Портфолио"
|
||||
products={[
|
||||
{
|
||||
id: "case-1",
|
||||
name: "Редизайн бренда TechCorp",
|
||||
price: "Трансформация идентичности",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg?_wi=1",
|
||||
imageAlt: "TechCorp кейс",
|
||||
},
|
||||
id: "case-1", name: "Редизайн бренда TechCorp", price: "Трансформация идентичности", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg", imageAlt: "TechCorp кейс"},
|
||||
{
|
||||
id: "case-2",
|
||||
name: "Запуск ecommerce платформы",
|
||||
price: "Увеличение продаж на 180%",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/real-estate-landing-page_23-2148977653.jpg?_wi=1",
|
||||
imageAlt: "Ecommerce проект",
|
||||
},
|
||||
id: "case-2", name: "Запуск ecommerce платформы", price: "Увеличение продаж на 180%", imageSrc: "http://img.b2bpic.net/free-vector/real-estate-landing-page_23-2148977653.jpg", imageAlt: "Ecommerce проект"},
|
||||
{
|
||||
id: "case-3",
|
||||
name: "Стратегия контент-маркетинга",
|
||||
price: "Рост аудитории в 3 раза",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/side-view-teamwork-strategy-writings-coloured-envelopes-pen-spiral-notebook-book-gray-sand-background_179666-19972.jpg?_wi=1",
|
||||
imageAlt: "Контент стратегия",
|
||||
},
|
||||
id: "case-3", name: "Стратегия контент-маркетинга", price: "Рост аудитории в 3 раза", imageSrc: "http://img.b2bpic.net/free-photo/side-view-teamwork-strategy-writings-coloured-envelopes-pen-spiral-notebook-book-gray-sand-background_179666-19972.jpg", imageAlt: "Контент стратегия"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -204,9 +124,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Все кейсы",
|
||||
href: "/portfolio",
|
||||
},
|
||||
text: "Все кейсы", href: "/portfolio"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -218,36 +136,20 @@ export default function HomePage() {
|
||||
tag="Статистика"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "150",
|
||||
title: "проектов",
|
||||
description: "успешно реализовано для клиентов",
|
||||
icon: CheckCircle,
|
||||
id: "1", value: "150", title: "проектов", description: "успешно реализовано для клиентов", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "80",
|
||||
title: "брендов",
|
||||
description: "доверяют нам свой контент-маркетинг",
|
||||
icon: Star,
|
||||
id: "2", value: "80", title: "брендов", description: "доверяют нам свой контент-маркетинг", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "250",
|
||||
title: "млн",
|
||||
description: "имприссий в год для клиентов",
|
||||
icon: TrendingUp,
|
||||
id: "3", value: "250", title: "млн", description: "имприссий в год для клиентов", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "7",
|
||||
title: "лет",
|
||||
description: "успешной работы на рынке",
|
||||
icon: Award,
|
||||
id: "4", value: "7", title: "лет", description: "успешной работы на рынке", icon: Award,
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -263,81 +165,51 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Александр Петров",
|
||||
handle: "CEO, TechCorp",
|
||||
testimonial:
|
||||
"Команда Сделаем полностью изменила нашу контент-стратегию. Результаты видны за первые месяцы сотрудничества.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg?_wi=1",
|
||||
imageAlt: "Александр Петров",
|
||||
},
|
||||
id: "1", name: "Александр Петров", handle: "CEO, TechCorp", testimonial: "Команда Сделаем полностью изменила нашу контент-стратегию. Результаты видны за первые месяцы сотрудничества.", imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg", imageAlt: "Александр Петров"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Мария Иванова",
|
||||
handle: "Marketing Director, RetailCo",
|
||||
testimonial:
|
||||
"Профессионалы своего дела. Предложили нестандартные решения, которые дали нам конкурентное преимущество.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/co-workers-smiling-after-hard-workday_1098-517.jpg?_wi=1",
|
||||
imageAlt: "Мария Иванова",
|
||||
},
|
||||
id: "2", name: "Мария Иванова", handle: "Marketing Director, RetailCo", testimonial: "Профессионалы своего дела. Предложили нестандартные решения, которые дали нам конкурентное преимущество.", imageSrc: "http://img.b2bpic.net/free-photo/co-workers-smiling-after-hard-workday_1098-517.jpg", imageAlt: "Мария Иванова"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Дмитрий Сидоров",
|
||||
handle: "Founder, StartupXYZ",
|
||||
testimonial:
|
||||
"От идеи до реализации — всё было сделано на высоком уровне. Рекомендуем как лучшее агентство.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/senior-business-woman-smiling_1187-1564.jpg?_wi=1",
|
||||
imageAlt: "Дмитрий Сидоров",
|
||||
},
|
||||
id: "3", name: "Дмитрий Сидоров", handle: "Founder, StartupXYZ", testimonial: "От идеи до реализации — всё было сделано на высоком уровне. Рекомендуем как лучшее агентство.", imageSrc: "http://img.b2bpic.net/free-photo/senior-business-woman-smiling_1187-1564.jpg", imageAlt: "Дмитрий Сидоров"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Екатерина Морозова",
|
||||
handle: "Brand Manager, LuxuryBrand",
|
||||
testimonial:
|
||||
"Креативный подход и внимание к деталям — вот что отличает Сделаем от конкурентов.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/serious-executive-sitting-couch_1098-2454.jpg?_wi=1",
|
||||
imageAlt: "Екатерина Морозова",
|
||||
},
|
||||
id: "4", name: "Екатерина Морозова", handle: "Brand Manager, LuxuryBrand", testimonial: "Креативный подход и внимание к деталям — вот что отличает Сделаем от конкурентов.", imageSrc: "http://img.b2bpic.net/free-photo/serious-executive-sitting-couch_1098-2454.jpg", imageAlt: "Екатерина Морозова"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Павел Егоров",
|
||||
handle: "Director, InnovateLab",
|
||||
testimonial:
|
||||
"Сотрудничество с командой было приятным и продуктивным. Все поставленные цели достигнуты.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg?_wi=1",
|
||||
imageAlt: "Павел Егоров",
|
||||
},
|
||||
id: "5", name: "Павел Егоров", handle: "Director, InnovateLab", testimonial: "Сотрудничество с командой было приятным и продуктивным. Все поставленные цели достигнуты.", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", imageAlt: "Павел Егоров"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Ольга Романова",
|
||||
handle: "CMO, GrowthCo",
|
||||
testimonial:
|
||||
"Благодаря Сделаем наш бренд получил узнаваемость и авторитет на рынке. Спасибо за отличную работу!",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/male-executive-with-glasses_1098-760.jpg?_wi=1",
|
||||
imageAlt: "Ольга Романова",
|
||||
},
|
||||
id: "6", name: "Ольга Романова", handle: "CMO, GrowthCo", testimonial: "Благодаря Сделаем наш бренд получил узнаваемость и авторитет на рынке. Спасибо за отличную работу!", imageSrc: "http://img.b2bpic.net/free-photo/male-executive-with-glasses_1098-760.jpg", imageAlt: "Ольга Романова"},
|
||||
]}
|
||||
speed={40}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Обсудить проект"
|
||||
ctaDescription="Оставьте ваши контакты, и мы расскажем, как помочь вашему бизнесу."
|
||||
ctaButton={{
|
||||
text: "Отправить", href: "#contact-form"}}
|
||||
ctaIcon={MessageCircle}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Какие услуги вы предоставляете?", content: "Мы предлагаем полный спектр контент-маркетинга: копирайтинг, веб-дизайн, управление социальными сетями, SEO оптимизацию и стратегическое консультирование."},
|
||||
{
|
||||
id: "2", title: "Сколько времени занимает проект?", content: "Длительность проекта зависит от его масштаба и сложности. Обычно работы начинают давать результаты через 2-3 месяца после старта."},
|
||||
{
|
||||
id: "3", title: "Какова стоимость услуг?", content: "Мы предлагаем гибкое ценообразование, зависящее от объёма работ и целей клиента. Каждый проект оценивается индивидуально."},
|
||||
{
|
||||
id: "4", title: "Можно ли начать с пробного проекта?", content: "Да, мы готовы начать с небольшого пробного проекта, чтобы вы оценили качество нашей работы."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Сделаем"
|
||||
leftLink={{
|
||||
text: "Политика конфиденциальности",
|
||||
href: "#privacy",
|
||||
}}
|
||||
text: "Политика конфиденциальности", href: "#privacy"}}
|
||||
rightLink={{
|
||||
text: "© 2025 Сделаем",
|
||||
href: "/",
|
||||
}}
|
||||
text: "© 2025 Сделаем", href: "/"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user