feat(carousel): add clickable carousel indicators

2025-12-08 18:59:29 +06:00
parent 7ce4a6e4f8
commit ce071622a6
3 changed files with 218 additions and 7 deletions
--- a/app/page.tsx
+++ b/app/page.tsx
@ -1,3 +1,4 @@
+import ServiceCarousel from "@/components/ServiceCarousel";
 import {
  Carousel,
  CarouselContent,
@ -347,13 +348,7 @@ export default function Home() {
          Strategic excellence across every dimension of modern PR
        </h5>
        <section className="flex flex-col items-start space-y-7">
-          <Carousel className="w-full h-fit ">
-            <CarouselContent>
-              {serviceCarousel.map(({ id, content }) => (
-                <CarouselItem key={id}>{content}</CarouselItem>
-              ))}
-            </CarouselContent>
-          </Carousel>
+          <ServiceCarousel />
        </section>
      </section>
      {/*Approach*/}