Files
FinMarket/app/(services)/performance/page.jsx
T
CHIEFSOFT\ameye 6da24d3e08 170 to 20
2025-02-22 19:20:57 -05:00

257 lines
11 KiB
React
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import React from "react";
import FancyVideoFive from "../../../components/video/FancyVideoFive";
import CounterThree from "../../../components/counter/CounterThree";
import FooterTwo from "../../../components/footer/FooterTwo";
import CopyRightTwo from "../../../components/footer/CopyRightTwo";
import FeatureSixV2 from "../../../components/features/FeatureSixV2";
import CallToActionThree from "../../../components/call-to-action/CallToActionThree";
import FancyFeatureThirtyThree from "../../../components/features/FancyFeatureThirtyThree";
import Image from "next/image";
import FooterFinSite from "@/components/footer/FooterFinSite";
import Header from "../../../components/header/Header";
import PerformanceServiceSection from "@/components/features/PerformanceServiceSection";
import FeatureFive from "@/components/features/FeatureFive";
export const metadata = {
title: 'Service Version 1 || Deski-Saas & Software Nextjs Template',
description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`,
}
const ServiceV1 = () => {
return (
<div className="main-page-wrapper p0">
{/* End Page SEO Content */}
<Header />
{/*<HeaderTwo />*/}
{/* End Header */}
{/* =============================================
Fancy Hero Three
============================================== */}
<div className="fancy-hero-three" style={{padding: '120px 0 100px 100px'}}>
<div className="shapes shape-one"></div>
<div className="shapes shape-two"></div>
<div className="shapes shape-three"></div>
<div className="shapes shape-four"></div>
<div className="shapes shape-five"></div>
<div className="shapes shape-six"></div>
<div className="bg-wrapper">
<div className="container">
<div className="row">
<div className="col-xl-9 col-lg-10 m-auto">
<h1 className="heading">Performance Marketing</h1>
</div>
</div>
</div>
</div>
{/* /.bg-wrapper */}
</div>
{/* /.fancy-hero-three */}
{/* =====================================================
Fancy Text block Twelve
===================================================== */}
<div className="fancy-text-block-twelve mt-20 md-mt-100">
<div className="container">
<div className="row">
<div className="col-lg-12 ms-auto">
<p className="title-style-one mb-50 md-mb-30"></p>
{/*<h2>For all kinds of Startup</h2>*/}
<p className="font-rubik" style={{padding:'10px 0 5px 0', fontSize: '22px' ,lineHeight: '1.58em', color: '#2a2a2a'}}>
Lets dive into the world of performance marketing, particularly in the dynamic realms of fintech and financial services. This isnt just marketing; its about making connections with potential customers at that crucial moment when theyre searching for solutions like yours.
</p>
<p className="font-rubik" style={{padding:'10px 0 20px 0', fontSize: '22px' ,lineHeight: '1.58em', color: '#2a2a2a'}}>
Picture this: youre orchestrating a marketing campaign. Your mission? To present your value proposition to those who are actively weighing their options. Its a powerful combination, a one-two punch alongside your brand marketing, designed to capture demand with precision.
</p>
</div>
{/* /.title-style-one */}
</div>
<div className="row">
<div
className="col-lg-6"
data-aos="fade-right"
data-aos-duration="1200"
>
<div className="text-wrapper">
<div className="title-style-three">
{/*<h6>Why us?</h6>*/}
{/*<h2>*/}
{/* <span>*/}
{/* Why your should*/}
{/* <Image width="530" height="54" src="/images/shape/line-shape-6.svg" alt="image" />*/}
{/* </span>*/}
{/* choose deski.*/}
{/*</h2>*/}
</div>
<p className="font-rubik" style={{padding:'10px 0 5px 0', fontSize: '22px' ,lineHeight: '1.58em', color: '#2a2a2a'}}>
Now, what does performance marketing entail? Its about deploying strategies that hit the mark, such as:
</p>
<ul className="list-item-one" style={{ listStyleType: 'circle', padding: '30px 10px 20px 40px', backgroundColor: 'Aliceblue', marginLeft: '30px', borderRadius: '10px', fontSize: '22px' }}>
<li> Crafting targeted advertising campaigns</li>
<li>Launching paid media ads that speak to the heart</li>
<li>Employing retargeting strategies to keep your brand top-of-mind</li>
<li>Optimizing your website for search enginesbecause visibility is key</li>
<li>Hosting engaging webinars that inform and attract</li>
<li>Utilizing email outreach to nurture leads</li>
<li>Networking on LinkedIn to build relationships</li>
<li>Supporting your sales team with the tools they need to succeed</li>
</ul>
</div>
{/* <!-- /.text-wrapper --> */}
</div>
{/* End .col-6 */}
<div
className="col-lg-5 ms-auto"
data-aos="fade-left"
data-aos-duration="1200"
>
<div className="img-gallery">
<Image width={402} height={430} style={{height:'fit-content'}} src="/images/media/perform.jpg" alt="image" />
<Image width={121} height={145}
src="/images/shape/53.svg"
alt="shape"
className="shapes shape-one"
/>
<Image width={144} height={144}
src="/images/shape/52.svg"
alt="shape"
className="shapes shape-two"
/>
</div>
{/* <!-- /.img-gallery --> */}
</div>
{/* End col-lg-5 */}
</div>
<div className="row">
<div className="col-lg-12 ms-auto">
<p className="title-style-one mb-50 md-mb-30"> </p>
{/*<h2>For all kinds of Startup</h2>*/}
<p className="font-rubik" style={{padding:'10px 0 5px 0', fontSize: '22px' ,lineHeight: '1.58em', color: '#2a2a2a'}}>
This approach is all about chasing immediate resultsclicks, conversions, the tangible metrics of success. But here's the twist: while we can track these efforts, pinpointing the exact moment that turns a prospect into a customer is often elusive. Many factors play into that decision.
</p>
<p className="font-rubik" style={{padding:'10px 0 5px 0', fontSize: '22px' ,lineHeight: '1.58em', color: '#2a2a2a'}}>
In the fintech space, trust is everything. This is where intertwining performance marketing with brand awareness becomes a game-changer. By launching brand campaigns alongside your performance efforts, you create lasting impressions, ensuring that when the time comes to engage, your brand is front and center.
</p>
</div>
{/* /.title-style-one */}
</div>
</div>
</div>
{/* <!-- /.fancy-text-block-twelve --> */}
{/* =============================================
Fancy Text block Eleven
============================================== */}
{/*<div className="fancy-text-block-eleven mt-200 md-mt-100">*/}
{/* <div className="container">*/}
{/* <FancyVideoFive />*/}
{/* <div className="mt-70">*/}
{/* <div className="container">*/}
{/* <FancyFeatureThirtyThree />*/}
{/* </div>*/}
{/* </div>*/}
{/* </div>*/}
{/*</div>*/}
{/* /.fancy-text-block-eleven */}
{/* =============================================
Fancy Text block Four
============================================== */}
{/*<div className="fancy-text-block-four pt-130 pb-120 md-pt-100 md-pb-80">*/}
{/* <div className="container">*/}
{/* <div className="row">*/}
{/* <div className="col-xl-7 col-lg-8">*/}
{/* <div className="title-style-one mb-40 md-mb-20">*/}
{/* <h2>For all kinds of Teams</h2>*/}
{/* <p className="font-rubik">*/}
{/* Duis aute irure dolor in reprehenderit in voluptate velit io*/}
{/* cillum dolore eu fugiat nulla pariatur non labrum.*/}
{/* </p>*/}
{/* </div>*/}
{/* /!* /.title-style-one *!/*/}
{/* </div>*/}
{/* </div>*/}
{/* <div className="wrapper">*/}
{/* <div className="row justify-content-center">*/}
{/* <PerformanceServiceSection />*/}
{/* </div>*/}
{/* </div>*/}
{/* </div>*/}
{/*</div>*/}
{/* /.fancy-text-block-four */}
{/* =============================================
Fancy Text block Five
============================================== */}
{/*// <div className="fancy-text-block-five pt-130 pb-160 md-pt-100 md-pb-100">*/}
{/*// <div className="container">*/}
{/*// <div className="row">*/}
{/*// <div className="col-lg-7 ms-auto">*/}
{/*// <div className="title-style-one mb-50 md-mb-30">*/}
{/*// <h2>For all kinds of Startup</h2>*/}
{/*// <p className="font-rubik">*/}
{/*// Excepteur sint occaecat cupidat non proident, sunt in culpa*/}
{/*// qui officia deserunt mollit anim est laborum.*/}
{/*// </p>*/}
{/*// </div>*/}
{/*// /!* /.title-style-one *!/*/}
{/*// </div>*/}
{/*// </div>*/}
{/*//*/}
{/*// <div className="wrapper">*/}
{/*// <div className="row justify-content-center">*/}
{/*// <FeatureFive />*/}
{/*// </div>*/}
{/*// </div>*/}
{/*// </div>*/}
{/*// </div>*/}
{/* /.block-style-five */}
{/* =====================================================
Footer Style Two
===================================================== */}
<footer className="theme-footer-two pt-150 md-pt-80">
<div className="top-footer">
<div className="container">
<FooterFinSite />
</div>
{/* /.container */}
</div>
{/* /.top-footer */}
<div className="container">
<div className="bottom-footer-content">
<CopyRightTwo />
</div>
{/* /.bottom-footer */}
</div>
</footer>
{/* /.theme-footer-one */}
</div>
);
};
export default ServiceV1;