64 lines
2.2 KiB
JavaScript
64 lines
2.2 KiB
JavaScript
import React from 'react';
|
|
|
|
const GoogleReviewsBranding = ({ centered = false }) => {
|
|
return (
|
|
<div className="google-reviews-branding" style={{
|
|
marginTop: '15px',
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
alignItems: centered ? 'center' : 'flex-start',
|
|
gap: '0px'
|
|
}}>
|
|
<div style={{
|
|
fontSize: '28px',
|
|
fontWeight: '700',
|
|
lineHeight: '1.2',
|
|
letterSpacing: '3px',
|
|
fontFamily: '"Product Sans", "Google Sans", Roboto, Arial, sans-serif',
|
|
display: 'flex',
|
|
alignItems: 'center'
|
|
}}>
|
|
<span style={{ color: '#4285F4' }}>G</span>
|
|
<span style={{ color: '#EA4335' }}>o</span>
|
|
<span
|
|
style={{
|
|
color: '#FBBC04',
|
|
WebkitTextStroke: '1px white'
|
|
}}
|
|
>
|
|
o
|
|
</span>
|
|
<span style={{ color: '#4285F4' }}>g</span>
|
|
<span style={{ color: '#34A853' }}>l</span>
|
|
<span style={{ color: '#EA4335' }}>e</span>
|
|
</div>
|
|
<div style={{
|
|
fontSize: '13px',
|
|
fontWeight: '700',
|
|
lineHeight: '1.2',
|
|
fontFamily: '"Product Sans", "Google Sans", Roboto, Arial, sans-serif',
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
gap: '5px',
|
|
marginTop: '-2px'
|
|
}}>
|
|
<span style={{ color: '#5F6368' }}>Reviews</span>
|
|
<div style={{
|
|
display: 'flex',
|
|
gap: '2px',
|
|
fontSize: '8px',
|
|
lineHeight: '1'
|
|
}}>
|
|
<span style={{ color: '#FBBC04', WebkitTextStroke: '1px white' }}><i className='fa fa-star text-warning'></i></span>
|
|
<span style={{ color: '#FBBC04', WebkitTextStroke: '1px white' }}><i className='fa fa-star text-warning'></i></span>
|
|
<span style={{ color: '#FBBC04', WebkitTextStroke: '1px white' }}><i className='fa fa-star text-warning'></i></span>
|
|
<span style={{ color: '#FBBC04', WebkitTextStroke: '1px white' }}><i className='fa fa-star text-warning'></i></span>
|
|
<span style={{ color: '#FBBC04', WebkitTextStroke: '1px white' }}><i className='fa fa-star text-warning'></i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default GoogleReviewsBranding;
|