Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
293
src/app/page.tsx
293
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Начало",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Начало", id: "#hero"},
|
||||
{
|
||||
name: "За нас",
|
||||
id: "#about",
|
||||
},
|
||||
name: "За нас", id: "#about"},
|
||||
{
|
||||
name: "Продукти",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Продукти", id: "#products"},
|
||||
{
|
||||
name: "Контакти",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Контакти", id: "#contact"},
|
||||
]}
|
||||
brandName="РиМЕТ"
|
||||
/>
|
||||
@@ -55,70 +47,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Технология от бъдещето за вашия двигател"
|
||||
description="РиМЕТ предлага нано-керамични добавки от ново поколение, които възстановяват триещите се повърхности, намаляват разхода на гориво и удължават живота на вашия автомобил."
|
||||
kpis={[
|
||||
{
|
||||
value: "15%",
|
||||
label: "По-нисък разход",
|
||||
},
|
||||
value: "15%", label: "По-нисък разход"},
|
||||
{
|
||||
value: "2x",
|
||||
label: "По-дълъг живот",
|
||||
},
|
||||
value: "2x", label: "По-дълъг живот"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Клиентска удовлетвореност",
|
||||
},
|
||||
value: "99%", label: "Клиентска удовлетвореност"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/natural-daylight-repair-tools-lying-down-engine-automobile-hood_146671-16158.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/different-sizes-repair-tools-leaning-hood-automobile-silver-colored_146671-16576.jpg",
|
||||
alt: "Mechanic gear 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/different-sizes-repair-tools-leaning-hood-automobile-silver-colored_146671-16576.jpg", alt: "Mechanic gear 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1334.jpg",
|
||||
alt: "Mechanic gear 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1334.jpg", alt: "Mechanic gear 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-man-repairing-car_23-2150171252.jpg",
|
||||
alt: "Mechanic gear 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-man-repairing-car_23-2150171252.jpg", alt: "Mechanic gear 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3934.jpg",
|
||||
alt: "Mechanic gear 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3934.jpg", alt: "Mechanic gear 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-mechanic-repairing-car_1170-1225.jpg",
|
||||
alt: "Mechanic gear 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-mechanic-repairing-car_1170-1225.jpg", alt: "Mechanic gear 5"},
|
||||
]}
|
||||
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>
|
||||
@@ -128,9 +93,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Науката зад РиМЕТ"
|
||||
description={[
|
||||
"Нашите нано-добавки работят на молекулярно ниво, създавайки защитен слой, който неутрализира микро-пукнатините в металните детайли.",
|
||||
"Ние доставяме иновации за двигатели, скоростни кутии и горивни системи, тествани в най-екстремни условия.",
|
||||
]}
|
||||
"Нашите нано-добавки работят на молекулярно ниво, създавайки защитен слой, който неутрализира микро-пукнатините в металните детайли.", "Ние доставяме иновации за двигатели, скоростни кутии и горивни системи, тествани в най-екстремни условия."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -142,59 +105,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "РиМЕТ",
|
||||
name: "Добавка за двигател",
|
||||
price: "45.00 лв",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-pouring-oil-lubricant-into-car-engine_1170-1454.jpg",
|
||||
},
|
||||
id: "1", brand: "РиМЕТ", name: "Добавка за двигател", price: "45.00 лв", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-pouring-oil-lubricant-into-car-engine_1170-1454.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "РиМЕТ",
|
||||
name: "За скоростни кутии",
|
||||
price: "38.00 лв",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-pouring-oil-into-car-engine_1170-1308.jpg",
|
||||
},
|
||||
id: "2", brand: "РиМЕТ", name: "За скоростни кутии", price: "38.00 лв", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-pouring-oil-into-car-engine_1170-1308.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "РиМЕТ",
|
||||
name: "За горивна система",
|
||||
price: "32.00 лв",
|
||||
rating: 4,
|
||||
reviewCount: "64",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/olive-oil-container-orange-background_58702-2135.jpg",
|
||||
},
|
||||
id: "3", brand: "РиМЕТ", name: "За горивна система", price: "32.00 лв", rating: 4,
|
||||
reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/olive-oil-container-orange-background_58702-2135.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "РиМЕТ",
|
||||
name: "Нано-смазка 500мл",
|
||||
price: "55.00 лв",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spiky-rounded-form-ferromagnetic-metal_23-2148253572.jpg",
|
||||
},
|
||||
id: "4", brand: "РиМЕТ", name: "Нано-смазка 500мл", price: "55.00 лв", rating: 5,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/spiky-rounded-form-ferromagnetic-metal_23-2148253572.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "РиМЕТ",
|
||||
name: "Метален кондиционер",
|
||||
price: "49.00 лв",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hyaluronic-acid-tratment_23-2149286712.jpg",
|
||||
},
|
||||
id: "5", brand: "РиМЕТ", name: "Метален кондиционер", price: "49.00 лв", rating: 5,
|
||||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hyaluronic-acid-tratment_23-2149286712.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "РиМЕТ",
|
||||
name: "Комплект за пълна регенерация",
|
||||
price: "120.00 лв",
|
||||
rating: 5,
|
||||
reviewCount: "156",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1261.jpg",
|
||||
},
|
||||
id: "6", brand: "РиМЕТ", name: "Комплект за пълна регенерация", price: "120.00 лв", rating: 5,
|
||||
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1261.jpg"},
|
||||
]}
|
||||
title="Нашите Топ Продукти"
|
||||
description="Изберете правилното решение за вашия автомобил."
|
||||
@@ -205,42 +132,19 @@ export default function LandingPage() {
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Възстановяване",
|
||||
description: "Запълва износени повърхности с нано-метални частици.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030385.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-repairing-car-engine_23-2148327590.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-daylight-repair-tools-lying-down-engine-automobile-hood_146671-16158.jpg",
|
||||
imageAlt: "engine oil additive bottle",
|
||||
title: "Възстановяване", description: "Запълва износени повърхности с нано-метални частици.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030385.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-repairing-car-engine_23-2148327590.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Икономия",
|
||||
description: "Намалява триенето и подобрява коефициента на полезно действие.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-auto-mechanic-hand-pouring-replacing-fresh-oil-into-car-engine-auto-repair-garage-automobile-maintenance-industry-concept_1150-16578.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lighter-orange-background-macro-detail_58702-2372.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-communications-background-with-low-poly-plexus-design_1048-12675.jpg",
|
||||
imageAlt: "engine oil additive bottle",
|
||||
title: "Икономия", description: "Намалява триенето и подобрява коефициента на полезно действие.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-auto-mechanic-hand-pouring-replacing-fresh-oil-into-car-engine-auto-repair-garage-automobile-maintenance-industry-concept_1150-16578.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/lighter-orange-background-macro-detail_58702-2372.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Защита",
|
||||
description: "Предпазва от корозия и термично претоварване при студен старт.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-arrangement_23-2149030405.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/realistic-detailed-car-engine-3d-render_482257-76712.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-pouring-oil-lubricant-into-car-engine_1170-1454.jpg",
|
||||
imageAlt: "engine oil additive bottle",
|
||||
title: "Защита", description: "Предпазва от корозия и термично претоварване при студен старт.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-arrangement_23-2149030405.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/realistic-detailed-car-engine-3d-render_482257-76712.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -256,31 +160,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15%",
|
||||
title: "намалено триене",
|
||||
items: [
|
||||
"По-лесен старт",
|
||||
"По-тиха работа",
|
||||
],
|
||||
id: "m1", value: "15%", title: "намалено триене", items: [
|
||||
"По-лесен старт", "По-тиха работа"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500к",
|
||||
title: "километра повече",
|
||||
items: [
|
||||
"Удължен живот",
|
||||
"По-рядка смяна",
|
||||
],
|
||||
id: "m2", value: "500к", title: "километра повече", items: [
|
||||
"Удължен живот", "По-рядка смяна"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "защитен слой",
|
||||
items: [
|
||||
"Термична защита",
|
||||
"Устойчивост",
|
||||
],
|
||||
id: "m3", value: "24/7", title: "защитен слой", items: [
|
||||
"Термична защита", "Устойчивост"],
|
||||
},
|
||||
]}
|
||||
title="Постижения"
|
||||
@@ -295,40 +184,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Георги Петров",
|
||||
role: "Професионален шофьор",
|
||||
testimonial: "Използвам РиМЕТ вече 3 години. Двигателят работи осезаемо по-тихо.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-long-haired-laughing-asian-man-with-blonde-woman-pleased-chinese-office-worker-blue-shirt-joking-with-female-colleague-workplace_197531-3733.jpg",
|
||||
},
|
||||
id: "1", name: "Георги Петров", role: "Професионален шофьор", testimonial: "Използвам РиМЕТ вече 3 години. Двигателят работи осезаемо по-тихо.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-long-haired-laughing-asian-man-with-blonde-woman-pleased-chinese-office-worker-blue-shirt-joking-with-female-colleague-workplace_197531-3733.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Иван Иванов",
|
||||
role: "Механик",
|
||||
testimonial: "Като механик, често препоръчвам тези добавки за по-стари двигатели.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1177.jpg",
|
||||
},
|
||||
id: "2", name: "Иван Иванов", role: "Механик", testimonial: "Като механик, често препоръчвам тези добавки за по-стари двигатели.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1177.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Мария Димитрова",
|
||||
role: "Собственик на SUV",
|
||||
testimonial: "Разходът на гориво падна с близо литър на дълъг път.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-male-old-fashioned-clothes-sits-hood-retro-car-city-parking-country-style-concept_613910-19260.jpg",
|
||||
},
|
||||
id: "3", name: "Мария Димитрова", role: "Собственик на SUV", testimonial: "Разходът на гориво падна с близо литър на дълъг път.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-male-old-fashioned-clothes-sits-hood-retro-car-city-parking-country-style-concept_613910-19260.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Стоян Стоянов",
|
||||
role: "Любител ентусиаст",
|
||||
testimonial: "Колата стана по-пъргава, а стартирането сутрин е много по-лесно.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-charismatic-man-driving-car_158595-4196.jpg",
|
||||
},
|
||||
id: "4", name: "Стоян Стоянов", role: "Любител ентусиаст", testimonial: "Колата стана по-пъргава, а стартирането сутрин е много по-лесно.", imageSrc: "http://img.b2bpic.net/free-photo/happy-charismatic-man-driving-car_158595-4196.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Елена Петрова",
|
||||
role: "Шофьор",
|
||||
testimonial: "Най-добрата инвестиция за дълголетието на автомобила ми.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg",
|
||||
},
|
||||
id: "5", name: "Елена Петрова", role: "Шофьор", testimonial: "Най-добрата инвестиция за дълголетието на автомобила ми.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg"},
|
||||
]}
|
||||
title="Отзиви от доволни клиенти"
|
||||
description="Чуйте какво казват шофьорите, които избраха РиМЕТ."
|
||||
@@ -341,20 +205,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Безопасни ли са добавките за мотора?",
|
||||
content: "Да, РиМЕТ е напълно безопасен и е тестван за съвместимост с всички съвременни масла.",
|
||||
},
|
||||
id: "f1", title: "Безопасни ли са добавките за мотора?", content: "Да, РиМЕТ е напълно безопасен и е тестван за съвместимост с всички съвременни масла."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Колко често трябва да се добавя?",
|
||||
content: "Обикновено при всяка смяна на маслото за оптимални резултати.",
|
||||
},
|
||||
id: "f2", title: "Колко често трябва да се добавя?", content: "Обикновено при всяка смяна на маслото за оптимални резултати."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Може ли да се използва при нови коли?",
|
||||
content: "Да, дори при нови автомобили помага за правилното разработване.",
|
||||
},
|
||||
id: "f3", title: "Може ли да се използва при нови коли?", content: "Да, дори при нови автомобили помага за правилното разработване."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/we-ll-take-care-this-woman-auto-salon-with-employee-blue-uniform-taking-her-repaired-car-back_146671-16106.jpg"
|
||||
title="Често задавани въпроси"
|
||||
@@ -371,22 +226,14 @@ export default function LandingPage() {
|
||||
description="Имате нужда от консултация или поръчка? Пишете ни."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Вашето име",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Вашето име", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Вашият имейл",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Вашият имейл", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Вашето съобщение",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Вашето съобщение", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-communications-background-with-low-poly-plexus-design_1048-12675.jpg"
|
||||
/>
|
||||
@@ -396,37 +243,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Продукти",
|
||||
items: [
|
||||
title: "Продукти", items: [
|
||||
{
|
||||
label: "Двигател",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Двигател", href: "#products"},
|
||||
{
|
||||
label: "Скоростни кутии",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Скоростни кутии", href: "#products"},
|
||||
{
|
||||
label: "Горивни системи",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Горивни системи", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Информация",
|
||||
items: [
|
||||
title: "Информация", items: [
|
||||
{
|
||||
label: "За нас",
|
||||
href: "#about",
|
||||
},
|
||||
label: "За нас", href: "#about"},
|
||||
{
|
||||
label: "Контакти",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Контакти", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user