Dragimals

igravitystudios · Dec 28, 2021 · eb364b2 · eb364b2
1 parent 8359c8b
commit eb364b2
Show file tree

Hide file tree

Showing 100 changed files with 2,113 additions and 7 deletions.
diff --git a/ios/Podfile.lock b/ios/Podfile.lock
@@ -346,6 +346,11 @@ PODS:
     - React-perflogger (= 0.66.0)
   - RNGestureHandler (1.10.3):
     - React-Core
+  - RNSound (0.11.1):
+    - React-Core
+    - RNSound/Core (= 0.11.1)
+  - RNSound/Core (0.11.1):
+    - React-Core
   - RNSVG (12.1.1):
     - React
   - Yoga (1.14.0)
@@ -408,6 +413,7 @@ DEPENDENCIES:
   - React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`)
   - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
   - RNGestureHandler (from `../node_modules/react-native-gesture-handler`)
+  - RNSound (from `../node_modules/react-native-sound`)
   - RNSVG (from `../node_modules/react-native-svg`)
   - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
 
@@ -493,6 +499,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon"
   RNGestureHandler:
     :path: "../node_modules/react-native-gesture-handler"
+  RNSound:
+    :path: "../node_modules/react-native-sound"
   RNSVG:
     :path: "../node_modules/react-native-svg"
   Yoga:
@@ -544,10 +552,11 @@ SPEC CHECKSUMS:
   React-runtimeexecutor: 4bb657a97aa74568d9ed634c8bd478299bb8a3a6
   ReactCommon: eb059748e842a1a86025ebbd4ac9d99e74492f88
   RNGestureHandler: a479ebd5ed4221a810967000735517df0d2db211
+  RNSound: 27e8268bdb0a1f191f219a33267f7e0445e8d62f
   RNSVG: 551acb6562324b1d52a4e0758f7ca0ec234e278f
   Yoga: c11abbf5809216c91fcd62f5571078b83d9b6720
   YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
 
 PODFILE CHECKSUM: 45168e505fb57597cdd9ed21e3521928d9833790
 
-COCOAPODS: 1.10.2
+COCOAPODS: 1.11.2
diff --git a/ios/matchimals.xcodeproj/project.pbxproj b/ios/matchimals.xcodeproj/project.pbxproj
@@ -251,8 +251,8 @@
 			);
 			inputPaths = (
 				"${PODS_ROOT}/Target Support Files/Pods-matchimals/Pods-matchimals-frameworks.sh",
-				"${PODS_XCFRAMEWORKS_BUILD_DIR}/double-conversion/double-conversion.framework/double-conversion",
-				"${PODS_XCFRAMEWORKS_BUILD_DIR}/OpenSSL/OpenSSL.framework/OpenSSL",
+				"${PODS_XCFRAMEWORKS_BUILD_DIR}/Flipper-DoubleConversion/double-conversion.framework/double-conversion",
+				"${PODS_XCFRAMEWORKS_BUILD_DIR}/OpenSSL-Universal/OpenSSL.framework/OpenSSL",
 			);
 			name = "[CP] Embed Pods Frameworks";
 			outputPaths = (

diff --git a/package.json b/package.json
@@ -25,6 +25,7 @@
     "react-native-gesture-handler": "1.10.3",
     "react-native-modal": "13.0.0",
     "react-native-safe-area-context": "3.3.2",
+    "react-native-sound": "0.11.1",
     "react-native-svg": "12.1.1",
     "react-native-video": "5.1.1",
     "react-native-web": "0.17.5",

diff --git a/src/App.js b/src/App.js
@@ -9,9 +9,11 @@ import game from "./Matchimals/game";
 import MainMenu from "./MainMenu";
 import { MusicProvider } from "./Music";
 import { PlayerProvider } from "./hooks/players";
+import Dragimals from "./Dragimals";
 
 class App extends Component {
   state = {
+    playDragimals: false,
     isMainMenuVisible: true,
     numPlayers: 1,
   };
@@ -29,8 +31,15 @@ class App extends Component {
     });
   };
 
+  playDragimals = () => {
+    this.setState((state) => ({
+      ...state,
+      playDragimals: true,
+    }));
+  };
+
   render() {
-    const { isMainMenuVisible, numPlayers } = this.state;
+    const { isMainMenuVisible, numPlayers, playDragimals } = this.state;
     const MatchimalsClient = Client({
       board: Matchimals,
       game,
@@ -44,8 +53,13 @@ class App extends Component {
           <PlayerProvider>
             <View style={styles.root}>
               <StatusBar hidden />
-              {isMainMenuVisible ? (
-                <MainMenu startGame={this.startGame} />
+              {playDragimals ? (
+                <Dragimals />
+              ) : isMainMenuVisible ? (
+                <MainMenu
+                  startGame={this.startGame}
+                  playDragimals={this.playDragimals}
+                />
               ) : (
                 <MatchimalsClient backToMainMenu={this.backToMainMenu} />
               )}

diff --git a/src/Dragimals/Animals/Bear.js b/src/Dragimals/Animals/Bear.js
@@ -0,0 +1,51 @@
+import * as React from "react";
+import Svg, { Circle, Path, Ellipse } from "react-native-svg";
+
+export function Bear(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 650.54 575.5"
+      {...props}
+    >
+      <Circle cx={552.87} cy={93.52} r={93.52} fill="#b58d52" />
+      <Circle
+        cx={543.33}
+        cy={97.82}
+        r={56.78}
+        transform="rotate(-14.79 543.212 97.806)"
+        fill="#f2c88a"
+      />
+      <Circle cx={97.67} cy={93.52} r={93.52} fill="#b58d52" />
+      <Circle
+        cx={107.21}
+        cy={97.82}
+        r={56.78}
+        transform="rotate(-75.21 107.216 97.817)"
+        fill="#f2c88a"
+      />
+      <Path
+        d="M650.54 300.87c0 179.13-145.63 274.63-325.27 274.63S0 480 0 300.87 145.63 1.38 325.27 1.38s325.27 120.39 325.27 299.49z"
+        fill="#b58d52"
+      />
+      <Path
+        d="M446.28 458.86c0 57.67-54.18 95.31-121 95.31s-121-37.64-121-95.31 54.18-104.42 121-104.42 121 46.75 121 104.42z"
+        fill="#feedc5"
+      />
+      <Path
+        d="M367.23 436.82c0 20-18.78 33.06-42 33.06s-42-13.06-42-33.06 18.79-36.21 42-36.21 42 16.22 42 36.21z"
+        fill="#664e29"
+      />
+      <Path
+        fill="none"
+        stroke="#664e29"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={12.27}
+        d="M325.27 435.81v68.88M266.75 485.47s46.24 63.94 117 0"
+      />
+      <Ellipse cx={168.64} cy={346.13} rx={40.02} ry={42.2} fill="#664e29" />
+      <Ellipse cx={481.9} cy={346.13} rx={40.02} ry={42.2} fill="#664e29" />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Cat.js b/src/Dragimals/Animals/Cat.js
@@ -0,0 +1,55 @@
+import * as React from "react";
+import Svg, { Path, Circle } from "react-native-svg";
+
+export function Cat(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 914.14 587.46"
+      {...props}
+    >
+      <Path
+        d="M143.34 160.19l.47-80.6c.09-16 .25-32.36 5.75-47.38S167.05 3.54 182.77.62c17.07-3.18 33.61 6.52 48.23 15.82L291.84 55c26.32 16.7 55.48 37.95 57.58 69.05.6 8.88-1.19 17.75-3.42 26.37-9.65 37.18-28.55 72.81-58.11 97.34-25.59 21.23-78.7 44.67-110.73 23.46-33-21.8-34.02-76.7-33.82-111.03z"
+        fill="#e2d7d3"
+      />
+      <Path
+        d="M180.09 97.83c-.12-7.55-.09-15.33 2.77-22.32a29.55 29.55 0 0123.87-17.79c13.56-1.35 26 6.79 37.22 14.56l26 18.11c10.12 7 21.17 15.55 22.55 27.8 1.48 13-8.62 24.24-18.19 33.21-11.09 10.42-22.57 20.57-35.54 28.54s-27.54 13.71-42.77 14.58c-9.12.53-9.62-4.48-10.48-12q-1.65-14.42-2.79-28.86-2.2-27.88-2.64-55.83z"
+        fill="#fcebeb"
+      />
+      <Path
+        d="M770.8 160.19l-.47-80.6c-.09-16-.25-32.36-5.75-47.38S747.09 3.54 731.37.62c-17.07-3.18-33.6 6.52-48.26 15.82L622.3 55c-26.3 16.74-55.48 38-57.58 69.09-.6 8.88 1.19 17.75 3.42 26.37 9.65 37.18 28.55 72.81 58.11 97.34C651.84 269 705 292.47 737 271.26c33-21.84 34-76.74 33.8-111.07z"
+        fill="#e2d7d3"
+      />
+      <Path
+        d="M734.05 97.83c.12-7.55.09-15.33-2.77-22.32a29.55 29.55 0 00-23.87-17.79c-13.56-1.35-26 6.79-37.22 14.56l-26 18.11c-10.12 7-21.17 15.55-22.55 27.8-1.48 13 8.62 24.24 18.19 33.21 11.1 10.42 22.57 20.57 35.54 28.54s27.58 13.71 42.78 14.58c9.12.53 9.62-4.48 10.48-12q1.65-14.42 2.79-28.86 2.2-27.88 2.63-55.83z"
+        fill="#fcebeb"
+      />
+      <Path
+        d="M798.35 346.6c-.89 162.55-150.71 241.86-335.51 240.85s-334.57-82-333.68-244.51S280.5 63.88 465.29 64.89 799.24 184.06 798.35 346.6z"
+        fill="#e2d7d3"
+      />
+      <Path
+        d="M.79 377.37c15.11 1.57 30.05 3.91 45 6.42s29.73 5.42 44.52 8.52 29.51 6.46 44.18 10.1 29.29 7.57 43.75 12.22c-15.11-1.56-30.06-3.89-45-6.41s-29.74-5.42-44.52-8.53-29.51-6.47-44.18-10.11S15.25 382 .79 377.37zM0 481.54c14.6-4.2 29.33-7.62 44.1-10.87s29.6-6.1 44.47-8.75 29.79-5.06 44.75-7.17 30-3.94 45.14-5c-14.6 4.21-29.33 7.64-44.1 10.88s-29.6 6.1-44.47 8.75-29.79 5-44.76 7.15-29.98 3.9-45.13 5.01zM914.14 378.34c-14.51 4.49-29.17 8.2-43.87 11.73s-29.48 6.68-44.3 9.63-29.68 5.64-44.6 8-29.91 4.52-45 5.92c14.51-4.49 29.17-8.21 43.87-11.74s29.48-6.68 44.3-9.62 29.68-5.63 44.6-8 29.86-4.52 45-5.92zM914 482.51c-15.11-1.27-30.1-3.31-45-5.51s-29.83-4.83-44.68-7.64-29.63-5.88-44.37-9.24-29.43-7-44-11.35c15.13 1.26 30.12 3.3 45.07 5.53s29.84 4.83 44.68 7.65 29.63 5.89 44.37 9.25 29.41 6.96 43.93 11.31z"
+        fill="#828383"
+      />
+      <Path
+        d="M533.93 473.57c-1.19 14.28-12.44 23.89-25.88 26.83-12.53 2.74-30.15.82-38-10.51-3.93-5.68-5.35-12.72-5.36-19.53M393.59 472.8c1 14.3 12.17 24 25.57 27.11 12.51 2.88 30.14 1.16 38.11-10.09 4-5.63 5.49-12.66 5.57-19.47"
+        fill="none"
+        stroke="#828383"
+        strokeLinecap="round"
+        strokeMiterlimit={10}
+        strokeWidth={10.84}
+      />
+      <Path
+        d="M485.7 452.81c-.05 8.49-9.47 19.63-21 19.57s-20.84-11.31-20.79-19.8 9.44-15.32 21-15.25 20.83 6.99 20.79 15.48z"
+        fill="#828383"
+      />
+      <Path
+        d="M415 136.26c6.42 13.61 13 27.42 23 38.66 3.46-11.22 3.5-23.17 3.5-34.91V65.43a414.75 414.75 0 00-53.71 6.16c3.56 14.3 9.84 27.92 16.1 41.18q5.58 11.74 11.11 23.49zM489.09 174.92c10-11.24 16.56-25 23-38.66l11.08-23.49c6.23-13.21 12.51-26.75 16.09-41a414.4 414.4 0 00-53.69-6.29v74.51c.02 11.76.05 23.71 3.52 34.93z"
+        fill="#bcb4b1"
+      />
+      <Circle cx={316.27} cy={392.72} r={37.78} fill="#828383" />
+      <Circle cx={611.24} cy={392.72} r={37.78} fill="#828383" />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Chicken.js b/src/Dragimals/Animals/Chicken.js
@@ -0,0 +1,56 @@
+import * as React from "react";
+import Svg, { Ellipse, Path, Circle } from "react-native-svg";
+
+export function Chicken(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 638.38 704.51"
+      {...props}
+    >
+      <Ellipse cx={319.19} cy={86.5} rx={47.47} ry={86.5} fill="#ee7b3f" />
+      <Ellipse
+        cx={250.95}
+        cy={103.37}
+        rx={41.87}
+        ry={76.29}
+        transform="rotate(-45 250.957 103.37)"
+        fill="#ee7b3f"
+      />
+      <Ellipse
+        cx={387.43}
+        cy={103.37}
+        rx={76.29}
+        ry={41.87}
+        transform="rotate(-45 387.428 103.372)"
+        fill="#ee7b3f"
+      />
+      <Path
+        d="M638.38 449.47c0 189.76-142.91 255-319.19 255S0 639.23 0 449.47 142.91 105.9 319.19 105.9s319.19 153.82 319.19 343.57z"
+        fill="#f6f5e6"
+      />
+      <Path
+        d="M343.33 483.35c0 20.89-10.81 34.93-24.14 34.93s-24.14-14-24.14-34.93 10.81-62.12 24.14-62.12 24.14 41.23 24.14 62.12z"
+        fill="#ee7b3f"
+      />
+      <Path
+        d="M378.57 424.65c0 15.39-26.59 27.86-59.38 27.86s-59.38-12.51-59.38-27.86 26.59-40.32 59.38-40.32 59.38 24.94 59.38 40.32z"
+        fill="#f2d72b"
+      />
+      <Circle
+        cx={197.88}
+        cy={370.83}
+        r={35.79}
+        transform="rotate(-22.5 197.871 370.834)"
+        fill="#664e29"
+      />
+      <Circle
+        cx={440.5}
+        cy={370.83}
+        r={35.79}
+        transform="rotate(-45 440.493 370.832)"
+        fill="#664e29"
+      />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Cow.js b/src/Dragimals/Animals/Cow.js
@@ -0,0 +1,61 @@
+import * as React from "react";
+import Svg, { Path, Rect, Ellipse } from "react-native-svg";
+
+export function Cow(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 708.21 712.26"
+      {...props}
+    >
+      <Path
+        d="M159.24 51.9c5-17.41 12.67-35.49 24.95-48.21a11.84 11.84 0 0120.39 7.24A199.44 199.44 0 00246 117.76c5.33 6.79 11.19 13.39 14.44 21.4 7.94 19.6-2.54 43-19.48 55.63-11.84 8.84-40.75 22.62-56 17.08-14.64-5.32-22.82-30.21-27.2-43.78-12.06-37.4-9.21-78.83 1.48-116.19zM549 51.9c-5-17.41-12.67-35.49-25-48.21a11.84 11.84 0 00-20.39 7.24 199.36 199.36 0 01-41.41 106.83c-5.33 6.79-11.19 13.39-14.44 21.4-7.94 19.6 2.54 43 19.49 55.63 11.83 8.84 40.75 22.62 56 17.08 14.63-5.32 22.81-30.21 27.19-43.78 12.07-37.4 9.23-78.83-1.44-116.19z"
+        fill="#f1c474"
+      />
+      <Path
+        d="M560.7 510.89a392.59 392.59 0 0024.3-250.7c-2.86-12.05-6.31-24-11.37-35.32-15.1-33.72-43.95-59.92-76.45-77.51-24.81-13.42-51.78-22.22-79.07-29-23.62-5.89-104.41-5.89-128 0-27.29 6.8-54.26 15.6-79.07 29-32.49 17.59-61.35 43.79-76.44 77.51-5.07 11.31-8.52 23.27-11.37 35.32a392.58 392.58 0 0024.3 250.7c.26.56.53 1.11.79 1.68-.6 6.64-.94 13.35-.94 20.15 0 117.78 92.56 179.54 206.75 179.54s206.73-61.76 206.73-179.54c0-6.8-.35-13.51-1-20.15.31-.57.59-1.12.84-1.68z"
+        fill="#fff5e4"
+      />
+      <Rect
+        x={223.24}
+        y={542.49}
+        width={261.73}
+        height={169.77}
+        rx={84.89}
+        fill="#fad2c0"
+      />
+      <Path
+        d="M371.21 126.92a198.78 198.78 0 00-3.94 29.66c-.65 9.38-.89 18.77-1.11 28.17-.24 9.78-1 19.55-1.16 29.32a246.11 246.11 0 0010.54 74.32c7.26 24.45 17.54 47.89 28.15 71 18.58 40.56 41.35 79.69 72.1 112.3a292.76 292.76 0 0085 62.11v-1.11c0-6.8-.35-13.51-1-20.15.26-.56.54-1.12.79-1.68A392.59 392.59 0 00585 260.19c-2.86-12.05-6.31-24-11.37-35.32-15.1-33.72-43.95-59.92-76.45-77.51-24.81-13.42-51.78-22.22-79.07-29-8.64-2.16-24.95-3.52-43.3-4.1a101.49 101.49 0 00-3.6 12.66z"
+        fill="#636262"
+      />
+      <Path
+        d="M4 205.61a9.16 9.16 0 00-3.49 3.68c-1 2.34-.2 5.08.66 7.47 8.15 22.39 23.67 41.33 42.94 52.36 25.07 14.35 54.42 15 82.6 15.16 28.72.14 60.89-1.51 80.66-24.77 6.5-7.65 11.23-17.76 10.93-28.3-1.18-40.75-65.37-49.4-90.91-52.6C85 173.3 40.53 179.9 4 205.61z"
+        fill="#fff5e4"
+      />
+      <Path
+        d="M704.26 205.61a9.12 9.12 0 013.5 3.68c1 2.34.2 5.08-.67 7.47-8.14 22.39-23.67 41.33-42.93 52.36-25.07 14.35-54.43 15-82.61 15.16-28.72.14-60.89-1.51-80.65-24.77-6.51-7.65-11.24-17.76-10.93-28.3 1.17-40.75 65.36-49.4 90.9-52.6 42.36-5.31 86.82 1.29 123.39 27z"
+        fill="#636262"
+      />
+      <Ellipse
+        cx={300.81}
+        cy={643.64}
+        rx={22.64}
+        ry={29.71}
+        transform="rotate(-20.77 300.782 643.616)"
+        fill="#636262"
+      />
+      <Ellipse
+        cx={405.98}
+        cy={643.64}
+        rx={29.71}
+        ry={22.64}
+        transform="rotate(-69.23 405.994 643.651)"
+        fill="#636262"
+      />
+      <Ellipse cx={218.19} cy={400.65} rx={49.24} ry={55.16} fill="#fff" />
+      <Ellipse cx={230.47} cy={400.65} rx={37.5} ry={42.01} fill="#636262" />
+      <Ellipse cx={490.02} cy={400.65} rx={49.24} ry={55.16} fill="#fff" />
+      <Ellipse cx={477.75} cy={400.65} rx={37.5} ry={42.01} fill="#636262" />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Dog.js b/src/Dragimals/Animals/Dog.js
@@ -0,0 +1,61 @@
+import * as React from "react";
+import Svg, { Path, Ellipse, Circle } from "react-native-svg";
+
+export function Dog(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 631.07 660.69"
+      {...props}
+    >
+      <Path
+        d="M78 9.73C73.32 4.6 67.92.48 61 0S47.93 3.27 42.82 7.7C23.05 24.84 12.59 131.62 13.14 160.28c.74 39.3 7.36 79 24.51 114.41 1.91 3.93 4.08 8 7.66 10.45 4 2.8 9.19 3.23 14.09 3.56 22.06 1.49 45.12 2.67 65.36-6.23 25-11 41.17-35.22 55.76-58.33 6.67-10.58 13.37-21.3 17.55-33.09s5.7-24.93 1.85-36.84C195.35 140.06 93.93 27.36 78 9.73z"
+        fill="#f8c36a"
+      />
+      <Path
+        d="M81.4 47.24c-3.5-4.71-7.82-9.94-13.68-10-3.55 0-6.78 2-9.51 4.24C41 55.79 37.8 80.52 36 102.8c-4 48.75-6.67 100.59 16.54 143.65 1.4 2.6 3 5.25 5.44 6.9 2.87 1.92 6.5 2.18 9.95 2.39 16.66 1 34.07 1.87 49.29-5 18.19-8.17 30-25.82 40.68-42.64 6.36-10 12.8-20.24 15.43-31.78 6.35-27.89-14.55-41.56-31.6-58.82A662.83 662.83 0 0181.4 47.24z"
+        fill="#fff5c6"
+      />
+      <Path
+        d="M553.11 9.73C557.75 4.6 563.16.48 570 0s13.12 3.23 18.23 7.66c19.77 17.18 30.25 123.96 29.71 152.62-.74 39.3-7.37 79-24.52 114.41-1.91 3.93-4.07 8-7.66 10.45-4 2.8-9.19 3.23-14.08 3.56-22.07 1.49-45.13 2.67-65.37-6.23-25-11-41.17-35.22-55.75-58.33-6.68-10.58-13.38-21.3-17.56-33.09s-5.7-24.93-1.85-36.84c4.58-14.15 106-126.85 121.96-144.48z"
+        fill="#f8c36a"
+      />
+      <Path
+        d="M549.67 47.24c3.5-4.71 7.82-9.94 13.69-10 3.54 0 6.78 2 9.51 4.24 17.2 14.26 20.4 39 22.22 61.27 4 48.75 6.67 100.59-16.53 143.65-1.41 2.6-3 5.25-5.45 6.9-2.87 1.92-6.5 2.18-10 2.39-16.65 1-34.07 1.87-49.29-5-18.19-8.17-30-25.82-40.68-42.64-6.36-10-12.79-20.24-15.42-31.78-6.36-27.89 14.54-41.56 31.59-58.82a662.83 662.83 0 0060.36-70.21z"
+        fill="#fff5c6"
+      />
+      <Path
+        d="M631.07 353c0-169.93-134.8-263.74-309.06-263.74S0 183.06 0 353s141.27 307.7 315.54 307.7S631.07 522.93 631.07 353z"
+        fill="#f8c36a"
+      />
+      <Path
+        d="M173.18 546.71c0 62.77 63.74 113.65 142.36 113.65s142.35-50.88 142.35-113.65-63.73-115.94-142.35-115.94-142.36 53.17-142.36 115.94z"
+        fill="#fff5c6"
+      />
+      <Path
+        d="M276.44 540.33c0 14.83 17.07 32.37 38.66 32.37s39.53-17.54 39.53-32.37-17.5-26.86-39.09-26.86-39.1 12.02-39.1 26.86z"
+        fill="#71572b"
+      />
+      <Ellipse cx={455.59} cy={417.53} rx={38.29} ry={38.5} fill="#71572b" />
+      <Ellipse cx={175.48} cy={417.53} rx={38.29} ry={38.5} fill="#71572b" />
+      <Path
+        d="M237.53 569.1l3.52 8.35a39.49 39.49 0 004.29 8.26c3.47 4.69 8.91 7.62 14.54 9.13s11.52 1.74 17.35 1.93c8.71.29 17.79.46 25.71-3.19s14.23-12.33 12.22-20.81"
+        fill="none"
+        stroke="#71572b"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={13.49}
+      />
+      <Path
+        d="M393.54 569.1c-1.17 2.78-2.35 5.56-3.52 8.35a39.49 39.49 0 01-4.29 8.26c-3.47 4.69-8.9 7.62-14.54 9.13s-11.51 1.74-17.34 1.93c-8.72.29-17.8.46-25.71-3.19s-14.24-12.33-12.22-20.81"
+        fill="none"
+        stroke="#71572b"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={13.49}
+      />
+      <Circle cx={193.5} cy={289.73} r={30.37} fill="#fff5c6" />
+      <Circle cx={437.58} cy={289.73} r={30.37} fill="#fff5c6" />
+    </Svg>
+  );
+}