Merge pull request #75 from the-collab-lab/name-app

add logo and name app

index.html

@@ -8,11 +8,11 @@
 		/>
 		<meta
 			name="description"
-			content="A smart shopping list that learns your purchase habits and makes suggestions, so you don't forget to buy what's important."
+			content="Despiensa, a smart shopping list that learns your purchase habits and makes suggestions, so you don't forget to buy what's important."
 		/>
-		<link rel="icon" type="image/svg+xml" href="/src/favicon.ico" />
+		<link rel="icon" type="image/png" href="/src/assets/favicon.png" />
 		<meta name="color-scheme" content="dark light" />
-		<title>Smart Shopping List</title>
+		<title>Despiensa</title>
 		<script type="module" src="/src/index.jsx" async></script>
 		<script
 			src="https://kit.fontawesome.com/d9b2f1cd4a.js"

src/components/NavBar/NavBar.jsx

@@ -9,10 +9,11 @@ export function NavBar({ user, lists, listPath }) {
 			{/* DESKTOP MENU */}
 			<nav className="h-16 hidden fixed z-20 w-full lg:flex shadow-md bg-offWhite text-darkPurple text-lg sm:text-xl">
 				<div className="h-full w-full flex flex-row justify-between items-center xl:w-9/12 xl:mx-auto ">
-					<div className="h-full flex items-center pl-12">
-						<h2 className="font-amiri text-xl sm:text-2xl font-bold">
-							Smart Shopping List
+					<div className="h-full flex flex-col justify-center pl-12">
+						<h2 className="font-amiri text-2xl sm:text-3xl font-bold">
+							Despiensa
 						</h2>
+						<p className="text-xs font-poppins">Un-think your pantry</p>
 					</div>
 					{!!user && (
 						<div className="h-full flex flex-row items-center">
@@ -29,8 +30,8 @@ export function NavBar({ user, lists, listPath }) {
 			<nav className="h-12 w-full flex flex-row justify-between lg:hidden relative shadow-md text-darkPurple bg-offWhite text-lg sm:text-xl">
 				{/* MOBILE-MENU */}
 				<div className="h-full flex items-center pl-12">
-					<h2 className="font-amiri text-xl sm:text-2xl font-bold">
-						Smart Shopping List
+					<h2 className="font-amiri text-2xl sm:text-3xl font-bold">
+						Despiensa
 					</h2>
 				</div>
 				{!!user && (

src/views/Layout.jsx

@@ -22,11 +22,11 @@ export function Layout({ lists, listPath, user, isLoadingUser }) {
 						<div className="lg:w-fit flex flex-col items-center">
 							<h1 className="max-w-sm font-amiri text-3xl sm:text-4xl text-darkPurple leading-[3rem] sm:leading-[3rem]">
 								Simplify your shopping with{' '}
-								<span className="font-semibold">SmartShoppingList</span>, the
-								intuitive list organizer.
+								<span className="font-semibold">Despiensa</span>, the intuitive
+								list organizer.
 							</h1>
 							<button
-								className="w-80 mt-8 p-2 rounded-md font-poppins text-base sm:text-lg  text-puurWhite bg-lightPurple"
+								className="w-80 mt-8 p-2 rounded-md font-poppins text-base sm:text-lg  text-puurWhite bg-lightPurple hover:bg-hoverPurple transition ease-in-out"
 								type="button"
 								onClick={handleClickSignIn}
 							>