|
- import React from 'react';
- import * as Icon from 'react-feather';
- import Link from 'next/link';
-
- const TopFeatures = () => {
- return (
- <div className="boxes-area hosting-boxes-area">
- <div className="container">
- <div className="row">
- <div className="col-lg-3 col-md-6">
- <div className="single-box">
- <div className="icon">
- <Icon.DollarSign />
- </div>
- <h3>
- <Link href="/feature-details">
- <a>Money-back Guarantee</a>
- </Link>
- </h3>
- <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna.</p>
- </div>
- </div>
-
- <div className="col-lg-3 col-md-6">
- <div className="single-box bg-f78acb">
- <div className="icon">
- <Icon.Database />
- </div>
- <h3>
- <Link href="/feature-details">
- <a>Big Data Transfer</a>
- </Link>
- </h3>
- <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna.</p>
- </div>
- </div>
-
- <div className="col-lg-3 col-md-6">
- <div className="single-box bg-c679e3">
- <div className="icon">
- <Icon.BarChart />
- </div>
- <h3>
- <Link href="/feature-details">
- <a>99.9% Server Uptime</a>
- </Link>
- </h3>
- <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna.</p>
- </div>
- </div>
-
- <div className="col-lg-3 col-md-6">
- <div className="single-box bg-eb6b3d">
- <div className="icon">
- <Icon.Tablet />
- </div>
- <h3>
- <Link href="/feature-details">
- <a>Live 24/7 Support</a>
- </Link>
- </h3>
- <p>Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna.</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- );
- }
-
- export default TopFeatures;
|