311 lines
17 KiB
TypeScript
311 lines
17 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import { Leaf, Sparkles, Heart, Palette, Shield, Users, Mail, BookOpen, Clock, Volume2, Recycle } from 'lucide-react';
|
||
|
||
const navItems = [
|
||
{ name: "Концепция", id: "philosophy" },
|
||
{ name: "Ароматы", id: "states" },
|
||
{ name: "Стандарт качества", id: "quality" },
|
||
{ name: "Партнерам", id: "partners" },
|
||
{ name: "Блог", id: "blog" }
|
||
];
|
||
|
||
const products = [
|
||
{
|
||
id: "1", brand: "FLY AROMA", name: "#ЧИЛЛАУТ", price: "1,290 ₽", rating: 5,
|
||
reviewCount: "847", imageSrc: "http://img.b2bpic.net/free-photo/essential-oils-lavender-glass-dark-bottle-girl-cares-skin-hair-scandinavian-interior_1182-2673.jpg", imageAlt: "#ЧИЛЛАУТ - Раствори напряжение"
|
||
},
|
||
{
|
||
id: "2", brand: "FLY AROMA", name: "#ЭНЕРДЖИБУСТ", price: "1,290 ₽", rating: 5,
|
||
reviewCount: "634", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-putting-orange-near-laptop_23-2147761551.jpg", imageAlt: "#ЭНЕРДЖИБУСТ - Зарядись с утра"
|
||
},
|
||
{
|
||
id: "3", brand: "FLY AROMA", name: "#ВКУСПРИКЛЮЧЕНИЙ", price: "1,290 ₽", rating: 5,
|
||
reviewCount: "512", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-seasonings-inside-little-pots-dark-blue-rustic-desk-spicy-edgy-pepper-color_140725-99369.jpg", imageAlt: "#ВКУСПРИКЛЮЧЕНИЙ - Добавь драйва"
|
||
},
|
||
{
|
||
id: "4", brand: "FLY AROMA", name: "#СВИТДРИМ", price: "1,290 ₽", rating: 5,
|
||
reviewCount: "723", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-bed-with-copy-space_23-2148243567.jpg", imageAlt: "#СВИТДРИМ - Подари себе сладкий сон"
|
||
},
|
||
{
|
||
id: "5", brand: "FLY AROMA", name: "#КОФЕПОЙНТ", price: "1,290 ₽", rating: 5,
|
||
reviewCount: "891", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-knitted-element_169016-49101.jpg", imageAlt: "#КОФЕПОЙНТ - Уютное воскресное утро"
|
||
},
|
||
{
|
||
id: "6", brand: "FLY AROMA", name: "#ФАНЗОНА", price: "1,290 ₽", rating: 5,
|
||
reviewCount: "445", imageSrc: "http://img.b2bpic.net/free-photo/girls-celbrating-friendship_23-2147640590.jpg", imageAlt: "#ФАНЗОНА - Вечеринка начнется здесь"
|
||
},
|
||
{
|
||
id: "7", brand: "FLY AROMA", name: "#КЛИНКЛИН", price: "1,290 ₽", rating: 5,
|
||
reviewCount: "568", imageSrc: "http://img.b2bpic.net/free-photo/glasses-arrangement-with-ice-cube_23-2148644612.jpg", imageAlt: "#КЛИНКЛИН - Кристальная свежесть"
|
||
},
|
||
{
|
||
id: "8", brand: "FLY AROMA", name: "#ЛАВСТОРИ", price: "1,290 ₽", rating: 5,
|
||
reviewCount: "756", imageSrc: "http://img.b2bpic.net/free-photo/red-roses-two-glasses-bottle-champagne-candle-table_114579-2479.jpg", imageAlt: "#ЛАВСТОРИ - Зажги искру"
|
||
},
|
||
{
|
||
id: "9", brand: "FLY AROMA", name: "#ФОКУСПОКОНОМИ", price: "1,290 ₽", rating: 5,
|
||
reviewCount: "602", imageSrc: "http://img.b2bpic.net/free-photo/making-tea-with-teabags_661915-362.jpg", imageAlt: "#ФОКУСПОКОНОМИ - Включи продуктивность"
|
||
},
|
||
{
|
||
id: "10", brand: "FLY AROMA", name: "#ХАЙПБИЧ", price: "1,290 ₽", rating: 5,
|
||
reviewCount: "489", imageSrc: "http://img.b2bpic.net/free-photo/fresh-coconut-with-hat-sun-glasses-clean-sand-beach-with-sea-wave-fresh-fruit-with-sea-sand-sun-vacation-concept_1150-13736.jpg", imageAlt: "#ХАЙПБИЧ - Лето круглый год"
|
||
}
|
||
];
|
||
|
||
const metrics = [
|
||
{
|
||
id: "1", icon: Leaf,
|
||
title: "100% натуральные эфирные масла", value: "Эко-сертификат"
|
||
},
|
||
{
|
||
id: "2", icon: Recycle,
|
||
title: "Биоразлагаемые материалы диффузора", value: "♻️ Забота о планете"
|
||
},
|
||
{
|
||
id: "3", icon: Clock,
|
||
title: "Ультранизкий расход", value: "До 60 дней работы"
|
||
},
|
||
{
|
||
id: "4", icon: Volume2,
|
||
title: "Бесшумная технология", value: "≤20 дБ"
|
||
}
|
||
];
|
||
|
||
const blogs = [
|
||
{
|
||
id: "1", category: "Наука о запахах", title: "Как запах влияет на продуктивность: научный подход", excerpt: "Исследования показывают, что определённые ароматы могут увеличить фокусировку и эффективность работы на 30%. Узнайте, какие эфирные масла работают лучше всего.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-ball-stretching_23-2150442242.jpg", imageAlt: "Productivity and Aromatherapy", authorName: "Виктория Соколова", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-of-smiling-girl-with-flowers_23-2148857840.jpg", date: "15 ноя 2024"
|
||
},
|
||
{
|
||
id: "2", category: "Идеи для вечера", title: "5 способов создать романтический ужин с помощью ароматов", excerpt: "От выбора парфюмерной композиции до размещения диффузоров в комнате — полный гайд для идеального вечера вдвоём.", imageSrc: "http://img.b2bpic.net/free-photo/couple-lovers-having-romantic-dinner-home_171337-675.jpg", imageAlt: "Romantic Dinner Setup with Aromatherapy", authorName: "Александр Морозов", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-of-smiling-man-with-casual-wear_23-2148857841.jpg", date: "12 ноя 2024"
|
||
},
|
||
{
|
||
id: "3", category: "Здоровье и сон", title: "Чилаут дома: составляем идеальный плейлист и включаем #СВИТДРИМ", excerpt: "Комбинация правильного аромата и спокойной музыки создаёт идеальные условия для глубокого сна. Рецепт от наших экспертов.", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-bed_1303-11249.jpg", imageAlt: "Sleep and Relaxation with Aromatherapy", authorName: "Мария Петрова", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-of-smiling-woman-with-flowers_23-2148857842.jpg", date: "10 ноя 2024"
|
||
}
|
||
];
|
||
|
||
const features = [
|
||
{
|
||
id: 1,
|
||
title: "Друг FLY AROMA", description: "Начни свой путь с эксклюзивной скидкой 20% на все товары. Делись кодом с друзьями и получай кэшбэк за каждую покупку.", imageSrc: "/placeholders/placeholder1.webp?_wi=1", imageAlt: "Friend Level Partner Benefits"
|
||
},
|
||
{
|
||
id: 2,
|
||
title: "Амбассадор FLY AROMA", description: "Развивай своё сообщество и получай персональный менеджер. Доступ к эксклюзивным новым ароматам до официального запуска.", imageSrc: "/placeholders/placeholder1.webp?_wi=2", imageAlt: "Ambassador Level Partner Benefits"
|
||
},
|
||
{
|
||
id: 3,
|
||
title: "Создатель FLY AROMA", description: "Сотрудничай с нашей командой в разработке новых составов. Получай эксклюзивный мерч, приглашения на закрытые события и соавторство на коллаборациях.", imageSrc: "/placeholders/placeholder1.webp?_wi=3", imageAlt: "Creator Level Partner Benefits"
|
||
}
|
||
];
|
||
|
||
const footerColumns = [
|
||
{
|
||
title: "Компания", items: [
|
||
{ label: "О нас", href: "#philosophy" },
|
||
{ label: "Блог", href: "#blog" },
|
||
{ label: "Карьера", href: "#" },
|
||
{ label: "Контакты", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Товары", items: [
|
||
{ label: "Все ароматы", href: "#states" },
|
||
{ label: "Новинки", href: "#" },
|
||
{ label: "Подарочные наборы", href: "#" },
|
||
{ label: "Аксессуары", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Поддержка", items: [
|
||
{ label: "FAQ", href: "#" },
|
||
{ label: "Доставка и возврат", href: "#" },
|
||
{ label: "Гарантия", href: "#" },
|
||
{ label: "Помощь", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Социальные сети", items: [
|
||
{ label: "Instagram", href: "https://instagram.com" },
|
||
{ label: "TikTok", href: "https://tiktok.com" },
|
||
{ label: "Pinterest", href: "https://pinterest.com" },
|
||
{ label: "YouTube", href: "https://youtube.com" }
|
||
]
|
||
},
|
||
{
|
||
title: "Юридическое", items: [
|
||
{ label: "Политика конфиденциальности", href: "/privacy" },
|
||
{ label: "Условия использования", href: "/terms" },
|
||
{ label: "Публичная оферта", href: "/offer" }
|
||
]
|
||
}
|
||
];
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="compact"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="blurBottom"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="light"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
brandName="FLY AROMA"
|
||
navItems={navItems}
|
||
button={{
|
||
text: "Создать атмосферу", href: "#states"
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplit
|
||
title="Управляй эмоциональным климатом своего дома"
|
||
description="А какую атмосферу ты создашь сегодня? FLY AROMA — это не просто ароматы, это инструмент для управления чувствами и созданием идеального настроения дома. 100% натуральные эфирные масла, биоразлагаемые диффузоры, бесшумная технология."
|
||
tag="Eco Fly Aroma Standard"
|
||
tagIcon={Leaf}
|
||
tagAnimation="slide-up"
|
||
background={{ variant: "blurBottom" }}
|
||
buttons={[
|
||
{ text: "Выбрать состояние", href: "#states" },
|
||
{ text: "Узнать больше", href: "#philosophy" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
imageSrc="http://img.b2bpic.net/free-photo/composition-with-incense-sticks-diffuser-candles-books-table-interior-room_169016-11175.jpg"
|
||
imageAlt="FLY AROMA Premium Aroma Diffuser in Modern Interior"
|
||
imagePosition="right"
|
||
mediaAnimation="blur-reveal"
|
||
fixedMediaHeight={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="philosophy" data-section="philosophy">
|
||
<TestimonialAboutCard
|
||
tag="Философия бренда"
|
||
tagIcon={Sparkles}
|
||
tagAnimation="slide-up"
|
||
title="Дом — это не просто место. Это объятия для твоей души"
|
||
description="О воздухе, который мы дышим каждый день"
|
||
subdescription="Система эмоционального климата для идеального интерьера"
|
||
icon={Heart}
|
||
imageSrc="http://img.b2bpic.net/free-photo/home-cozy-interior-room-with-books-dried-flowers-vase_169016-4244.jpg"
|
||
imageAlt="Philosophy of FLY AROMA - Emotional Climate Control"
|
||
mediaAnimation="blur-reveal"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="states" data-section="states">
|
||
<ProductCardTwo
|
||
title="Выбери своё состояние"
|
||
description="10 уникальных сценариев ароматов для управления эмоциональным климатом дома. Каждый аромат создан для конкретного состояния и момента в твоей жизни."
|
||
tag="Меню состояний"
|
||
tagIcon={Palette}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "Смотреть каталог", href: "#" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
gridVariant="bento-grid"
|
||
carouselMode="buttons"
|
||
products={products}
|
||
/>
|
||
</div>
|
||
|
||
<div id="quality" data-section="quality">
|
||
<MetricCardThree
|
||
title="Технология чистой атмосферы"
|
||
description="Стандарт качества Eco Fly Aroma гарантирует, что каждый диффузор создан с использованием природных материалов и инновационных технологий. Четыре столпа совершенства, на которых построен наш бренд."
|
||
tag="Eco Fly Aroma Standard"
|
||
tagIcon={Shield}
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="scale-rotate"
|
||
metrics={metrics}
|
||
/>
|
||
</div>
|
||
|
||
<div id="blog" data-section="blog">
|
||
<BlogCardOne
|
||
title="Атмосферный блог"
|
||
description="Статьи о влиянии ароматов на наше психологическое состояние, советы по созданию идеальной атмосферы дома и истории вдохновения от наших поклонников."
|
||
tag="FLY AROMA Journal"
|
||
tagIcon={BookOpen}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "Читать все статьи", href: "/blog" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="blur-reveal"
|
||
carouselMode="buttons"
|
||
blogs={blogs}
|
||
/>
|
||
</div>
|
||
|
||
<div id="partners" data-section="partners">
|
||
<FeatureCardSeven
|
||
title="Стань частью FLY CIRCLE"
|
||
description="Трёхуровневая программа партнёрства, где каждый может создавать атмосферу и вдохновлять других. От дружеских скидок до эксклюзивных преимуществ."
|
||
tag="Партнерская программа"
|
||
tagIcon={Users}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "Хочу в команду", href: "#" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="blur-reveal"
|
||
features={features}
|
||
/>
|
||
</div>
|
||
|
||
<div id="newsletter" data-section="newsletter">
|
||
<ContactCenter
|
||
tag="Подпишись на новости"
|
||
title="Получай вдохновение и эксклюзивные предложения"
|
||
description="Будь первым, кто узнает о новых ароматах, специальных предложениях и полезных статьях о создании идеальной атмосферы дома."
|
||
tagIcon={Mail}
|
||
tagAnimation="slide-up"
|
||
background={{ variant: "rotated-rays-animated" }}
|
||
useInvertedBackground={false}
|
||
inputPlaceholder="Введи свой e-mail"
|
||
buttonText="Подписаться"
|
||
termsText="Мы уважаем твою конфиденциальность. Ты всегда можешь отписаться в один клик."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="FLY AROMA"
|
||
columns={footerColumns}
|
||
copyrightText="© 2025 FLY AROMA | Управляй эмоциональным климатом своего дома"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|