Merge version_1 into main #2
171
src/app/page.tsx
171
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Shield, Sparkles, Zap } from "lucide-react";
|
||||
import { Shield, Zap, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Главная",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Главная", id: "hero"},
|
||||
{
|
||||
name: "Особенности",
|
||||
id: "features",
|
||||
},
|
||||
name: "Особенности", id: "features"},
|
||||
{
|
||||
name: "Товары",
|
||||
id: "products",
|
||||
},
|
||||
name: "Товары", id: "products"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="OrganizerPro"
|
||||
/>
|
||||
@@ -53,63 +45,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Порядок на столе — порядок в мыслях"
|
||||
description="Стильные и функциональные органайзеры для ваших книг, документов и файлов. Идеальное решение для домашнего офиса."
|
||||
buttons={[
|
||||
{
|
||||
text: "Выбрать товар",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Выбрать товар", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-adult-organizing-documents_23-2149396655.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-adult-organizing-documents_23-2149396655.jpg"
|
||||
imageAlt="Organizer desk setup"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/grayscale-closeup-shot-folders-papers_181624-3806.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/grayscale-closeup-shot-folders-papers_181624-3806.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/files-index-content-details-document-archives-concept_53876-133676.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/files-index-content-details-document-archives-concept_53876-133676.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-white-office-drawers_53876-165391.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-white-office-drawers_53876-165391.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149512192.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149512192.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-organizing-documents_23-2149396695.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-organizing-documents_23-2149396695.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Более 500+ довольных клиентов"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Эргономика",
|
||||
},
|
||||
type: "text", text: "Эргономика"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Стиль",
|
||||
},
|
||||
type: "text", text: "Стиль"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Порядок",
|
||||
},
|
||||
type: "text", text: "Порядок"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Качество",
|
||||
},
|
||||
type: "text", text: "Качество"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Эстетика",
|
||||
},
|
||||
type: "text", text: "Эстетика"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,28 +90,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Прочная конструкция",
|
||||
description: "Качественные материалы обеспечивают долгий срок службы.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/books-stationery-near-clipboard_23-2147772314.jpg",
|
||||
imageAlt: "Books and stationery near clipboard",
|
||||
title: "Прочная конструкция", description: "Качественные материалы обеспечивают долгий срок службы.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Экономия места",
|
||||
description: "Компактный дизайн позволяет разместить всё необходимое.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-organizing-documents_23-2149396655.jpg?_wi=2",
|
||||
imageAlt: "Books and stationery near clipboard",
|
||||
title: "Экономия места", description: "Компактный дизайн позволяет разместить всё необходимое.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Стильный дизайн",
|
||||
description: "Эстетичный внешний вид для любого интерьера.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-material-stationery-assortment_23-2148898216.jpg?_wi=1",
|
||||
imageAlt: "Books and stationery near clipboard",
|
||||
title: "Стильный дизайн", description: "Эстетичный внешний вид для любого интерьера.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
title="Почему выбирают наш органайзер?"
|
||||
@@ -152,46 +106,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Basic Desk Organizer",
|
||||
price: "1 290 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-material-stationery-assortment_23-2148898216.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Basic Desk Organizer", price: "1 290 ₽", imageSrc: "http://img.b2bpic.net/free-photo/natural-material-stationery-assortment_23-2148898216.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Premium Wood Organizer",
|
||||
price: "2 490 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-back-school-concept-arrangement_23-2148586735.jpg",
|
||||
},
|
||||
id: "2", name: "Premium Wood Organizer", price: "2 490 ₽", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-back-school-concept-arrangement_23-2148586735.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Metal Mesh Holder",
|
||||
price: "990 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-digital-disconnecting-home-by-listening-music-vinyl_23-2150037434.jpg",
|
||||
},
|
||||
id: "3", name: "Metal Mesh Holder", price: "990 ₽", imageSrc: "http://img.b2bpic.net/free-photo/woman-digital-disconnecting-home-by-listening-music-vinyl_23-2150037434.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Modular File System",
|
||||
price: "1 850 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-taking-folder-from-closet_23-2148341572.jpg",
|
||||
},
|
||||
id: "4", name: "Modular File System", price: "1 850 ₽", imageSrc: "http://img.b2bpic.net/free-photo/senior-taking-folder-from-closet_23-2148341572.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Executive Set",
|
||||
price: "3 190 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vintage-vhs-packaging_23-2149854252.jpg",
|
||||
},
|
||||
id: "5", name: "Executive Set", price: "3 190 ₽", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vintage-vhs-packaging_23-2149854252.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Modern Desktop Rack",
|
||||
price: "1 500 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept-with-copy-space_23-2148586676.jpg",
|
||||
},
|
||||
id: "6", name: "Modern Desktop Rack", price: "1 500 ₽", imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept-with-copy-space_23-2148586676.jpg"},
|
||||
]}
|
||||
title="Каталог органайзеров"
|
||||
description="Выберите модель, которая лучше всего подходит для ваших задач."
|
||||
@@ -200,28 +131,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Из чего сделаны полки?",
|
||||
content: "Мы используем высококачественную экологичную древесину и прочный пластик.",
|
||||
},
|
||||
id: "1", title: "Из чего сделаны полки?", content: "Мы используем высококачественную экологичную древесину и прочный пластик."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Есть ли доставка?",
|
||||
content: "Да, мы доставляем товары по всей стране курьерскими службами.",
|
||||
},
|
||||
id: "2", title: "Есть ли доставка?", content: "Да, мы доставляем товары по всей стране курьерскими службами."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Можно ли вернуть товар?",
|
||||
content: "Да, вы можете вернуть товар в течение 14 дней согласно правилам торговли.",
|
||||
},
|
||||
id: "3", title: "Можно ли вернуть товар?", content: "Да, вы можете вернуть товар в течение 14 дней согласно правилам торговли."},
|
||||
]}
|
||||
title="Часто задаваемые вопросы"
|
||||
description="Ответы на популярные вопросы о наших товарах."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -232,12 +154,7 @@ export default function LandingPage() {
|
||||
title="Нам доверяют профессионалы"
|
||||
description="Лучшие компании выбирают наши решения для организации рабочего пространства."
|
||||
names={[
|
||||
"TechCorp",
|
||||
"DesignStudio",
|
||||
"EduHub",
|
||||
"PrintMedia",
|
||||
"FutureLabs",
|
||||
]}
|
||||
"TechCorp", "DesignStudio", "EduHub", "PrintMedia", "FutureLabs"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -247,29 +164,19 @@ export default function LandingPage() {
|
||||
logoText="OrganizerPro"
|
||||
columns={[
|
||||
{
|
||||
title: "Навигация",
|
||||
items: [
|
||||
title: "Навигация", items: [
|
||||
{
|
||||
label: "Главная",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Главная", href: "#hero"},
|
||||
{
|
||||
label: "Товары",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Товары", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Компания",
|
||||
items: [
|
||||
title: "Компания", items: [
|
||||
{
|
||||
label: "О нас",
|
||||
href: "#",
|
||||
},
|
||||
label: "О нас", href: "#"},
|
||||
{
|
||||
label: "Контакты",
|
||||
href: "#",
|
||||
},
|
||||
label: "Контакты", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user