import React from "react";
import Image from "next/image";

// SEO: Mastering both AI and traditional search engines.
// PR: Connecting with reporters who can amplify your voice.
// Design & Events: Creating memorable experiences that resonate.
// Special Projects: Whether it’s an app or a website, we bring your vision to life.
// Branding & Voice Guidelines: We’ll help you find your voice and present a unique and consistent point of view (POV)

const FeatureContent = [
  {
    icon: "home-seo.png",
    meta: "SEO",
    subTitle: ` Mastering both AI and traditional search engines.`,
  },
  {
    icon: "home-pr.png",
    meta: "PR",
    subTitle: `Connecting with reporters who can amplify your voice,`,
  },
  {
    icon: "home-design.png",
    meta: "Design & Events",
    subTitle: `Creating memorable experiences that resonate`,
  },
  {
    icon: "ils_15.svg",
    meta: "Special Projects",
    subTitle: `  Whether it’s an app or a website, we bring your vision to life.`,
  },
  {
    icon: "home-brand.png",
    meta: "Branding & Voice Guidelines",
    subTitle: `Branding & Voice Guidelines: We’ll help you find your voice and present a unique and consistent point of view (POV),`,
  },
  {
    icon: "ils_17.svg",
    meta: "Learn More",
    subTitle: `Special to another page will be good here`,
  },
];

const FeatureNine = () => {
  return (
    <div className="row justify-content-center">
      {FeatureContent.map((val, i) => (
        <div
          className="col-lg-4 col-md-6"
          key={i}
          data-aos="fade-up"
          data-aos-duration="1200"
        >
          <div className="block-style-fourteen">
            <div className="illustration">
              <Image width={240} height={230} style={{objectFit:'contain'}}     src={`/images/assets/${val.icon}`} alt="icon" />
            </div>
            <div className="title">{val.meta}</div>
            <p className="font-rubik">{val.subTitle}</p>
          </div>
          {/* /.block-style-fourteen */}
        </div>
      ))}
    </div>
    // /.row
  );
};

export default FeatureNine;