Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-08 19:03:49 +00:00

View File

@@ -9,7 +9,7 @@ import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonia
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { BookOpen, Briefcase, GraduationCap, Mic, PenTool, Play, Star, Users } from "lucide-react";
import { BookOpen, Briefcase, GraduationCap, Mic, PenTool, Play, Star, Users, Plane } from "lucide-react";
export default function LandingPage() {
return (
@@ -17,364 +17,135 @@ export default function LandingPage() {
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Главная",
id: "hero",
},
{
name: "О нас",
id: "about",
},
{
name: "Услуги",
id: "services",
},
{
name: "Отзывы",
id: "testimonials",
},
{
name: "Контакты",
id: "contact",
},
]}
brandName="My English Studio"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Главная", id: "hero" },
{ name: "О нас", id: "about" },
{ name: "Услуги", id: "services" },
{ name: "Отзывы", id: "testimonials" },
{ name: "Контакты", id: "contact" },
]}
brandName="My English Studio"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "plain",
}}
title="Английский язык с опытными преподавателями"
description="My English Studio предлагает занятия для детей от 4 лет и взрослых, подготовку к экзаменам и углублённое изучение языка. Дипломированные преподаватели, современные британские методики, группы 28 человек."
testimonials={[
{
name: "Анна С.",
handle: "@anna_s",
testimonial: "Мой ребенок начал говорить на английском через месяц обучения!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C5TuCnIpb1FHNFKXhy60eAbKmF/uploaded-1775674965869-oy7d3svm.png",
imageAlt: "User provided image",
},
{
name: "Дмитрий В.",
handle: "@dmitry_v",
testimonial: "Отличная подготовка к ЕГЭ, преподаватели знают свое дело.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lady-with-pen-near-table_23-2147953168.jpg?_wi=1",
imageAlt: "modern english classroom",
},
{
name: "Елена М.",
handle: "@elena_m",
testimonial: "Профессиональный подход и комфортная атмосфера.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962974.jpg?_wi=1",
imageAlt: "english teacher group lesson",
},
{
name: "Ольга П.",
handle: "@olga_p",
testimonial: "Учусь сама и очень довольна результатами, рекомендую.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-lady-student-pointing_171337-14789.jpg?_wi=1",
imageAlt: "happy parent portrait",
},
{
name: "Виктор К.",
handle: "@viktor_k",
testimonial: "Лучшая студия в Йошкар-Оле, прогресс виден сразу.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-beautiful-woman-student-smiling-holding-books-university-education-concept_176420-12455.jpg?_wi=1",
imageAlt: "young professional student",
},
]}
buttons={[
{
text: "Записаться на пробный урок",
href: "https://vk.com",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/lady-with-pen-near-table_23-2147953168.jpg?_wi=2"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/surprised-young-lady-student-pointing_171337-14789.jpg",
alt: "Student",
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-african-beautiful-woman-student-smiling-holding-books-university-education-concept_176420-12455.jpg",
alt: "Student",
},
{
src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-26838.jpg",
alt: "Student",
},
{
src: "http://img.b2bpic.net/free-photo/nice-student-working-with-pencil-touchpad_1098-329.jpg",
alt: "Student",
},
{
src: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-girls-trendy-summer-clothes-sexy-carefree-women-positive-models_158538-4536.jpg",
alt: "Student",
},
]}
avatarText="Более 500 довольных учеников"
marqueeItems={[
{
type: "text",
text: "Британская методика",
},
{
type: "text",
text: "Квалифицированные педагоги",
},
{
type: "text",
text: "Мини-группы",
},
{
type: "text",
text: "Результат с первого месяца",
},
{
type: "text",
text: "Подготовка к ЕГЭ/ОГЭ",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "plain" }}
title="Английский язык с опытными преподавателями"
description="My English Studio предлагает занятия для детей от 4 лет и взрослых, подготовку к экзаменам и углублённое изучение языка. Дипломированные преподаватели, современные британские методики, группы 28 человек."
testimonials={[
{ name: "Анна С.", handle: "@anna_s", testimonial: "Мой ребенок начал говорить на английском через месяц обучения!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C5TuCnIpb1FHNFKXhy60eAbKmF/uploaded-1775674965869-oy7d3svm.png", imageAlt: "User provided image" },
{ name: "Дмитрий В.", handle: "@dmitry_v", testimonial: "Отличная подготовка к ЕГЭ, преподаватели знают свое дело.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lady-with-pen-near-table_23-2147953168.jpg", imageAlt: "modern english classroom" },
{ name: "Елена М.", handle: "@elena_m", testimonial: "Профессиональный подход и комфортная атмосфера.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962974.jpg", imageAlt: "english teacher group lesson" },
{ name: "Ольга П.", handle: "@olga_p", testimonial: "Учусь сама и очень довольна результатами, рекомендую.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-lady-student-pointing_171337-14789.jpg", imageAlt: "happy parent portrait" },
{ name: "Виктор К.", handle: "@viktor_k", testimonial: "Лучшая студия в Йошкар-Оле, прогресс виден сразу.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-beautiful-woman-student-smiling-holding-books-university-education-concept_176420-12455.jpg", imageAlt: "young professional student" },
]}
buttons={[{ text: "Записаться на пробный урок", href: "https://vk.com" }]}
imageSrc="http://img.b2bpic.net/free-photo/lady-with-pen-near-table_23-2147953168.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/surprised-young-lady-student-pointing_171337-14789.jpg", alt: "Student" },
{ src: "http://img.b2bpic.net/free-photo/cheerful-african-beautiful-woman-student-smiling-holding-books-university-education-concept_176420-12455.jpg", alt: "Student" },
{ src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-26838.jpg", alt: "Student" },
{ src: "http://img.b2bpic.net/free-photo/nice-student-working-with-pencil-touchpad_1098-329.jpg", alt: "Student" },
{ src: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-girls-trendy-summer-clothes-sexy-carefree-women-positive-models_158538-4536.jpg", alt: "Student" },
]}
avatarText="Более 500 довольных учеников"
marqueeItems={[{ type: "text", text: "Британская методика" }, { type: "text", text: "Квалифицированные педагоги" }, { type: "text", text: "Мини-группы" }, { type: "text", text: "Результат с первого месяца" }, { type: "text", text: "Подготовка к ЕГЭ/ОГЭ" }]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="О нашей студии"
title="Ваш путь к совершенному английскому"
description="Мы используем передовые британские методики для достижения реальных результатов. Наши филиалы расположены в Йошкар-Оле: ул. Яна Крастыня, 6В и ул. Ивана Кырли, 31."
subdescription="Мы ценим каждого ученика и строим индивидуальный подход, который делает процесс обучения эффективным и вдохновляющим."
icon={GraduationCap}
imageSrc="http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962974.jpg?_wi=2"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="О нашей студии"
title="Ваш путь к совершенному английскому"
description="Мы используем передовые британские методики для достижения реальных результатов. Наши филиалы расположены в Йошкар-Оле: ул. Яна Крастыня, 6В и ул. Ивана Кырли, 31."
subdescription="Мы ценим каждого ученика и строим индивидуальный подход, который делает процесс обучения эффективным и вдохновляющим."
icon={GraduationCap}
imageSrc="http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962974.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="services" data-section="services">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Дети 47 лет",
description: "Игровая форма, погружение в среду, развитие интереса к языку.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/lady-with-pen-near-table_23-2147953168.jpg?_wi=3",
},
items: [
{
icon: Play,
text: "Развитие речи",
},
{
icon: BookOpen,
text: "Базовая лексика",
},
{
icon: Star,
text: "Любовь к предмету",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-26838.jpg?_wi=1",
imageAlt: "teenager holding exam preparation books",
},
{
title: "Школьники 817 лет",
description: "Помощь со школьной программой, подготовка к экзаменам (ОГЭ/ЕГЭ).",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962974.jpg?_wi=3",
},
items: [
{
icon: BookOpen,
text: "Школьная программа",
},
{
icon: PenTool,
text: "Подготовка к экзаменам",
},
{
icon: Users,
text: "Работа в мини-группах",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/nice-student-working-with-pencil-touchpad_1098-329.jpg?_wi=1",
imageAlt: "preschooler learning english happily",
},
{
title: "Взрослые",
description: "Английский для работы, путешествий и личного развития.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-lady-student-pointing_171337-14789.jpg?_wi=2",
},
items: [
{
icon: Briefcase,
text: "Деловой английский",
},
{
icon: Plane,
text: "Для путешествий",
},
{
icon: Mic,
text: "Разговорная практика",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-girls-trendy-summer-clothes-sexy-carefree-women-positive-models_158538-4536.jpg?_wi=1",
imageAlt: "parent portrait professional studio",
},
]}
title="Наши направления обучения"
description="Гибкие программы, разработанные с учетом потребностей каждой возрастной группы."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Дети 47 лет", description: "Игровая форма, погружение в среду, развитие интереса к языку.", media: { imageSrc: "http://img.b2bpic.net/free-photo/lady-with-pen-near-table_23-2147953168.jpg" },
items: [{ icon: Play, text: "Развитие речи" }, { icon: BookOpen, text: "Базовая лексика" }, { icon: Star, text: "Любовь к предмету" }],
reverse: false
},
{
title: "Школьники 817 лет", description: "Помощь со школьной программой, подготовка к экзаменам (ОГЭ/ЕГЭ).", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962974.jpg" },
items: [{ icon: BookOpen, text: "Школьная программа" }, { icon: PenTool, text: "Подготовка к экзаменам" }, { icon: Users, text: "Работа в мини-группах" }],
reverse: true
},
{
title: "Взрослые", description: "Английский для работы, путешествий и личного развития.", media: { imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-lady-student-pointing_171337-14789.jpg" },
items: [{ icon: Briefcase, text: "Деловой английский" }, { icon: Plane, text: "Для путешествий" }, { icon: Mic, text: "Разговорная практика" }],
reverse: false
},
]}
title="Наши направления обучения"
description="Гибкие программы, разработанные с учетом потребностей каждой возрастной группы."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="one-large-left-three-stacked-right"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Мария И.",
role: "Мама",
company: "Наш клиент",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-lady-student-pointing_171337-14789.jpg?_wi=3",
},
{
id: "2",
name: "Алексей В.",
role: "Студент",
company: "Наш клиент",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-beautiful-woman-student-smiling-holding-books-university-education-concept_176420-12455.jpg?_wi=2",
},
{
id: "3",
name: "Светлана К.",
role: "Родитель",
company: "Наш клиент",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-26838.jpg?_wi=2",
},
{
id: "4",
name: "Игорь С.",
role: "Взрослый ученик",
company: "Наш клиент",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/nice-student-working-with-pencil-touchpad_1098-329.jpg?_wi=2",
},
{
id: "5",
name: "Татьяна Л.",
role: "Мама",
company: "Наш клиент",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-girls-trendy-summer-clothes-sexy-carefree-women-positive-models_158538-4536.jpg?_wi=2",
},
]}
title="Нам доверяют сотни студентов"
description="Отзывы наших учеников и их родителей о качестве обучения в My English Studio."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="one-large-left-three-stacked-right"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Мария И.", role: "Мама", company: "Наш клиент", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-lady-student-pointing_171337-14789.jpg" },
{ id: "2", name: "Алексей В.", role: "Студент", company: "Наш клиент", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-beautiful-woman-student-smiling-holding-books-university-education-concept_176420-12455.jpg" },
{ id: "3", name: "Светлана К.", role: "Родитель", company: "Наш клиент", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-26838.jpg" },
{ id: "4", name: "Игорь С.", role: "Взрослый ученик", company: "Наш клиент", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/nice-student-working-with-pencil-touchpad_1098-329.jpg" },
{ id: "5", name: "Татьяна Л.", role: "Мама", company: "Наш клиент", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-girls-trendy-summer-clothes-sexy-carefree-women-positive-models_158538-4536.jpg" },
]}
title="Нам доверяют сотни студентов"
description="Отзывы наших учеников и их родителей о качестве обучения в My English Studio."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Запись открыта"
title="Готовы начать изучение?"
description="Записывайтесь на пробный урок прямо сейчас через наши социальные сети."
buttons={[
{
text: "VK",
href: "https://vk.com",
},
{
text: "Telegram",
href: "https://t.me",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Запись открыта"
title="Готовы начать изучение?"
description="Записывайтесь на пробный урок прямо сейчас через наши социальные сети."
buttons={[{ text: "VK", href: "https://vk.com" }, { text: "Telegram", href: "https://t.me" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Адреса",
items: [
{
label: "Яна Крастыня 6В",
href: "#",
},
{
label: "Ивана Кырли 31",
href: "#",
},
],
},
{
title: "Навигация",
items: [
{
label: "Главная",
href: "#hero",
},
{
label: "О нас",
href: "#about",
},
{
label: "Услуги",
href: "#services",
},
],
},
{
title: "Связь",
items: [
{
label: "ВКонтакте",
href: "https://vk.com",
},
{
label: "Telegram",
href: "https://t.me",
},
],
},
]}
logoText="My English Studio"
copyrightText="© 2025 | My English Studio"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Адреса", items: [{ label: "Яна Крастыня 6В", href: "#" }, { label: "Ивана Кырли 31", href: "#" }] },
{ title: "Навигация", items: [{ label: "Главная", href: "#hero" }, { label: "О нас", href: "#about" }, { label: "Услуги", href: "#services" }] },
{ title: "Связь", items: [{ label: "ВКонтакте", href: "https://vk.com" }, { label: "Telegram", href: "https://t.me" }] },
]}
logoText="My English Studio"
copyrightText="© 2025 | My English Studio"
/>
</div>
</ReactLenis>
</ThemeProvider>
);