mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
StevenandGitHub
4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
58 lines
1.5 KiB
JavaScript
58 lines
1.5 KiB
JavaScript
import { useEffect } from "react";
|
|
|
|
import { tns } from "tiny-slider";
|
|
|
|
import Testimonial from "./testimonial";
|
|
|
|
export default function Testimonials({
|
|
headline,
|
|
testimonial: testimonials,
|
|
scrollAnchorId,
|
|
}) {
|
|
useEffect(() => {
|
|
tns({
|
|
container: ".testimonial-active",
|
|
autoplay: true,
|
|
autoplayTimeout: 5000,
|
|
autoplayButtonOutput: false,
|
|
mouseDrag: true,
|
|
gutter: 0,
|
|
nav: false,
|
|
navPosition: "bottom",
|
|
controls: true,
|
|
controlsText: [
|
|
'<i class="lni lni-chevron-left"></i>',
|
|
'<i class="lni lni-chevron-right"></i>',
|
|
],
|
|
items: 1,
|
|
});
|
|
});
|
|
|
|
return (
|
|
<section id={scrollAnchorId} className="testimonial-section mt-100">
|
|
<div className="container">
|
|
<div className="row justify-content-center">
|
|
<div className="col-xl-7 col-lg-9">
|
|
<div className="testimonial-active-wrapper">
|
|
<div className="section-title text-center">
|
|
<h2 className="mb-20">{headline}</h2>
|
|
</div>
|
|
|
|
<div className="testimonial-active">
|
|
{testimonials.map((testimonial, index) => (
|
|
<Testimonial
|
|
key={index}
|
|
quote={testimonial.quote}
|
|
name={testimonial.name}
|
|
title={testimonial.title}
|
|
/>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|