Merge pull request #92 from the-collab-lab/kd-add-screenshots

[KD] Add screenshots of app on About page
the-collab-lab · Apr 6, 2024 · e4299d1 · e4299d1
2 parents 6a29da7 + 68b8881
commit e4299d1
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 7 deletions.
diff --git a/public/img/phone1.png b/public/img/phone1.png
diff --git a/public/img/phone2.png b/public/img/phone2.png
diff --git a/public/img/phone3.png b/public/img/phone3.png
diff --git a/public/img/phone4.png b/public/img/phone4.png
diff --git a/public/img/phone5.png b/public/img/phone5.png
diff --git a/src/views/About.jsx b/src/views/About.jsx
@@ -8,7 +8,7 @@ export function About() {
 			<main className="About-main">
 				<h1 className="About-title">How It Works</h1>
 				<section className="About-section">
-					<img width="250px" alt="phone screenshot" src="../img/phone.png" />
+					<img width="250px" alt="phone screenshot" src="../img/phone1.png" />
 					<div className="About-section-text">
 						<h2>Lending a list-ening ear</h2>
 						<p>
@@ -19,18 +19,18 @@ export function About() {
 					</div>
 				</section>
 				<section className="About-section">
-					<img width="250px" alt="phone screenshot" src="../img/phone.png" />
+					<img width="250px" alt="phone screenshot" src="../img/phone2.png" />
 					<div className="About-section-text">
 						<h2>Before you go down the Aisle</h2>
 						<p>
-							Inside your list, tap the big 'Add' button to add a new item.
-							Aisle Be There for you, asking when you might need to restock your
+							Inside your list, tap the 'Add' button to add a new item. Aisle Be
+							There for you, asking when you might need to restock your
 							aisle-ments! <Emoji label="coffee">☕</Emoji>
 						</p>
 					</div>
 				</section>
 				<section className="About-section">
-					<img width="250px" alt="phone screenshot" src="../img/phone.png" />
+					<img width="250px" alt="phone screenshot" src="../img/phone3.png" />
 					<div className="About-section-text">
 						<h2>Aisle check on you</h2>
 						<p>
@@ -42,7 +42,7 @@ export function About() {
 					</div>
 				</section>
 				<section className="About-section">
-					<img width="250px" alt="phone screenshot" src="../img/phone.png" />
+					<img width="250px" alt="phone screenshot" src="../img/phone4.png" />
 					<div className="About-section-text">
 						<h2>Aisle Be There to guide you</h2>
 						<p>
@@ -53,7 +53,7 @@ export function About() {
 					</div>
 				</section>
 				<section className="About-section">
-					<img width="250px" alt="phone screenshot" src="../img/phone.png" />
+					<img width="250px" alt="phone screenshot" src="../img/phone5.png" />
 					<div className="About-section-text">
 						<h2>Aisle Be your community</h2>
 						<p>