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>