334 lines
13 KiB
TypeScript
334 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="mediumLarge"
|
||
sizing="medium"
|
||
background="grid"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Главная",
|
||
id: "/",
|
||
},
|
||
{
|
||
name: "Магазин",
|
||
id: "/shop",
|
||
},
|
||
{
|
||
name: "О нас",
|
||
id: "/about",
|
||
},
|
||
{
|
||
name: "Контакты",
|
||
id: "/contact",
|
||
},
|
||
]}
|
||
brandName="Kur Parfume"
|
||
button={{
|
||
text: "Заказать WhatsApp",
|
||
href: "https://wa.me/79899407488",
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboard
|
||
background={{
|
||
variant: "animated-grid",
|
||
}}
|
||
title="Kur Parfume: Искусство Аромата"
|
||
description="Откройте мир нишевой парфюмерии. Эксклюзивные ароматы, созданные для незабываемых моментов."
|
||
buttons={[
|
||
{
|
||
text: "Перейти в магазин",
|
||
href: "/shop",
|
||
},
|
||
{
|
||
text: "Связаться в WhatsApp",
|
||
href: "https://wa.me/79899407488",
|
||
},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
imageSrc="http://img.b2bpic.net/free-photo/luxury-serum-product-presentation-with-gift-box-gold-accents_187299-47285.jpg"
|
||
imageAlt="Роскошный флакон парфюма Kur Parfume"
|
||
mediaAnimation="slide-up"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-young-tanned-short-haired-woman-stylish-green-yellow-dress-looking-down-holding-red-flower_197531-24098.jpg",
|
||
alt: "Элегантная женщина, пользователь парфюмерии",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/man-black-suit-holding-hand-his-forehead_23-2148401453.jpg",
|
||
alt: "Изысканный мужчина, довольный клиент",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/amused-wondered-goodlooking-elegant-blonde-silver-stylish-dress-pop-eyes-surprised-folding-lips-wow-cover-mouth-palm-amazement-learn-incredible-rumor-gossip-with-friend-red-background_1258-306586.jpg",
|
||
alt: "Гламурная женщина с задумчивым выражением",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/cheerful-guy-showing-peace-sign-shopping-bags-smiling-happy-camera-standing-pink-backgro_1258-172412.jpg",
|
||
alt: "Стильный мужчина, счастливый клиент",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/successful-young-businesswoman-showing-thumb-up_1262-5866.jpg",
|
||
alt: "Зрелая женщина, уверенная улыбка",
|
||
},
|
||
]}
|
||
avatarText="Более 10K довольных клиентов"
|
||
marqueeItems={[
|
||
{
|
||
type: "image",
|
||
src: "http://img.b2bpic.net/free-photo/bright-hearts_1048-4221.jpg",
|
||
alt: "Роскошный флакон парфюма",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Эксклюзивные Ароматы",
|
||
},
|
||
{
|
||
type: "image",
|
||
src: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480195.jpg",
|
||
alt: "Флакон премиум аромата",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Высокая Стойкость",
|
||
},
|
||
{
|
||
type: "image",
|
||
src: "http://img.b2bpic.net/free-photo/liquor-beautiful-glass-bottle_176474-6070.jpg",
|
||
alt: "Нишевый парфюм, уникальная композиция",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Премиум Качество",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Премиальное Качество",
|
||
description: "Мы тщательно отбираем ингредиенты, чтобы обеспечить превосходное качество каждого аромата.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medieval-crown-royalty-still-life_23-2150385418.jpg",
|
||
imageAlt: "Золотая корона, символ премиум качества",
|
||
},
|
||
{
|
||
title: "Высокая Стойкость",
|
||
description: "Наши парфюмы обладают исключительной стойкостью, оставляя за вами незабываемый шлейф.",
|
||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-labels-collection_23-2149035836.jpg",
|
||
imageAlt: "Золотые часы, символ высокой стойкости",
|
||
},
|
||
{
|
||
title: "Честный Знак",
|
||
description: "Гарантия подлинности и соответствия всем стандартам качества и безопасности.",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xweb84",
|
||
imageAlt: "Золотая галочка, символ честного знака",
|
||
},
|
||
]}
|
||
title="Наши Преимущества"
|
||
description="Каждый флакон Kur Parfume — это воплощение совершенства и страсти к искусству ароматов."
|
||
/>
|
||
</div>
|
||
|
||
<div id="featured-products" data-section="featured-products">
|
||
<ProductCardFour
|
||
animationType="scale-rotate"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "mol_02",
|
||
name: "Molecules 02",
|
||
price: "15 000 ₽",
|
||
variant: "Escentric Molecules",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012835165-y9pz5bwl.jpg?_wi=1",
|
||
imageAlt: "Molecules 02 Escentric Molecules",
|
||
},
|
||
{
|
||
id: "ganymede",
|
||
name: "Ganymede",
|
||
price: "22 000 ₽",
|
||
variant: "Marc-Antoine Barrois",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012835166-7i0rodgf.jpg?_wi=1",
|
||
imageAlt: "Ganymede Marc-Antoine Barrois",
|
||
},
|
||
{
|
||
id: "sauvage_dior",
|
||
name: "Sauvage Dior",
|
||
price: "12 500 ₽",
|
||
variant: "Dior",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012835166-979xqoyj.jpg?_wi=1",
|
||
imageAlt: "Sauvage Dior",
|
||
},
|
||
{
|
||
id: "madawi_gold",
|
||
name: "Madawi Gold",
|
||
price: "18 000 ₽",
|
||
variant: "Edition Arabian Oud",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012835166-de2zphs1.jpg?_wi=1",
|
||
imageAlt: "Madawi Gold Edition Arabian Oud",
|
||
},
|
||
{
|
||
id: "blue_talisman",
|
||
name: "Blue Talisman",
|
||
price: "25 000 ₽",
|
||
variant: "EX NIHILO",
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012835166-1d63w372.jpg?_wi=1",
|
||
imageAlt: "Blue Talisman EX NIHILO",
|
||
},
|
||
{
|
||
id: "perfume-6",
|
||
name: "Black Orchid",
|
||
price: "19 000 ₽",
|
||
variant: "Tom Ford",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420678.jpg",
|
||
imageAlt: "Tom Ford Black Orchid luxurious perfume",
|
||
},
|
||
]}
|
||
title="Избранные Ароматы"
|
||
description="Отобранные нами бестселлеры и новинки, которые покорили сердца наших клиентов."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={false}
|
||
testimonial="Ароматы Kur Parfume — это настоящее произведение искусства. Каждый раз, когда я пользуюсь ими, чувствую себя особенной и уверенной."
|
||
rating={5}
|
||
author="Анна Смирнова"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17722.jpg",
|
||
alt: "Анна Смирнова",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/handsome-young-man-feeling-happy-you-pointing-hands-camera-praising-good-work-congratulat_1258-174396.jpg",
|
||
alt: "Дмитрий Иванов",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/waistup-shot-elegant-goodlooking-wealthy-young-blond-woman-brilliant-accessorize-silver-glittering-stylish-dress-touch-chin-have-clever-interesting-idea-smiling-curiously-red-background_1258-306856.jpg",
|
||
alt: "Елена Соколова",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/fashionable-young-bearded-man-standing-with-bicycle-front-black-wooden-wall_23-2148176687.jpg",
|
||
alt: "Игорь Петров",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg",
|
||
alt: "Наталья Кузнецова",
|
||
},
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="socialProof" data-section="socialProof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="Нам доверяют лучшие"
|
||
description="Мы гордимся сотрудничеством с ведущими мировыми брендами и экспертами в области парфюмерии, чтобы предлагать вам только самое лучшее."
|
||
tag="Партнеры"
|
||
names={[
|
||
"Escentric Molecules",
|
||
"Marc-Antoine Barrois",
|
||
"Dior",
|
||
"Tom Ford",
|
||
"EX NIHILO",
|
||
"Maison Francis Kurkdjian",
|
||
"BYREDO",
|
||
"Creed",
|
||
"Parfums de Marly",
|
||
"Kilian",
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{
|
||
items: [
|
||
{
|
||
label: "Главная",
|
||
href: "/",
|
||
},
|
||
{
|
||
label: "Магазин",
|
||
href: "/shop",
|
||
},
|
||
{
|
||
label: "О нас",
|
||
href: "/about",
|
||
},
|
||
{
|
||
label: "Контакты",
|
||
href: "/contact",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Instagram",
|
||
href: "https://instagram.com/kurparfume",
|
||
},
|
||
{
|
||
label: "WhatsApp",
|
||
href: "https://wa.me/79899407488",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Политика конфиденциальности",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Условия использования",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Kur Parfume"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|