import React from "react";
import styles from "./TestimonialSection.module.css";
import { useRouter } from "next/navigation";
import Image from "next/image";
import testiimage from '@/public/image06.jpg';
import image5 from '@/public/image05.jpg'
interface BonusFeaturesProps {
  setShowTable: React.Dispatch<React.SetStateAction<boolean>>;
}

const TestimonialSections: React.FC<BonusFeaturesProps> = ({ setShowTable }) => {
  const router = useRouter();

  return (
    <section className={styles.background}>
      <div className={styles.container}>
        <div className={styles.testimonialCard}>
          <div className={styles.imageContainer}>
            <Image
              src={image5}
              alt="Dave Johnson"
              width={100}
              height={100}
            />
          </div>
          <div className={styles.quoteContainer}>
            <p className={styles.quote}>
              &quot;Happy I found this service while trying to build a pitch deck for
              my company! Great for inspiration in getting started and a huge
              time saver getting a deck off the ground.&quot;
            </p>
          </div>
          <p className={styles.author}>Dave Johnson - Serial Entrepreneur</p>
        </div>

        <div className={styles.testimonialCard}>
          <div className={styles.imageContainer}>
            <Image
              src={testiimage}
              alt="Martin Emeraldson"
              width={100}
              height={100}
            />
          </div>
          <div className={styles.quoteContainer}>
            <p className={styles.quote}>
              &quot;I was dumbfounded when I received the final result. What an
              insanely powerful tool! I now have a brilliant foundation for my
              pitch deck. This is a no-brainer for startups.&quot;
            </p>
          </div>
          <p className={styles.author}>
            Martin Emeraldson - Startup Founder
          </p>
        </div>
      </div>

      <div className={styles.buttondv}>
        <button onClick={() =>{setShowTable(false); router.push("/#form")}} className={styles.button}>
          Get your custom pitch deck template ($29) 🚀
        </button>
      </div>
    </section>
  );
};

export default TestimonialSections;