328 lines
9.7 KiB
TypeScript
328 lines
9.7 KiB
TypeScript
import Svg, {
|
|
SvgProps,
|
|
Defs,
|
|
G,
|
|
Path,
|
|
Circle,
|
|
Rect,
|
|
Use,
|
|
Text,
|
|
} from "react-native-svg"
|
|
import { memo } from "react"
|
|
const SvgComponent = (props: SvgProps) => (
|
|
<Svg width={400} height={580} {...props}>
|
|
<Defs>
|
|
<G id="b">
|
|
<Path
|
|
fill="none"
|
|
stroke="#c59b58"
|
|
strokeLinecap="round"
|
|
strokeWidth={1.2}
|
|
d="M0 0c10 25 12 55 5 85"
|
|
/>
|
|
<Path
|
|
fill="#f4efe6"
|
|
stroke="#c59b58"
|
|
strokeWidth={1.1}
|
|
d="M3 15c-11-5-15 9-1 9 4 0 4-6 1-9Z"
|
|
/>
|
|
<Path
|
|
fill="#f4efe6"
|
|
stroke="#9e4d28"
|
|
strokeWidth={1.1}
|
|
d="M5 22c11-6 17 6 3 10-4 0-4-6-3-10Zm2 20c-12-6-17 8-3 10 4 0 4-6 3-10Z"
|
|
/>
|
|
<Path
|
|
fill="#f4efe6"
|
|
stroke="#c59b58"
|
|
strokeWidth={1.1}
|
|
d="M8 50c12-6 16 8 2 12-4 0-4-7-2-12ZM6 70c-10-5-14 8-2 10 3 0 4-6 2-10Z"
|
|
/>
|
|
<Path
|
|
fill="#f4efe6"
|
|
stroke="#9e4d28"
|
|
strokeWidth={1.1}
|
|
d="M5 78c11-4 15 8 3 12-4 0-4-6-3-12Z"
|
|
/>
|
|
<Circle cx={-10} cy={18} r={1.5} fill="#c59b58" />
|
|
<Circle cx={18} cy={46} r={1.5} fill="#9e4d28" />
|
|
</G>
|
|
<G id="a">
|
|
<Path
|
|
fill="#a64423"
|
|
d="M0-18C4-12 8-6 8 0c6-4 8 6 4 12 4-2 6 4 2 8S2 26 0 26s-10-2-14-6-2-10 2-8c-4-6-2-16 4-12 0-6 4-12 8-18"
|
|
/>
|
|
<Path
|
|
fill="#f4efe6"
|
|
d="M-4 4v8c0 3 2 4 4 4v8c2-8 4-9 4-12V4H3v7c0 2-1.5 3-3 3s-3-1-3-3V4Z"
|
|
/>
|
|
<Path stroke="#f4efe6" d="M0 4v8" />
|
|
</G>
|
|
</Defs>
|
|
<Path fill="#434b54" d="M0 0h400v580H0z" />
|
|
<Rect
|
|
width={360}
|
|
height={548}
|
|
x={20}
|
|
y={16}
|
|
fill="#f6efe3"
|
|
stroke="#122a42"
|
|
strokeWidth={1.5}
|
|
rx={16}
|
|
/>
|
|
<Path
|
|
fill="none"
|
|
stroke="#122a42"
|
|
strokeWidth={1.2}
|
|
d="M46 32h308a12 12 0 0 1 12 12v492a12 12 0 0 1-12 12H46a12 12 0 0 1-12-12V44a12 12 0 0 1 12-12Z"
|
|
/>
|
|
<Path
|
|
fill="none"
|
|
stroke="#122a42"
|
|
strokeWidth={1.2}
|
|
d="M34 46a12 12 0 0 0 12-12m320 12a12 12 0 0 1-12-12M34 534a12 12 0 0 1 12 12m320-12a12 12 0 0 0-12 12"
|
|
/>
|
|
<Path stroke="#c59b58" d="M34 135h332M34 500h332" />
|
|
<Use href="#a" transform="matrix(.85 0 0 .85 200 52)" />
|
|
<Use href="#b" transform="matrix(.8 0 0 .8 42 42)" />
|
|
<Use href="#b" transform="matrix(-.8 0 0 .8 358 42)" />
|
|
<Use href="#b" transform="matrix(.95 0 0 .95 40 185)" />
|
|
<Use href="#b" transform="matrix(-.95 0 0 .95 360 185)" />
|
|
<Use href="#a" transform="matrix(.65 0 0 .65 68 320)" />
|
|
<Use href="#a" transform="matrix(.65 0 0 .65 332 320)" />
|
|
<Use href="#b" transform="matrix(.95 0 0 .95 40 360)" />
|
|
<Use href="#b" transform="matrix(-.95 0 0 .95 360 360)" />
|
|
<G transform="translate(200 465)">
|
|
<Rect
|
|
width={18}
|
|
height={28}
|
|
x={-9}
|
|
y={-14}
|
|
fill="#122a42"
|
|
stroke="#122a42"
|
|
rx={3.5}
|
|
/>
|
|
<Rect width={14} height={20} x={-7} y={-11} fill="#fff" rx={1.5} />
|
|
<Path fill="#122a42" d="M-4.5-8.5h9v9h-9z" />
|
|
<Path fill="#fff" d="M-3-7h6v6h-6z" />
|
|
<Path fill="#122a42" d="M-1.5-5.5h3v3h-3z" />
|
|
<Circle cy={11} r={1} fill="#fff" />
|
|
</G>
|
|
<Circle cx={258} cy={537} r={4.5} fill="#a64423" />
|
|
<Path
|
|
fill="#f6efe3"
|
|
d="M259 541h-1.5v-4h-1v-1.5h1v-1c0-1 .5-1.5 2-1.5h1v1.5h-1c-.5 0-.5.3-.5.7v.3h1.5l-.3 1.5H259Z"
|
|
/>
|
|
<Rect
|
|
width={9}
|
|
height={9}
|
|
x={266}
|
|
y={532.5}
|
|
fill="none"
|
|
stroke="#a64423"
|
|
strokeWidth={1.2}
|
|
rx={2.5}
|
|
/>
|
|
<Circle cx={270.5} cy={537} r={2} fill="none" stroke="#a64423" />
|
|
<Circle cx={273} cy={534.5} r={0.5} fill="#a64423" />
|
|
<G transform="translate(95 205)">
|
|
<Path
|
|
fill="#fdfbf7"
|
|
stroke="#122a42"
|
|
strokeWidth={3}
|
|
d="M0 0h210v210H0z"
|
|
/>
|
|
<Path
|
|
fill="none"
|
|
stroke="#c59b58"
|
|
strokeWidth={1.5}
|
|
d="M4 4h202v202H4z"
|
|
/>
|
|
<Path
|
|
fill="#faf8f5"
|
|
stroke="#122a42"
|
|
strokeDasharray="4 3"
|
|
d="M12 12h186v186H12z"
|
|
/>
|
|
<Circle
|
|
cx={105}
|
|
cy={95}
|
|
r={16}
|
|
fill="#f6efe3"
|
|
stroke="#c59b58"
|
|
strokeWidth={1.2}
|
|
/>
|
|
<Use href="#a" transform="matrix(.45 0 0 .45 105 93)" />
|
|
<Text
|
|
x={105}
|
|
y={128}
|
|
fill="#122a42"
|
|
fontFamily="Inter, Arial, sans-serif"
|
|
fontSize={11}
|
|
fontWeight={800}
|
|
letterSpacing={1.5}
|
|
textAnchor="middle"
|
|
>
|
|
{"QR KOD ALANI"}
|
|
</Text>
|
|
</G>
|
|
<Text
|
|
x={172}
|
|
y={55}
|
|
fill="#122a42"
|
|
fontFamily="Inter, Arial, sans-serif"
|
|
fontSize={8.5}
|
|
fontWeight={800}
|
|
letterSpacing={1}
|
|
textAnchor="middle"
|
|
>
|
|
{"EST."}
|
|
</Text>
|
|
<Text
|
|
x={228}
|
|
y={55}
|
|
fill="#122a42"
|
|
fontFamily="Inter, Arial, sans-serif"
|
|
fontSize={8.5}
|
|
fontWeight={800}
|
|
letterSpacing={1}
|
|
textAnchor="middle"
|
|
>
|
|
{"2018"}
|
|
</Text>
|
|
<Text
|
|
x={200}
|
|
y={84}
|
|
fill="#a64423"
|
|
fontFamily="'Playfair Display', Georgia, 'Times New Roman', serif"
|
|
fontSize={19}
|
|
fontWeight={900}
|
|
letterSpacing={1.5}
|
|
textAnchor="middle"
|
|
>
|
|
{"THE STONEHEARTH GRILL"}
|
|
</Text>
|
|
<Text
|
|
x={200}
|
|
y={102}
|
|
fill="#122a42"
|
|
fontFamily="Inter, Arial, sans-serif"
|
|
fontSize={8.5}
|
|
fontWeight={700}
|
|
letterSpacing={2}
|
|
textAnchor="middle"
|
|
>
|
|
{"EST. 2018"}
|
|
</Text>
|
|
<Text
|
|
x={200}
|
|
y={118}
|
|
fill="#122a42"
|
|
fontFamily="Inter, Arial, sans-serif"
|
|
fontSize={10}
|
|
fontWeight={800}
|
|
letterSpacing={2}
|
|
textAnchor="middle"
|
|
>
|
|
{"SCAN. ORDER. ENJOY."}
|
|
</Text>
|
|
<Text
|
|
x={200}
|
|
y={158}
|
|
fill="#122a42"
|
|
fontFamily="'Playfair Display', Georgia, 'Times New Roman', serif"
|
|
fontSize={15.5}
|
|
fontWeight={900}
|
|
letterSpacing={0.5}
|
|
textAnchor="middle"
|
|
>
|
|
{"VIEW OUR MENU & ORDER ONLINE"}
|
|
</Text>
|
|
<Text
|
|
x={200}
|
|
y={176}
|
|
fill="#222"
|
|
fontFamily="Inter, Arial, sans-serif"
|
|
fontSize={9}
|
|
fontWeight={500}
|
|
letterSpacing={0.1}
|
|
textAnchor="middle"
|
|
>
|
|
{"Simply scan the QR code with your phone camera to access our"}
|
|
</Text>
|
|
<Text
|
|
x={200}
|
|
y={189}
|
|
fill="#222"
|
|
fontFamily="Inter, Arial, sans-serif"
|
|
fontSize={9}
|
|
fontWeight={500}
|
|
letterSpacing={0.1}
|
|
textAnchor="middle"
|
|
>
|
|
{"digital menu, daily specials, wine list, and place your order."}
|
|
</Text>
|
|
<Text
|
|
x={162}
|
|
y={468}
|
|
fill="#122a42"
|
|
fontFamily="Inter, Arial, sans-serif"
|
|
fontSize={11}
|
|
fontWeight={800}
|
|
letterSpacing={1}
|
|
textAnchor="end"
|
|
>
|
|
{"NO APP"}
|
|
</Text>
|
|
<Text
|
|
x={238}
|
|
y={468}
|
|
fill="#122a42"
|
|
fontFamily="Inter, Arial, sans-serif"
|
|
fontSize={11}
|
|
fontWeight={800}
|
|
letterSpacing={1}
|
|
>
|
|
{"REQUIRED"}
|
|
</Text>
|
|
<Text
|
|
x={200}
|
|
y={515}
|
|
fill="#122a42"
|
|
fontFamily="Inter, Arial, sans-serif"
|
|
fontSize={10.5}
|
|
fontWeight={800}
|
|
letterSpacing={1}
|
|
textAnchor="middle"
|
|
>
|
|
{"WWW.THESTONEHEARTHGRILL.COM"}
|
|
</Text>
|
|
<Text
|
|
x={200}
|
|
y={527}
|
|
fill="#222"
|
|
fontFamily="Inter, Arial, sans-serif"
|
|
fontSize={9}
|
|
fontWeight={600}
|
|
letterSpacing={0.2}
|
|
textAnchor="middle"
|
|
>
|
|
{"FREE WIFI: StonehearthGuest (PW: Grill720)"}
|
|
</Text>
|
|
<Text
|
|
x={195}
|
|
y={540}
|
|
fill="#222"
|
|
fontFamily="Inter, Arial, sans-serif"
|
|
fontSize={9}
|
|
fontWeight={600}
|
|
letterSpacing={0.2}
|
|
textAnchor="middle"
|
|
>
|
|
{"Follow Us @StonehearthGrill"}
|
|
</Text>
|
|
</Svg>
|
|
)
|
|
const Memo = memo(SvgComponent)
|
|
export default Memo
|