bbuddy-ui/src/app/[locale]/(main)/@directions/page.tsx

98 lines
5.3 KiB
TypeScript

import React from 'react';
export default function Directions() {
return (
<div className="main-popular">
<div className="b-inner">
<h2 className="title-h2">Popular Topics</h2>
<div className="main-popular__row">
<div className="main-popular__coll">
<div className="b-popular">
<div className="b-popular__image">
<img className="" src="/images/popular.png" alt=""/>
</div>
<div className="b-popular__inner">
<div className="b-popular__title">Work Life Balance</div>
<div className="b-popular__wrap-link">
<a className="b-popular__link" href="">23 experts</a> |
<a className="b-popular__link" href="">245 offers</a>
</div>
</div>
</div>
</div>
<div className="main-popular__coll">
<div className="b-popular">
<div className="b-popular__image">
<img className="" src="/images/popular.png" alt=""/>
</div>
<div className="b-popular__inner">
<div className="b-popular__title">Work Life Balance</div>
<div className="b-popular__wrap-link">
<a className="b-popular__link" href="">23 experts</a> |
<a className="b-popular__link" href="">245 offers</a>
</div>
</div>
</div>
</div>
<div className="main-popular__coll d-none d-md-block">
<div className="b-popular">
<div className="b-popular__image">
<img className="" src="/images/popular.png" alt=""/>
</div>
<div className="b-popular__inner">
<div className="b-popular__title">Work Life Balance</div>
<div className="b-popular__wrap-link">
<a className="b-popular__link" href="">23 experts</a> |
<a className="b-popular__link" href="">245 offers</a>
</div>
</div>
</div>
</div>
<div className="main-popular__coll d-none d-lg-block">
<div className="b-popular">
<div className="b-popular__image">
<img className="" src="/images/popular.png" alt=""/>
</div>
<div className="b-popular__inner">
<div className="b-popular__title">Work Life Balance</div>
<div className="b-popular__wrap-link">
<a className="b-popular__link" href="">23 experts</a> |
<a className="b-popular__link" href="">245 offers</a>
</div>
</div>
</div>
</div>
<div className="main-popular__coll d-none d-lg-block">
<div className="b-popular">
<div className="b-popular__image">
<img className="" src="/images/popular.png" alt=""/>
</div>
<div className="b-popular__inner">
<div className="b-popular__title">Work Life Balance</div>
<div className="b-popular__wrap-link">
<a className="b-popular__link" href="">23 experts</a> |
<a className="b-popular__link" href="">245 offers</a>
</div>
</div>
</div>
</div>
<div className="main-popular__coll d-none d-xl-block">
<div className="b-popular">
<div className="b-popular__image">
<img className="" src="/images/popular.png" alt=""/>
</div>
<div className="b-popular__inner">
<div className="b-popular__title">Work Life Balance</div>
<div className="b-popular__wrap-link">
<a className="b-popular__link" href="">23 experts</a> |
<a className="b-popular__link" href="">245 offers</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
);
}