Added service-beauty page

package.json

@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@radix-ui/react-dropdown-menu": "^2.1.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "lucide-react": "^0.397.0",

src/App.tsx

@@ -13,9 +13,9 @@ const router = createBrowserRouter(
       <Route index element={ <Home />} />
       <Route path="/services" element={ <Services />} />
       <Route path="/contact" element={ <Contact />} />
-      <Route path="/beauty" element={ <Beauty />} />
-      <Route path="/cleaning" element={ <Cleaning />} />
-      <Route path="/insurance" element={ <Insurance />} />
+      <Route path="services/beauty" element={ <Beauty />} />
+      <Route path="services/cleaning" element={ <Cleaning />} />
+      <Route path="services/insurance" element={ <Insurance />} />
     </Route>
   )
 )

src/assets/index.ts

@@ -0,0 +1,19 @@
+import Icon1 from "./svgs/Icon1"
+import Icon2 from "./svgs/Icon2"
+import Icon3 from "./svgs/Icon3"
+import Icon4 from "./svgs/Icon4"
+import Beauty1 from "./pngs/beauty1.png"
+import Beauty2 from "./pngs/beauty2.png"
+import Beauty3 from "./pngs/beauty3.png"
+import Beauty4 from "./pngs/beauty4.png"
+
+export {
+    Icon1,
+    Icon2,
+    Icon3,
+    Icon4,
+    Beauty1,
+    Beauty2,
+    Beauty3,
+    Beauty4,
+}

src/assets/svgs/Icon1.tsx

@@ -0,0 +1,12 @@
+const Icon1 = () => (
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="184px" height="144px" style= {{shapeRendering:"geometricPrecision", textRendering:"geometricPrecision", fillRule:"evenodd", clipRule:"evenodd"}}>
+<g><path style={{opacity:"1"}} fill="#efe9e5" d="M -0.5,-0.5 C 60.8333,-0.5 122.167,-0.5 183.5,-0.5C 183.5,47.5 183.5,95.5 183.5,143.5C 122.167,143.5 60.8333,143.5 -0.5,143.5C -0.5,95.5 -0.5,47.5 -0.5,-0.5 Z"/></g>
+<g><path style={{opacity:"1"}} fill="#191918" d="M 82.5,21.5 C 98.4419,19.9858 112.275,24.6524 124,35.5C 124.495,33.5273 124.662,31.5273 124.5,29.5C 125.5,29.5 126.5,29.5 127.5,29.5C 127.395,33.5483 127.728,37.5483 128.5,41.5C 124.116,41.8256 119.783,41.4922 115.5,40.5C 118.107,39.6816 120.774,39.1816 123.5,39C 111.256,27.0737 96.5892,22.407 79.5,25C 49.6551,35.1842 38.1551,55.6842 45,86.5C 46.3061,90.4456 48.1394,94.1122 50.5,97.5C 50.1667,98.5 49.5,99.1667 48.5,99.5C 36.6974,80.9891 36.5308,62.3225 48,43.5C 56.774,31.707 68.274,24.3737 82.5,21.5 Z"/></g>
+<g><path style={{opacity:"1"}} fill="#1b1b1b" d="M 100.5,40.5 C 107.679,45.2199 112.512,51.8865 115,60.5C 115.667,65.1667 115.667,69.8333 115,74.5C 113.488,77.8566 110.988,79.8566 107.5,80.5C 108.687,78.0947 110.187,75.7613 112,73.5C 113.912,62.1427 110.746,52.4761 102.5,44.5C 100.371,46.6562 98.0378,48.3229 95.5,49.5C 96.6928,46.2895 98.3595,43.2895 100.5,40.5 Z"/></g>
+<g><path style={{opacity:"1"}} fill="#181818" d="M 85.5,43.5 C 87.7157,44.2026 89.549,45.5359 91,47.5C 99.1134,57.0601 103.947,68.0601 105.5,80.5C 105.119,92.8814 98.7854,99.8814 86.5,101.5C 70.5323,98.2632 64.6989,88.5966 69,72.5C 70.1798,68.7831 71.5131,65.1165 73,61.5C 76.9397,55.2676 81.1064,49.2676 85.5,43.5 Z"/></g>
+<g><path style={{opacity:"1"}} fill="#181817" d="M 130.5,46.5 C 131.675,46.281 132.675,46.6143 133.5,47.5C 144.573,73.376 139.239,95.2094 117.5,113C 95.2194,125.946 74.386,124.113 55,107.5C 54.6667,110.167 54.3333,112.833 54,115.5C 51.9496,111.461 51.1163,107.128 51.5,102.5C 55.8839,102.174 60.2172,102.508 64.5,103.5C 64.2907,104.086 63.9574,104.586 63.5,105C 61.5,105.333 59.5,105.667 57.5,106C 70.4598,117.627 85.4598,121.293 102.5,117C 127.195,107.799 138.362,89.9652 136,63.5C 134.455,57.7 132.622,52.0334 130.5,46.5 Z"/></g>
+<g><path style={{opacity:"1"}} fill="#ebe5e2" d="M 85.5,47.5 C 97.5295,57.5772 103.03,70.5772 102,86.5C 99.9169,94.4605 94.7503,98.4605 86.5,98.5C 76.617,97.4499 71.2836,91.9499 70.5,82C 70.9473,77.4299 71.7807,72.9299 73,68.5C 76.6241,61.0734 80.7908,54.0734 85.5,47.5 Z"/></g>
+</svg>
+);
+
+export default Icon1;