262 lines
18 KiB
TypeScript
262 lines
18 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import { DollarSign, Star, Users } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Главная", id: "#hero"},
|
||
{
|
||
name: "Особенности", id: "#features"},
|
||
{
|
||
name: "Продукты", id: "#products"},
|
||
{
|
||
name: "Отзывы", id: "#testimonials"},
|
||
{
|
||
name: "Вопросы", id: "#faq"},
|
||
{
|
||
name: "Контакты", id: "#contact"},
|
||
]}
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=14bbf2"
|
||
logoAlt="Telefony za $99 Logo"
|
||
brandName="Telefony za $99"
|
||
button={{
|
||
text: "Купить сейчас", href: "#products"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardGallery
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
title="Телефон за $99: Доступная связь для каждого"
|
||
description="Откройте для себя мощные функции и надежную производительность по невероятной цене. Ваш идеальный смартфон ждет вас."
|
||
tagAnimation="opacity"
|
||
buttons={[
|
||
{
|
||
text: "Посмотреть продукты", href: "#products"},
|
||
{
|
||
text: "Узнать больше", href: "#features"},
|
||
]}
|
||
buttonAnimation="opacity"
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-surrounded-with-rosemary-black-pepper-garlic-dark-backdrop_23-2147917362.jpg", imageAlt: "Современный синий смартфон"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-5080.jpg", imageAlt: "Стильный белый телефон с металлическим отливом"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-people-using-smartphones_53876-25087.jpg", imageAlt: "Группа разных смартфонов"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-technology_23-2149264010.jpg", imageAlt: "Рука держит телефон"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-stationery-office-devices_23-2147929674.jpg", imageAlt: "Телефон на рабочем столе с аксессуарами"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/macro-usb-type-c-port-neon-light-connector-closeup_169016-71437.jpg", imageAlt: "Динамичное изображение смартфона"},
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardSeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
title: "Высокая производительность", description: "Наслаждайтесь плавной работой приложений и быстрым откликом благодаря оптимизированному аппаратному обеспечению.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-healthcare-communication-via-digitally-generated-abstract-design-generated-by-ai_188544-29913.jpg", imageAlt: "Иконка высокой производительности"},
|
||
{
|
||
title: "Качественная камера", description: "Делайте яркие и четкие фотографии в любых условиях с помощью нашей улучшенной камеры.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-taking-selfie-with-phone_23-2149514094.jpg", imageAlt: "Иконка качественной камеры"},
|
||
{
|
||
title: "Долгая работа от батареи", description: "Забудьте о постоянной подзарядке. Наши телефоны работают целый день на одном заряде.", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-smartphone-with-home-automation-app_23-2149036831.jpg", imageAlt: "Иконка долгой работы от батареи"},
|
||
]}
|
||
title="Почему выбирают наши телефоны за $99?"
|
||
description="Мы предлагаем лучшее сочетание цены и качества, обеспечивая надежность и функциональность, которую вы ожидаете от современного смартфона."
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "phone-a", brand: "SmartLink", name: "Модель А200", price: "$99", rating: 5,
|
||
reviewCount: "245 отзывов", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition_23-2147915839.jpg", imageAlt: "Синий смартфон Модель А200"},
|
||
{
|
||
id: "phone-b", brand: "Connecto", name: "Прайм С1", price: "$99", rating: 4,
|
||
reviewCount: "180 отзывов", imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-striped-green-background-with-pink_58702-6510.jpg", imageAlt: "Белый смартфон Прайм С1"},
|
||
{
|
||
id: "phone-c", brand: "PocketTech", name: "Ультра Мини", price: "$99", rating: 5,
|
||
reviewCount: "320 отзывов", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-4772.jpg", imageAlt: "Черный смартфон Ультра Мини"},
|
||
{
|
||
id: "phone-d", brand: "NextGen", name: "Экспресс 5G", price: "$99", rating: 4,
|
||
reviewCount: "150 отзывов", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-phone-14-pro-front-side_187299-35262.jpg", imageAlt: "Красный смартфон Экспресс 5G"},
|
||
{
|
||
id: "phone-e", brand: "EconoLink", name: "Базовый Плюс", price: "$99", rating: 4,
|
||
reviewCount: "210 отзывов", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-ceramic-kitchenware_23-2149060837.jpg", imageAlt: "Зеленый смартфон Базовый Плюс"},
|
||
{
|
||
id: "phone-f", brand: "Reliant", name: "Стандарт Х", price: "$99", rating: 5,
|
||
reviewCount: "290 отзывов", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-taking-coffee-photos_23-2149294500.jpg", imageAlt: "Желтый смартфон Стандарт Х"},
|
||
]}
|
||
title="Наши телефоны: всего за $99"
|
||
description="Исследуйте нашу коллекцию смартфонов, каждый из которых предлагает превосходные характеристики по доступной цене."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Анна Петрова", handle: "@anna_tech", testimonial: "Я в восторге от своего нового телефона за $99! Производительность превзошла все мои ожидания. Отличная камера и батарея держит заряд весь день. Невероятно за такую цену!", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213587.jpg", imageAlt: "Фото Анны Петровой"},
|
||
{
|
||
id: "2", name: "Иван Смирнов", handle: "@ivan_reviews", testimonial: "Сначала сомневался из-за низкой цены, но этот смартфон оказался настоящим открытием. Он быстрый, надежный, и я без проблем играю в игры. Очень доволен покупкой!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", imageAlt: "Фото Ивана Смирнова"},
|
||
{
|
||
id: "3", name: "Мария Ковалева", handle: "@maria_phone", testimonial: "Идеальный телефон для повседневного использования. Звонки, мессенджеры, социальные сети – все работает без нареканий. А его цена просто нереальна! Рекомендую всем.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg", imageAlt: "Фото Марии Ковалевой"},
|
||
{
|
||
id: "4", name: "Алексей Волков", handle: "@aleksey_gadgets", testimonial: "Купил для ребенка, но был приятно удивлен качеством сборки и функционалом. За такие деньги – это лучший выбор на рынке. Доставка быстрая, сервис отличный.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-attractive-carefree-ambitious-young-european-female-university-student-hear-good-news-smiling-delighted-sitting-alone-outside-stairs-relaxed-happy-touch-jawline-palm-look-camera_197531-30658.jpg", imageAlt: "Фото Алексея Волкова"},
|
||
{
|
||
id: "5", name: "Елена Морозова", handle: "@elena_affordable", testimonial: "Искала бюджетный вариант, и этот телефон оказался находкой. Стильный дизайн, яркий экран и никаких лагов. Теперь это мой основной телефон, и я очень счастлива!", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg", imageAlt: "Фото Елены Морозовой"},
|
||
]}
|
||
title="Что говорят наши клиенты"
|
||
description="Узнайте, почему тысячи покупателей выбирают наши доступные и качественные смартфоны."
|
||
speed={40}
|
||
topMarqueeDirection="left"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
useInvertedBackground={false}
|
||
title="Наши достижения: Доверие и Доступность"
|
||
metrics={[
|
||
{
|
||
icon: Users,
|
||
label: "Счастливых Клиентов", value: "10,000+"},
|
||
{
|
||
icon: Star,
|
||
label: "Средний Рейтинг", value: "4.8 / 5"},
|
||
{
|
||
icon: DollarSign,
|
||
label: "Продано Телефонов", value: "5,000+"},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{
|
||
id: "faq-1", title: "Какая гарантия на телефоны?", content: "Мы предоставляем 1 год гарантии на все наши смартфоны. В случае возникновения проблем, пожалуйста, свяжитесь с нашей службой поддержки."},
|
||
{
|
||
id: "faq-2", title: "Есть ли доставка по всей стране?", content: "Да, мы осуществляем доставку по всей стране. Сроки и стоимость доставки могут варьироваться в зависимости от региона."},
|
||
{
|
||
id: "faq-3", title: "Можно ли вернуть телефон, если он не подошел?", content: "Вы можете вернуть товар в течение 14 дней с момента покупки, при условии сохранения товарного вида и целостности упаковки."},
|
||
{
|
||
id: "faq-4", title: "Поддерживают ли телефоны 5G?", content: "Некоторые наши модели поддерживают 5G. Пожалуйста, ознакомьтесь с подробными характеристиками каждой модели в разделе 'Продукты'."},
|
||
{
|
||
id: "faq-5", title: "Какие способы оплаты доступны?", content: "Мы принимаем оплату банковскими картами, через электронные кошельки и наличными при получении (для некоторых регионов)."},
|
||
{
|
||
id: "faq-6", title: "Можно ли приобрести аксессуары?", content: "В настоящее время мы сосредоточены на продаже телефонов. Аксессуары можно приобрести отдельно у наших партнеров."},
|
||
]}
|
||
title="Часто задаваемые вопросы"
|
||
description="Получите ответы на самые частые вопросы о наших смартфонах за $99 и условиях покупки"
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "downward-rays-static"}}
|
||
text="Готовы приобрести свой новый телефон за $99? Свяжитесь с нами сегодня!"
|
||
buttons={[
|
||
{
|
||
text: "Написать нам", href: "mailto:info@phones99.com"},
|
||
{
|
||
text: "Позвонить", href: "tel:+1234567890"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
logoText="Telefony za $99"
|
||
columns={[
|
||
{
|
||
title: "Быстрые ссылки", items: [
|
||
{
|
||
label: "Главная", href: "#hero"},
|
||
{
|
||
label: "Продукты", href: "#products"},
|
||
{
|
||
label: "Отзывы", href: "#testimonials"},
|
||
{
|
||
label: "FAQ", href: "#faq"},
|
||
],
|
||
},
|
||
{
|
||
title: "Поддержка", items: [
|
||
{
|
||
label: "Связаться с нами", href: "#contact"},
|
||
{
|
||
label: "Гарантия", href: "#"},
|
||
{
|
||
label: "Доставка", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "О нас", items: [
|
||
{
|
||
label: "Наша миссия", href: "#about"},
|
||
{
|
||
label: "Карьера", href: "#"},
|
||
{
|
||
label: "Условия использования", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Telefony za $99. Все права защищены."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|