Merge version_2 into main #2
198
src/app/page.tsx
198
src/app/page.tsx
@@ -21,82 +21,52 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="glass"
|
||||
background="noise"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Survival 2", id: "about"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Join", id: "contact"},
|
||||
{ name: "Сервер", id: "about" },
|
||||
{ name: "Статистика", id: "metrics" },
|
||||
{ name: "Возможности", id: "features" },
|
||||
{ name: "Блог", id: "spotlight" },
|
||||
{ name: "Подключение", id: "faq" },
|
||||
]}
|
||||
brandName="gamepe.ru"
|
||||
button={{
|
||||
text: "ПОДКЛЮЧИТЬСЯ", href: "#"
|
||||
text: "ПОДКЛЮЧИТЬСЯ", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "canvas-reveal"}}
|
||||
title="ВЫЖИВИ ИЛИ СТАНЬ ТЕНЬЮ"
|
||||
description="Погрузитесь в Survival 2 на gamepe.ru. Атмосфера настоящего хоррора, где каждый шаг может стать последним. Адреналин, который вы заслужили."
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
title="ВЫЖИВИ В КОШМАРЕ"
|
||||
description="Добро пожаловать на Survival 2. Мир пропитан мраком, а каждый вздох — это борьба за жизнь. Сможешь ли ты пережить ужасы, которые ждут тебя?"
|
||||
buttons={[
|
||||
{
|
||||
text: "СКОПИРОВАТЬ IP: gamepe.ru", href: "#"},
|
||||
{ text: "СКОПИРОВАТЬ IP: gamepe.ru", href: "#" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/forest-photography_395237-128.jpg"
|
||||
imageAlt="Dark Survival Horror Minecraft"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/horror-forest-with-fog_23-2151542368.jpg"
|
||||
imageAlt="Dark Survival Horror Environment"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/darkly-atmospheric-retail-environment-rendering_23-2151153696.jpg", alt: "Player 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fern-plants-growing-tropical-forest_23-2147831037.jpg", alt: "Player 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/forest-tall-trees-autumn_250224-71.jpg", alt: "Player 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-empty-road-dark-atmosphere_23-2150914368.jpg", alt: "Player 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dark-eerie-forest-with-sunlight-hitting-leaves-mystical-forest-background_181624-60943.jpg", alt: "Player 5"},
|
||||
]}
|
||||
avatarText="Уже с нами"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Survival 2.0"},
|
||||
{
|
||||
type: "text", text: "Hardcore Mode"},
|
||||
{
|
||||
type: "text", text: "Custom Bosses"},
|
||||
{
|
||||
type: "text", text: "Horror Events"},
|
||||
{
|
||||
type: "text", text: "Active Community"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Лора сервера"
|
||||
title="Survival 2: Мир Тьмы"
|
||||
description="Survival 2 — это не просто выживание. Это испытание вашей стойкости перед лицом первобытного ужаса. Мир был изменен, и теперь только самые смелые смогут раскрыть секреты этой земли."
|
||||
subdescription="Мы создали сервер, который переосмысливает классический Minecraft, наполняя его скримерами, уникальными боссами и густой атмосферой безысходности."
|
||||
useInvertedBackground={true}
|
||||
tag="О режиме"
|
||||
title="Survival 2: Эволюция Страха"
|
||||
description="Survival 2 — это переосмысление классического выживания, созданное в коллаборации с dimkaHORROR. Мы добавили атмосферу безысходности, уникальные механики и боссов, которые не дадут тебе расслабиться."
|
||||
subdescription="Сервер, где ужас — это не просто слово, а стиль игры."
|
||||
icon={Skull}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15601.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-castle-ruins-foggy-night_23-2150914368.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -105,131 +75,93 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", icon: Users,
|
||||
title: "Игроков онлайн", value: "1,024"},
|
||||
{
|
||||
id: "2", icon: CalendarDays,
|
||||
title: "Дней выжило", value: "342"},
|
||||
{
|
||||
id: "3", icon: Star,
|
||||
title: "Монстров убито", value: "89,123"},
|
||||
{ id: "1", icon: Users, title: "Игроков в аду", value: "1,248" },
|
||||
{ id: "2", icon: CalendarDays, title: "Дней во тьме", value: "482" },
|
||||
{ id: "3", icon: Star, title: "Побед над кошмаром", value: "92,305" },
|
||||
]}
|
||||
title="Статистика Ужаса"
|
||||
description="Живые данные нашего проклятого мира."
|
||||
title="Статистика нашего проклятия"
|
||||
description="Данные с глубокого дна сервера."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="scale-rotate"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Skull,
|
||||
title: "Кастомные монстры", description: "Существа, которые охотятся по своим правилам."},
|
||||
{
|
||||
icon: Moon,
|
||||
title: "Хоррор ночи", description: "С заходом солнца мир вокруг меняется."},
|
||||
{
|
||||
icon: FileText,
|
||||
title: "Сезонные ивенты", description: "Каждые пару месяцев новая угроза."},
|
||||
{
|
||||
icon: Target,
|
||||
title: "PvE Боссы", description: "Эпические битвы в темных подземельях."},
|
||||
{
|
||||
icon: Gift,
|
||||
title: "Уникальный лут", description: "Артефакты, дающие сомнительную силу."},
|
||||
{
|
||||
icon: Target,
|
||||
title: "Вызовы dimkaHORROR", description: "Специальные задачи для смельчаков."},
|
||||
{ icon: Skull, title: "Кошмарные существа", description: "Боссы с уникальным AI и поведением." },
|
||||
{ icon: Moon, title: "Смертельная ночь", description: "После заката мир становится крайне враждебным." },
|
||||
{ icon: FileText, title: "Архивы dimkaHORROR", description: "Сюжетные квесты и мрачные записки." },
|
||||
{ icon: Target, title: "PvE Вызов", description: "Сражения в подземельях с высоким риском." },
|
||||
{ icon: Gift, title: "Проклятый лут", description: "Артефакты, обладающие темной силой." },
|
||||
{ icon: Target, title: "Хардкор-ивенты", description: "Регулярные события для проверки психики." },
|
||||
]}
|
||||
title="Чем вы будете пожертвовать?"
|
||||
description="Уникальные механики, созданные для проверки вашего рассудка."
|
||||
title="Функции сервера"
|
||||
description="Почему стоит играть именно на Survival 2?"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="spotlight" data-section="spotlight">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "dimkaHORROR", imageSrc: "http://img.b2bpic.net/free-photo/hooded-thief-walking-dark-city-generated-by-ai_188544-33493.jpg"},
|
||||
{
|
||||
id: "2", name: "dimkaHORROR", imageSrc: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg"},
|
||||
{
|
||||
id: "3", name: "dimkaHORROR", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-scary-character-posing_23-2150701010.jpg"},
|
||||
{
|
||||
id: "4", name: "dimkaHORROR", imageSrc: "http://img.b2bpic.net/free-photo/teenager-guy-sits-room-bed-uses-laptop_169016-18359.jpg"},
|
||||
{
|
||||
id: "5", name: "dimkaHORROR", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-teenager-shooting-with-projector_23-2149424978.jpg"},
|
||||
{ id: "1", name: "dimkaHORROR", imageSrc: "http://img.b2bpic.net/free-photo/dark-atmospheric-room_23-2151153696.jpg" },
|
||||
{ id: "2", name: "dimkaHORROR", imageSrc: "http://img.b2bpic.net/free-photo/spooky-halloween-environment_23-2149424978.jpg" },
|
||||
{ id: "3", name: "dimkaHORROR", imageSrc: "http://img.b2bpic.net/free-photo/dark-creepy-forest-path_181624-60943.jpg" },
|
||||
]}
|
||||
cardTitle="Слово от dimkaHORROR"
|
||||
cardTag="Авторское мнение"
|
||||
cardTitle="Блог dimkaHORROR"
|
||||
cardTag="События"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Шаг 1: Клиент", content: "Скачайте версию 1.20.x с нашего сайта."},
|
||||
{
|
||||
id: "2", title: "Шаг 2: Сервер", content: "Добавьте gamepe.ru в список серверов."},
|
||||
{
|
||||
id: "3", title: "Шаг 3: Выживание", content: "Заходите и начинайте свой путь в тьму."},
|
||||
{ id: "1", title: "Как подключиться?", content: "Скачай клиент 1.20.x, впиши IP: gamepe.ru в список серверов и начни игру." },
|
||||
{ id: "2", title: "Есть ли донат?", content: "Весь донат идет на поддержку сервера и создание новых хоррор-механик." },
|
||||
{ id: "3", title: "Можно ли играть с друзьями?", content: "Да, но выживать вдвоем не всегда безопаснее." },
|
||||
]}
|
||||
sideTitle="Терминал входа"
|
||||
sideDescription="Следуйте инструкциям, чтобы не сгинуть в пустоте."
|
||||
sideTitle="Инструкция"
|
||||
sideDescription="Подготовка к выживанию."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Готовы рискнуть? Подключитесь сейчас."
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Готов встретиться со своим страхом?"
|
||||
buttons={[
|
||||
{
|
||||
text: "ПРИСОЕДИНИТЬСЯ", href: "#"},
|
||||
{ text: "ПРИСОЕДИНИТЬСЯ К GAMEPE.RU", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aokigahara-forest-dark-style_23-2151542368.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-misty-night-road_23-2150914368.jpg"
|
||||
logoText="GAMEPE.RU"
|
||||
columns={[
|
||||
{
|
||||
title: "Ресурсы", items: [
|
||||
{
|
||||
label: "Личный кабинет", href: "#"},
|
||||
{
|
||||
label: "Магазин", href: "#"},
|
||||
{
|
||||
label: "Форум", href: "#"},
|
||||
],
|
||||
title: "Сервер", items: [
|
||||
{ label: "Статус", href: "#" },
|
||||
{ label: "Магазин", href: "#" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Сообщество", items: [
|
||||
{
|
||||
label: "Discord", href: "#"},
|
||||
{
|
||||
label: "VK", href: "#"},
|
||||
{
|
||||
label: "YouTube", href: "#"},
|
||||
],
|
||||
},
|
||||
title: "Сеть", items: [
|
||||
{ label: "Discord", href: "#" },
|
||||
{ label: "VK", href: "#" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 | GAMEPE.RU | Survival Horror Server"
|
||||
copyrightText="© 2025 | Survival 2 | dimkaHORROR"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user