diff --git a/src/Components/Footer.css b/src/Components/Footer.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/Components/Logo.css b/src/Components/Logo.css
new file mode 100644
index 0000000..1ea7390
--- /dev/null
+++ b/src/Components/Logo.css
@@ -0,0 +1,41 @@
+.web-logo-symbol {
+    position: relative;
+    max-width: 300px;
+}
+
+.web-logo .web-logo-symbol .symbol-word {
+    position: absolute;
+    top: 50%;
+    left: 53%;
+    translate: -50% -50%;
+}
+
+.web-logo .web-logo-symbol h1 {
+    font-size: 150px;
+    margin: 0;
+    text-align: center;
+    font-family: 'Times New Roman', Times, serif;
+    font-weight: 900;
+    background-image: url(data:image/jpeg;base64,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);
+    background-size: cover;
+    background-clip: text;
+    -webkit-background-clip: text;
+    color: transparent;
+}
+
+.web-logo .web-logo-symbol h4 {
+    margin: 0;
+    font-size: 30px;
+    font-family: 'Times New Roman', Times, serif;
+    font-weight: 900;
+}
+
+.web-logo .web-logo-symbol .symbol-word {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.symbol-word .symbol-word-chef {
+    font-size: 40px;
+}
diff --git a/src/Components/Logo.js b/src/Components/Logo.js
new file mode 100644
index 0000000..e0431e8
--- /dev/null
+++ b/src/Components/Logo.js
@@ -0,0 +1,21 @@
+import React from 'react';
+import './Logo.css';
+
+import { GiCook } from "react-icons/gi";
+
+function logo() {
+  return (
+    <div className='web-logo'>
+        <div className='web-logo-symbol'>
+            <h1>GD</h1>
+            <div className='symbol-word'>
+                <h4 className='symbol-word-grand'>Grand</h4>
+                <GiCook className='symbol-word-chef'/>
+                <h4 className='symbol-word-delight'>Delight</h4>
+            </div>
+        </div>
+    </div>
+  )
+}
+
+export default logo
\ No newline at end of file
diff --git a/src/Components/main.js b/src/Components/main.js
index de069b6..b815622 100644
--- a/src/Components/main.js
+++ b/src/Components/main.js
@@ -8,6 +8,7 @@ import Story from "./Story";
 import SectionHeader from "./SectionHeader";
 import MenuIntro from "./MenuIntro";
 import PlaceIntro from "./PlaceIntro";
+import Logo from "./Logo";
 import { NavLink } from "react-router-dom";
 
 function Main() {
diff --git a/src/images/GD-Logo.png b/src/images/GD-Logo.png
new file mode 100644
index 0000000..22b0378
Binary files /dev/null and b/src/images/GD-Logo.png differ