diff --git a/index.html b/index.html index e4b78ea..d78021b 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,10 @@ - + - + - Vite + React + TS + Chefies
diff --git a/public/chefies.png b/public/chefies.png new file mode 100644 index 0000000..cbc3cdc Binary files /dev/null and b/public/chefies.png differ diff --git a/src/assets/edit-password.png b/src/assets/edit-password.png new file mode 100644 index 0000000..2f90123 Binary files /dev/null and b/src/assets/edit-password.png differ diff --git a/src/assets/edit-profile.png b/src/assets/edit-profile.png new file mode 100644 index 0000000..90659de Binary files /dev/null and b/src/assets/edit-profile.png differ diff --git a/src/assets/get-suggestions.png b/src/assets/get-suggestions.png new file mode 100644 index 0000000..d0e7b2a Binary files /dev/null and b/src/assets/get-suggestions.png differ diff --git a/src/assets/login.png b/src/assets/login.png new file mode 100644 index 0000000..6bf8e7c Binary files /dev/null and b/src/assets/login.png differ diff --git a/src/assets/logout.png b/src/assets/logout.png new file mode 100644 index 0000000..d0a9be7 Binary files /dev/null and b/src/assets/logout.png differ diff --git a/src/assets/register.png b/src/assets/register.png new file mode 100644 index 0000000..b432fd4 Binary files /dev/null and b/src/assets/register.png differ diff --git a/src/assets/save-recipes.png b/src/assets/save-recipes.png new file mode 100644 index 0000000..f4c2aea Binary files /dev/null and b/src/assets/save-recipes.png differ diff --git a/src/assets/settings.png b/src/assets/settings.png new file mode 100644 index 0000000..c0ac4f1 Binary files /dev/null and b/src/assets/settings.png differ diff --git a/src/assets/splash.png b/src/assets/splash.png new file mode 100644 index 0000000..a115e97 Binary files /dev/null and b/src/assets/splash.png differ diff --git a/src/assets/take-photo.png b/src/assets/take-photo.png new file mode 100644 index 0000000..c620ae5 Binary files /dev/null and b/src/assets/take-photo.png differ diff --git a/src/assets/unavailable.png b/src/assets/unavailable.png new file mode 100644 index 0000000..92c3e20 Binary files /dev/null and b/src/assets/unavailable.png differ diff --git a/src/assets/verify-ingredients.png b/src/assets/verify-ingredients.png new file mode 100644 index 0000000..8d11c30 Binary files /dev/null and b/src/assets/verify-ingredients.png differ diff --git a/src/assets/what-ingredients.png b/src/assets/what-ingredients.png new file mode 100644 index 0000000..1d8a5ce Binary files /dev/null and b/src/assets/what-ingredients.png differ diff --git a/src/components/Features.tsx b/src/components/Features.tsx index 89d7e6c..843329c 100644 --- a/src/components/Features.tsx +++ b/src/components/Features.tsx @@ -1,5 +1,8 @@ import { useState } from "react"; -import phoneImage from "../assets/phone.png"; +import takePhotoImage from "../assets/take-photo.png"; +import verifyIngredientsImage from "../assets/verify-ingredients.png"; +import getSuggestionsImage from "../assets/get-suggestions.png"; +import saveRecipesImage from "../assets/save-recipes.png"; import Step from "./Step"; import { LuChevronLeftCircle, LuChevronRightCircle } from "react-icons/lu"; @@ -15,20 +18,36 @@ function Features() { {currentIdx == 0 && ( )} {currentIdx == 1 && ( )} + + {currentIdx == 2 && ( + + )} + + {currentIdx == 3 && ( + + )} - diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx index e872737..861b069 100644 --- a/src/components/Hero.tsx +++ b/src/components/Hero.tsx @@ -1,11 +1,11 @@ -import { IoMdDownload } from "react-icons/io"; -import phoneImage from "../assets/phone.png"; +import { IoLogoAndroid } from "react-icons/io"; +import phoneImage from "../assets/what-ingredients.png"; function Hero() { return (
- + Hai Chef, what ingredients do you have today?
@@ -15,9 +15,14 @@ function Hero() { healthy recipes with the ingredients you have, we got it covered!

Powered by AI.

-
diff --git a/src/components/Screenshots.tsx b/src/components/Screenshots.tsx index 9dbf9d7..c04aa91 100644 --- a/src/components/Screenshots.tsx +++ b/src/components/Screenshots.tsx @@ -1,19 +1,30 @@ import Step from "./Step"; -import phoneImage from "../assets/phone.png"; +import splashImage from "../assets/splash.png"; +import loginImage from "../assets/login.png"; +import registerImage from "../assets/register.png"; +import takePhotoImage from "../assets/take-photo.png"; +import verifyImage from "../assets/verify-ingredients.png"; +import suggestionImage from "../assets/get-suggestions.png"; +import unavailableImage from "../assets/unavailable.png"; +import settingsImage from "../assets/settings.png"; +import editProfileImage from "../assets/edit-profile.png" +import editPassword from "../assets/edit-password.png"; function Screenshots() { return (

Screenshots

- - - - - - - - + + + + + + + + + +
);