CHIEFSOFT\ameye
69 lines
2.0 KiB
React
69 lines
2.0 KiB
React
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;
|