diff --git a/Facebook_Logo_2023.png b/Facebook_Logo_2023.png
new file mode 100644
index 00000000..03056266
Binary files /dev/null and b/Facebook_Logo_2023.png differ
diff --git a/Instagram_descarga.jpg b/Instagram_descarga.jpg
new file mode 100644
index 00000000..d5e8fdc7
Binary files /dev/null and b/Instagram_descarga.jpg differ
diff --git a/LinkedIn_descarga.png b/LinkedIn_descarga.png
new file mode 100644
index 00000000..a2ab6638
Binary files /dev/null and b/LinkedIn_descarga.png differ
diff --git a/X_descarga.png b/X_descarga.png
new file mode 100644
index 00000000..7dc3ca41
Binary files /dev/null and b/X_descarga.png differ
diff --git a/bot.png b/bot.png
new file mode 100644
index 00000000..2c894b15
Binary files /dev/null and b/bot.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..9ff6653c
--- /dev/null
+++ b/index.html
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+
+
+ Chatbot
+
+
+
+
+
+
Maria's Pizza
+
+
+
+
+
+
+
+
+
+
+
Freshly made Pizza
+
Order your best Pizza ever!
+
+
+
+
+
+
+
+
+
+
msg
+
+
+
+
+
+
+
+
msg
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pexels-narda-yescas-724842-1566837.jpg b/pexels-narda-yescas-724842-1566837.jpg
new file mode 100644
index 00000000..adfb6661
Binary files /dev/null and b/pexels-narda-yescas-724842-1566837.jpg differ
diff --git a/script.js b/script.js
new file mode 100644
index 00000000..b86fe22e
--- /dev/null
+++ b/script.js
@@ -0,0 +1,141 @@
+// DOM selectors (variables that point to selected DOM elements) goes here 👇
+const chat = document.getElementById('chat');
+const inputField = document.getElementById('user-input');
+const sendButton = document.getElementById('send-btn');
+
+// Variables for order details
+let selectedPizza = '';
+let extras = [];
+let size = '';
+
+// Options for pizzas and extra ingredients
+const pizzaOptions = {
+ Margherita: 10,
+ Pepperoni: 12,
+ "Four Cheese": 14,
+ "Veggie Deluxe": 13
+};
+
+const extraOptions = {
+ "Extra Cheese": 2,
+ "Mushrooms": 1.5,
+ "Olives": 1,
+ "Pepperoni": 2.5
+};
+
+// Functions goes here 👇
+
+//when website is loaded, chatbot asks the first question
+const greetUser = () => {
+ console.log("Welcome to Maria's Pizza! What type of pizza would you like to order today?", "bot");
+ showMessage("Hello!", "user");
+};
+
+
+// Show pizza options to the user
+const showPizzaOptions = () => {
+ let pizzaList = Object.keys(pizzaOptions).map(pizza => `${pizza} ($${pizzaOptions[pizza]})`).join(', ');
+ showMessage(`We have the following options: ${pizzaList}`, "bot");
+};
+
+// Show extra ingredients options to the user
+const showExtraOptions = () => {
+ let extraList = Object.keys(extraOptions).map(extra => `${extra} ($${extraOptions[extra]})`).join(', ');
+ showMessage(`Would you like any extra ingredients? Here are the options: ${extraList}. Type 'no' if you don't want extras.`, "bot");
+};
+
+// Show size options to the user
+const showSizeOptions = () => {
+ showMessage("Would you like a portion for a child ($5 less) or an adult?", "bot");
+};
+
+// Function to handle user input and bot responses
+const handleUserInput = () => {
+ const userInput = inputField.value;
+ showMessage(userInput, 'user');
+
+ if (!selectedPizza) {
+ // Select pizza
+ if (pizzaOptions[userInput]) {
+ selectedPizza = userInput;
+ showExtraOptions();
+ } else {
+ showMessage("Please select a valid pizza option.", "bot");
+ }
+ } else if (extras.length === 0) {
+ // Select extra ingredients
+ if (userInput.toLowerCase() === 'no') {
+ showSizeOptions();
+ } else if (extraOptions[userInput]) {
+ extras.push(userInput);
+ showMessage(`${userInput} added to your order. Any other extras? (Type 'no' to finish)`, "bot");
+ } else {
+ showMessage("Please select a valid extra ingredient or type 'no'.", "bot");
+ }
+ } else if (!size) {
+ // Select size
+ if (userInput.toLowerCase() === 'child') {
+ size = 'child';
+ finalizeOrder();
+ } else if (userInput.toLowerCase() === 'adult') {
+ size = 'adult';
+ finalizeOrder();
+ } else {
+ showMessage("Please choose between 'child' or 'adult' portion.", "bot");
+ }
+ }
+
+ inputField.value = ''; // Clear input field after each input
+};
+
+// Function to finalize the order and show the total price
+const finalizeOrder = () => {
+ let basePrice = pizzaOptions[selectedPizza];
+ let extraPrice = extras.reduce((sum, extra) => sum + extraOptions[extra], 0);
+ let sizeDiscount = size === 'child' ? 5 : 0;
+ let totalPrice = basePrice + extraPrice - sizeDiscount;
+
+ showMessage(`Great choice! You've ordered a ${selectedPizza} pizza with ${extras.length > 0 ? extras.join(', ') : 'no extras'} for a ${size} portion.`, "bot");
+ showMessage(`The total price is $${totalPrice}. Thank you for your order!`, "bot");
+};
+
+// Function to show messages in the chat
+
+const showMessage = (msg, sender) => {
+ console.log("MESSAGE IS:", msg);
+ console.log("SENDER IS:", sender);
+ // The if statement checks if the sender is the user
+ if (sender === "user") {
+ chat.innerHTML += `
+
+
${msg}
+
+
+`;
+ // The else if statement checks if the sender is the bot
+ } else if (sender === "bot") {
+ chat.innerHTML += `
+
+ 
+ 
+
+
+