Body

package.json

@@ -54,6 +54,8 @@
 		]
 	},
 	"dependencies": {
+		"@cloudinary/react": "^1.14.3",
+		"@cloudinary/url-gen": "^1.21.0",
 		"cloudinary": "^2.7.0",
 		"prop-types": "^15.8.1",
 		"react": "^18.2.0",

src/front/components/CurvedText.jsx

@@ -0,0 +1,32 @@
+import React from "react";
+
+const CurvedText = () => {
+    return (
+        <div className="text-center mb-3">
+            <svg width="100%" height="100" viewBox="0 0 500 100">
+                <defs>
+                    <path
+                        id="curve"
+                        d="M 50 80 Q 250 0 450 80"
+                        fill="transparent"
+                    />
+                </defs>
+                <text width="500" textAnchor="middle">
+                    <textPath
+                        href="#curve"
+                        startOffset="50%"
+                        style={{
+                            fontSize: "24px",
+                            fill: "#3c6ca8",
+                            fontWeight: "600",
+                        }}
+                    >
+                        Donde cada huellita cuenta...
+                    </textPath>
+                </text>
+            </svg>
+        </div>
+    );
+};
+
+export default CurvedText;

src/front/components/Footer.jsx

@@ -1,11 +1,19 @@
 export const Footer = () => (
-	<footer className="footer mt-auto py-3 text-center">
-		<p>
-			Check the <a target="_blank" href="https://4geeks.com/docs/start/react-flask-template">template documentation</a> <i className="fa-solid fa-file"></i> for help.
-		</p>
-		<p>
-			Made with <i className="fa fa-heart text-danger" /> by{" "}
-			<a href="http://www.4geeksacademy.com">4Geeks Academy</a>
-		</p>
-	</footer>
-);
+	<>
+		<hr className="w-100 m-0 custom-hr" />
+		<footer className="footer py-4 text-center">
+			<div className="d-flex flex-wrap justify-content-center align-items-center gap-4 py-3">
+				<a href="https://www.tiktok.com/@patitasclub_petshop" target="_blank" rel="noopener noreferrer">
+					<i style={{ color: "#3c6ca8" }} className="fa-brands fa-tiktok fa-2x"></i>
+				</a>
+				<a href="https://www.instagram.com/patitasclubpetshop/" target="_blank" rel="noopener noreferrer">
+					<i style={{ color: "#3c6ca8" }} className="fa-brands fa-instagram fa-2x"></i>
+				</a>
+				<a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer">
+					<i style={{ color: "#3c6ca8" }} className="fa-solid fa-envelope fa-2x"></i>
+				</a>
+			</div>
+			<p style={{ color: "#3c6ca8" }} className="mb-0 fs-5">¡Contáctanos!</p>
+		</footer>
+	</>
+);