diff --git a/src/components/sections/footer/MapEmbed.tsx b/src/components/sections/footer/MapEmbed.tsx
new file mode 100644
index 0000000..9399fab
--- /dev/null
+++ b/src/components/sections/footer/MapEmbed.tsx
@@ -0,0 +1,21 @@
+type MapEmbedProps = {
+ src: string;
+};
+
+const MapEmbed = ({ src }: MapEmbedProps) => {
+ return (
+
+
+
+ );
+};
+
+export default MapEmbed;
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index 0cac72f..ecafb9d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -187,3 +187,17 @@ h6 {
2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 10%, transparent);
border: 1px solid var(--color-secondary-cta);
}
+
+.map-container {
+ width: 100%;
+ height: 200px;
+ border-radius: var(--radius);
+ overflow: hidden;
+ border: 1px solid color-mix(in srgb, var(--foreground) 20%, transparent);
+}
+
+.map-container iframe {
+ width: 100%;
+ height: 100%;
+ border: 0;
+}