diff --git a/src/components/sections/hero/HeroBillboardBrand.tsx b/src/components/sections/hero/HeroBillboardBrand.tsx index b607ab7..dfc24c0 100644 --- a/src/components/sections/hero/HeroBillboardBrand.tsx +++ b/src/components/sections/hero/HeroBillboardBrand.tsx @@ -4,18 +4,19 @@ import TextAnimation from "@/components/ui/TextAnimation"; import ImageOrVideo from "@/components/ui/ImageOrVideo"; import AutoFillText from "@/components/ui/AutoFillText"; import ScrollReveal from "@/components/ui/ScrollReveal"; +import React, { useState, useEffect } from 'react'; type HeroBillboardBrandProps = { brand: string; description: string; primaryButton: { text: string; href: string }; secondaryButton: { text: string; href: string }; - testimonial?: { + testimonials?: { quote: string; author: string; authorTitle: string; imageSrc: string; - }; + }[]; } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }); const HeroBillboardBrand = ({ @@ -25,7 +26,7 @@ const HeroBillboardBrand = ({ secondaryButton, imageSrc, videoSrc, - testimonial, + testimonials, }: HeroBillboardBrandProps) => { return (
@@ -51,16 +52,16 @@ const HeroBillboardBrand = ({ - {testimonial && ( + {currentTestimonial && (
-

"{testimonial.quote}"

+

"{currentTestimonial.quote}"

-

{testimonial.author}

-

{testimonial.authorTitle}

+

{currentTestimonial.author}

+

{currentTestimonial.authorTitle}

- {testimonial.imageSrc && ( - {testimonial.author} + {currentTestimonial.imageSrc && ( + {currentTestimonial.author} )}
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 06627f6..40bc1bc 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -27,12 +27,26 @@ export default function HomePage() { href: "#contact", }} imageSrc="http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg" - testimonial={{ - quote: "Apex Legal Group provided exceptional guidance and support throughout our complex case. Their expertise and dedication were instrumental in achieving a favorable outcome.", - author: "Jane Doe", - authorTitle: "CEO, Tech Solutions Inc.", - imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80", - }} + testimonials={[ + { + quote: "Apex Legal Group provided exceptional guidance and support throughout our complex case. Their expertise and dedication were instrumental in achieving a favorable outcome.", + author: "Jane Doe", + authorTitle: "CEO, Tech Solutions Inc.", + imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80", + }, + { + quote: "Their legal team is incredibly knowledgeable and responsive. We highly recommend Apex Legal Group for any corporate legal needs.", + author: "John Smith", + authorTitle: "Founder, Global Innovations", + imageSrc: "https://images.unsplash.com/photo-1507003211169-e6950c3d6123?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80", + }, + { + quote: "Apex Legal Group consistently delivers outstanding results. Their strategic advice has been invaluable to our business.", + author: "Emily White", + authorTitle: "Director, Creative Solutions", + imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80", + }, + ]} >