import { Link } from 'react-router-dom' import React , { useState, useEffect} from 'react' import AOS from "aos"; import img1 from '../../../assets/images/standard.png' import img2 from '../../../assets/images/unlimited.png' import img3 from '../../../assets/images/premium.png' import SiteService from '../../../vendors/service/siteService' const Main = ({gredient , video}) => { const[tog, setTog] = useState() const [prices, setPrices] = useState([]); // initial state for FAQs before API call const [pricing_text_02, setPricingtext02] = useState(''); let priceServices = new SiteService(); // instantiating the class const getAllPriceData = () => { return priceServices.priceData(); }; useEffect(() => { getAllPriceData().then((data) => { setPricingtext02(data.data.pricing_text_02); setPrices(data.data.pricing) }); AOS.init(); AOS.refresh(); }, []); return ( <> {gredient ?

Flexible & Simple pricing

{/* <>*/} {/* {pricing_text_02}*/} {/**/} Choose your myFit Pricing Plan
myFit has a free Standard for Basics , $5 per month for Premium
and $7.99 per month for Gold-tier

Monthly
setTog(tog === true ? false : true)}>
Yearly {/* 50% off */}
{prices.length > 0 && prices.map((price, index) => { return (
{ video ? image : image }

{price.title}

{price.text}
{price.price}
    {price.features.map((feature, index)=>
  • {feature}

  • )}
Start Now
); }) } {/*
image

Unlimited

For the professionals
$99
  • Unlimited Website

  • 200 GB disk space

  • 20 Customize sub pages

  • 10 Domains access

  • 24/7 Customer support

Start Now
*/}
{prices.length > 0 && prices.map((price, index) => { return (
{ video ? image : image }

{price.title}

{price.text}
{price.price_anual}
    {price.features.map((feature, index)=>
  • {feature}

  • )}
Start Now
); }) }

Not sure what to choose ? contact us for custom packages

:

Flexible & Simple pricing

Choose your myFit Pricing Plan
myFit has a free Standard for Basics , $5 per month for Premium
and $7.99 per month for Gold-tier.

Monthly
setTog(tog === true ? false : true)}>
Yearly {/* 50% off */}
{prices.length > 0 && prices.map((price, index) => { return (
{ video ? image : image }

{price.title}

{price.text}
{price.price}
    {price.features.map((feature, index)=>
  • {feature}

  • )}
Start Now
); }) }
{prices.length > 0 && prices.map((price, index) => { return (
{ video ? image : image }

{price.title}

{price.text}
{price.price_anual}
    {price.features.map((feature, index)=>
  • {feature}

  • )}
Start Now
); }) }

Not sure what to choose ? contact us for custom packages

} ) } export default Main