1
This commit is contained in:
@@ -3,30 +3,33 @@
|
|||||||
import {Container} from "@/shared/components/Container/Container";
|
import {Container} from "@/shared/components/Container/Container";
|
||||||
import styles from './TestimonialsSection.module.css';
|
import styles from './TestimonialsSection.module.css';
|
||||||
import {Carousel} from "@/shared/components/Carousel/Carousel";
|
import {Carousel} from "@/shared/components/Carousel/Carousel";
|
||||||
import {TestimonialItem, TestimonialItemProps} from "@/sections/TestimonialsSection/components/TestimonialItem/TestimonialItem";
|
import {
|
||||||
|
TestimonialItem,
|
||||||
|
TestimonialItemProps
|
||||||
|
} from "@/sections/TestimonialsSection/components/TestimonialItem/TestimonialItem";
|
||||||
import {ComponentProps, useRef} from "react";
|
import {ComponentProps, useRef} from "react";
|
||||||
import Slider from "react-slick";
|
import Slider from "react-slick";
|
||||||
|
|
||||||
const testimonialsSrc: Omit<TestimonialItemProps, 'index'>[] = [
|
const testimonialsSrc: Omit<TestimonialItemProps, 'index'>[] = [
|
||||||
{
|
{
|
||||||
src: "drop/videos/1.mp4",
|
src: "drop/videos/1.mp4",
|
||||||
clientName: "Имя клиента",
|
clientName: "",
|
||||||
keyPhrase: "Ключевая фраза из видео-отзыва клиента будет находиться здесь."
|
keyPhrase: "Компания DENCO привлекла адекватными ценами, большим ассортиментом товаров и современной системой SELLER."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
src: "drop/videos/2.mp4",
|
src: "drop/videos/2.mp4",
|
||||||
clientName: "Имя клиента",
|
clientName: "",
|
||||||
keyPhrase: "Ключевая фраза из видео-отзыва клиента будет находиться здесь."
|
keyPhrase: "DENCO закрыли все вопросы с хорошей упаковкой и аналитикой по продажам. Благодаря этому наш оборот достиг 2 млн руб."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
src: "drop/videos/3.mp4",
|
src: "drop/videos/3.mp4",
|
||||||
clientName: "Имя клиента",
|
clientName: "",
|
||||||
keyPhrase: "Ключевая фраза из видео-отзыва клиента будет находиться здесь."
|
keyPhrase: "Хорошая система и отличный фулфилмент"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
src: "drop/videos/4.mp4",
|
src: "drop/videos/4.mp4",
|
||||||
clientName: "Имя клиента",
|
clientName: "",
|
||||||
keyPhrase: "Ключевая фраза из видео-отзыва клиента будет находиться здесь."
|
keyPhrase: "Отличная система SELLER, которая позволяет управлять всеми процессами продаж"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
||||||
@@ -46,7 +49,8 @@ export function TestimonialsSection() {
|
|||||||
<h3 className={styles.title}>Посмотрите отзывы от наших клиентов</h3>
|
<h3 className={styles.title}>Посмотрите отзывы от наших клиентов</h3>
|
||||||
<Carousel settings={settings}>
|
<Carousel settings={settings}>
|
||||||
{testimonialsSrc.map((item, index) => (
|
{testimonialsSrc.map((item, index) => (
|
||||||
<TestimonialItem index={index} ref={videosRef} key={item.src} src={item.src} keyPhrase={item.keyPhrase}
|
<TestimonialItem index={index} ref={videosRef} key={item.src} src={item.src}
|
||||||
|
keyPhrase={item.keyPhrase}
|
||||||
clientName={item.clientName}/>
|
clientName={item.clientName}/>
|
||||||
))}
|
))}
|
||||||
</Carousel>
|
</Carousel>
|
||||||
|
|||||||
Reference in New Issue
Block a user