diff --git a/src/App.css b/src/App.css
index 17a633a..1e9e735 100644
--- a/src/App.css
+++ b/src/App.css
@@ -424,6 +424,61 @@ img {
grid-template-columns: 1fr 1fr;
}
+/**/
+.signatureDish-container {
+ max-width: 300px;
+ margin: 10px;
+}
+
+.signatureDish-image {
+ max-width: 300px;
+ max-height: 300px;
+ margin: 0;
+ border-radius: 20px 20px 0px 0px;
+}
+
+.signatureDish-image img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ margin: 0;
+ border-radius: 20px 20px 0px 0px;
+}
+
+.signatureDish-info .signatureDish-btn {
+ margin: 10px 0px;
+}
+
+.signatureDish-img-des-info {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+
+.signatureDish-description {
+ width: 300px;
+ margin: 0;
+}
+
+.signatureDish-img-des-info .priceAndTitle {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.signatureDish-price h3 {
+ font-size: 30px;
+ color: burlywood;
+ margin: 0;
+}
+
+.menu .SignatureDish-menu {
+ margin: 40px 0px 80px 0px;
+ display: flex;
+ justify-content: space-around;
+ flex-wrap: wrap;
+}
+
/*styling the testimonials section */
diff --git a/src/Components/assets/Baked_Goat_Cheese.webp b/src/Components/assets/Baked_Goat_Cheese.webp
new file mode 100644
index 0000000..9392bea
Binary files /dev/null and b/src/Components/assets/Baked_Goat_Cheese.webp differ
diff --git a/src/Components/assets/Garlicky_Braised_Lamb.webp b/src/Components/assets/Garlicky_Braised_Lamb.webp
new file mode 100644
index 0000000..8407c82
Binary files /dev/null and b/src/Components/assets/Garlicky_Braised_Lamb.webp differ
diff --git a/src/Components/assets/Ham_Steaks.webp b/src/Components/assets/Ham_Steaks.webp
new file mode 100644
index 0000000..1bf17ff
Binary files /dev/null and b/src/Components/assets/Ham_Steaks.webp differ
diff --git a/src/Components/assets/Poached_Eggs.webp b/src/Components/assets/Poached_Eggs.webp
new file mode 100644
index 0000000..8bc0a87
Binary files /dev/null and b/src/Components/assets/Poached_Eggs.webp differ
diff --git a/src/Components/assets/Seared_Salmon.webp b/src/Components/assets/Seared_Salmon.webp
new file mode 100644
index 0000000..47eba1d
Binary files /dev/null and b/src/Components/assets/Seared_Salmon.webp differ
diff --git a/src/Components/assets/Spaghetti.webp b/src/Components/assets/Spaghetti.webp
new file mode 100644
index 0000000..d2c1445
Binary files /dev/null and b/src/Components/assets/Spaghetti.webp differ
diff --git a/src/Components/assets/Swordfish.webp b/src/Components/assets/Swordfish.webp
new file mode 100644
index 0000000..8bf24fb
Binary files /dev/null and b/src/Components/assets/Swordfish.webp differ
diff --git a/src/Components/assets/Vegetable.webp b/src/Components/assets/Vegetable.webp
new file mode 100644
index 0000000..e54b71a
Binary files /dev/null and b/src/Components/assets/Vegetable.webp differ
diff --git a/src/Pages/menu.js b/src/Pages/menu.js
index 8440f57..e5f86dc 100644
--- a/src/Pages/menu.js
+++ b/src/Pages/menu.js
@@ -26,6 +26,14 @@ import Eggs_Benedict from '../Components/assets/Eggs_Benedict.webp';
import Cheese_Sandwich from '../Components/assets/Cheese_Sandwich.webp';
import Yogurt_Parfait from '../Components/assets/Yogurt_Parfait.webp';
import French_Toast from '../Components/assets/French_Toast.webp';
+import Baked_Goat_Cheese from '../Components/assets/Baked_Goat_Cheese.webp';
+import Garlicky_Braised_Lamb from '../Components/assets/Garlicky_Braised_Lamb.webp';
+import Ham_Steaks from '../Components/assets/Ham_Steaks.webp';
+import Poached_Eggs from '../Components/assets/Poached_Eggs.webp';
+import Seared_Salmon from '../Components/assets/Seared_Salmon.webp';
+import Spaghetti from '../Components/assets/Spaghetti.webp';
+import Swordfish from '../Components/assets/Swordfish.webp';
+import Vegetable from '../Components/assets/Vegetable.webp';
/* dinks images */
import cock_pepsi from '../Components/assets/cock_pepsi.jpg'
@@ -85,7 +93,51 @@ const foodTypes = {
image: tacos,
price: 134.72,
description: "Traditional Mexican beef tacos are made with marinated sliced or shredded beef on soft corn tortillas." ,
+ },
+
+ // Signature dishes.
+
+ Poached_Eggs: {title: "Poached Eggs",
+ image: Poached_Eggs,
+ price: 134.72,
+ description: "Poached Eggs with Red Wine Sauce" ,
+ },
+ Garlicky_Braised_Lamb: {title: "Garlicky Braised Lamb",
+ image: Garlicky_Braised_Lamb,
+ price: 134.72,
+ description: "Garlick Braised Lamb Shank, Sweet Pepper" ,
+ },
+ Baked_Goat_Cheese: {title: "Baked Goat Cheese",
+ image: Baked_Goat_Cheese,
+ price: 134.72,
+ description: "Baked Goat Cheese Salad" ,
+ },
+ Seared_Salmon: {title: "Seared Salmon",
+ image: Seared_Salmon,
+ price: 134.72,
+ description: "Seared Salmon with Summer Vegetables" ,
+ },
+ Swordfish: {title: "Swordfish",
+ image: Swordfish,
+ price: 134.72,
+ description: "Swordfish Sicilian-Style" ,
+ },
+ Ham_Steaks: {title: "Ham Steaks",
+ image: Ham_Steaks,
+ price: 134.72,
+ description: "Ham Steaks in Madeira Sauce" ,
+ },
+ Spaghetti: {title: "Spaghetti",
+ image: Spaghetti,
+ price: 134.72,
+ description: "Spaghetti with Clams and Braised Greens" ,
+ },
+ Vegetable: {title: "Vegetable",
+ image: Vegetable,
+ price: 134.72,
+ description: "Vegetable Hot-and-Sour Soup" ,
}
+
};
@@ -128,7 +180,7 @@ const dessertS = {
French_Toast: {title: "French Toast",
image: French_Toast,
price: 115.88,
- description: " white, whole wheat, brioche, cinnamon-raisin, Italian, or French! Delicious served hot with butter and maple syrup." ,
+ description: "white, whole wheat, brioche, cinnamon-raisin, Italian, or French! Delicious served hot with butter and maple syrup." ,
},
}
@@ -193,6 +245,32 @@ function MenuItem({foods}) {
)
}
+function SignatureDish({foods}) {
+
+ return (
+
+
+
+
+
+
+
+
{foods.description}
+
+
+
R{foods.price}
+
+
+ Add To Cart
+
+
+
+
+
+