Skip to content

Add visual pitch deck slides: problem/solution breakdown, competitor comparison, architecture - #59

Open
Tar-ive wants to merge 4 commits into
mainfrom
devin/1782500992-slide-deck-visuals
Open

Add visual pitch deck slides: problem/solution breakdown, competitor comparison, architecture#59
Tar-ive wants to merge 4 commits into
mainfrom
devin/1782500992-slide-deck-visuals

Conversation

@Tar-ive

@Tar-ive Tar-ive commented Jun 26, 2026

Copy link
Copy Markdown
Owner

Summary

Overhauls the pitch deck (deck/index.html) with visual slides, generated diagrams, and structural refinements based on iterative feedback.

Structural changes:

  • Simplified cover slide (removed eyebrow, tags, footer clutter)
  • Problem slide heading → "Why gift-giving is super hard"
  • Removed "Insight" eyebrow label (kept text)
  • Removed "How It Works" slide (redundant)
  • Removed "Taste Engine" slide
  • Replaced card-based Market slide with TAM/SAM/SOM concentric circle diagram (tam-sam-som.png)
  • Added transition slide: "Now look at the technical product"
  • Cleaned up all hard-coded footer slide numbers

New generated image assets (in deck/slides/):

  • problem-breakdown.png — 3 pain points visual
  • solution-breakdown.png — 3 solutions visual
  • competitor-flows.png — step-by-step flow comparison (Elfster, Gifts.com, MyRegistry vs Giftmaxxing)
  • real-competitor-comparison.png — side-by-side screenshot comparison
  • pipeline-diagram.png — 5-stage taste pipeline
  • architecture.png — frontend/intelligence/infrastructure layers
  • tam-sam-som.png — TAM $1T+ / SAM $100B+ / SOM concentric circles

Final deck order (12 slides):

  1. Cover → 2. Problem → 3. Insight → 4. Solution → 5. Market (TAM/SAM/SOM) → 6. Transition → 7. Business Model → 8. Competition (4-quadrant) → 9. Comparison (screenshots) → 10. Competitor Flows → 11. Pipeline → 12. Architecture

Link to Devin session: https://calhacks-promptetheus.devinenterprise.com/sessions/1833bca410e744b497d4e8afa05a93d9
Requested by: @Tar-ive

Summary by CodeRabbit

  • New Features
    • Refreshed the pitch deck with new “Problem breakdown” and “Solution breakdown” visual slides.
    • Updated slide navigation by removing the earlier product slide(s) and advancing directly to the Market section.
    • Simplified slide footers to unnumbered labels and added new comparison/competitor-flow/pipeline/architecture visual slides.
    • Reworked cover text and removed the “likes/saved” mock UI element.

…comparison, architecture

- Add 8 new slides with AI-generated diagrams and competitor screenshots
- Problem visual: 3 pain points (not knowing taste, finding gifts, price hunting)
- Solution visual: how Giftmaxxing solves each (swipe, Maxi catalog, price tracking)
- Competitor screenshots: side-by-side Elfster, Gifts.com, Giftmaxxing, Giftpack, MyRegistry
- Competitor flows: step-by-step comparison of how each platform works vs us
- Pipeline diagram: 5-stage taste signal → recommendation pipeline
- Taste engine: multiple signals converging into Maxi for recommendations
- Architecture: Frontend/Intelligence Layer/Infrastructure breakdown
- Remove redundant text-only problem, solution, product, why-now slides per user feedback
- Reorder: competitor comparison before pipeline/taste engine slides
- Fix slide overflow: constrain images to max-height for proper viewport fit

Co-Authored-By: Saksham <tarive22@gmail.com>
@Tar-ive Tar-ive self-assigned this Jun 26, 2026
@devin-ai-integration

Copy link
Copy Markdown
Contributor

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

  • Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
  • Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

  • Disable automatic comment, CI, and merge conflict monitoring

@vercel

vercel Bot commented Jun 26, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
giftmaxxing Ready Ready Preview, Comment, Open in v0 Jun 27, 2026 3:28am

@coderabbitai

coderabbitai Bot commented Jun 26, 2026

Copy link
Copy Markdown

Review Change Stack

Walkthrough

The deck swaps in centered-image slides for problem and solution, removes the product section, normalizes later footer labels, and appends new image-backed slides after Competition.

Changes

Deck slide flow refresh

Layer / File(s) Summary
Cover and problem slide
deck/index.html
Slide 1 copy is shortened, the cover mock footer row is removed, and Slide 2 becomes a centered problem-visual image slide with an updated footer label.
Insight and solution flow
deck/index.html
The insight eyebrow styling is adjusted, the Insight footer label is unnumbered, Slide 4 becomes a centered solution-visual image slide, and the earlier solution/how/product blocks are removed before the market section.
Later footers and tail slides
deck/index.html
The Business model and Competition footer labels are unnumbered, and new Comparison, Competitor flows, Pipeline, and Architecture slides are appended after Competition.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

The deck now glides in visual stride,
With image-led slides side by side.
The product block has drifted away,
And new tail slides light up the play.
✨ A cleaner pitch flow takes the stage tonight.

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately reflects the main change: adding visual pitch deck slides for problem/solution, competitor comparison, and architecture.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch devin/1782500992-slide-deck-visuals

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@devin-ai-integration devin-ai-integration Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

✅ Devin Review: No Issues Found

Devin Review analyzed this PR and found no bugs or issues to report.

Open in Devin Review

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
deck/index.html (1)

340-341: 🎯 Functional Correctness | 🟡 Minor | ⚡ Quick win

Renumber or drop the hard-coded footer indices.

Deleting the product slide and appending five new sections changed the deck order, but the static footer labels now drift from the actual sequence (Market · 08, Business model · 09, Competition · 10, Architecture · 15). That creates numbering skew (index mismatch) alongside Reveal’s live c/t counter.

Also applies to: 484-600

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@deck/index.html` around lines 340 - 341, The hard-coded footer slide numbers
are now out of sync with the deck order because the slide sequence changed, so
update or remove the static indices in the footer labels to match the current
presentation flow. Adjust the relevant slide sections in the deck markup where
the footer text is defined so labels like Market, Business model, Competition,
and Architecture reflect the real order, or rely on the live Reveal counter
instead of fixed numbers.
🧹 Nitpick comments (1)
deck/index.html (1)

247-253: 📐 Maintainability & Code Quality | 🔵 Trivial | ⚡ Quick win

Extract the repeated image-slide chrome into shared classes.

The same flexbox wrapper and framed-image styling is duplicated across seven slides, and the height cap is already split between 420px and 380px. A shared class pair like .visual-slide / .visual-slide--compact would make viewport tuning a single edit instead of seven.

Also applies to: 289-295, 486-492, 516-518, 540-542, 564-566, 588-590

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@deck/index.html` around lines 247 - 253, The repeated image-slide layout is
duplicated across multiple slide blocks, so extract the shared flex wrapper and
framed image styling into reusable classes in the deck markup/styles. Update the
affected slide sections that currently use the same wrapper/image attributes to
use a common class pair such as visual-slide and visual-slide--compact, and keep
the height cap centralized so viewport tuning only needs one edit.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@deck/index.html`:
- Around line 582-586: The pricing claim in the lead paragraph is missing a
verification qualifier, so update the copy in the slide content that mentions
the “≈ $0.60 per 10k gift ideas” cost to include a source/date assumption or a
brief “verify before investor use” note, consistent with the Market and Business
Model slides. Keep the change localized to this descriptive text so the claim is
clearly labeled without altering the surrounding layout.

---

Outside diff comments:
In `@deck/index.html`:
- Around line 340-341: The hard-coded footer slide numbers are now out of sync
with the deck order because the slide sequence changed, so update or remove the
static indices in the footer labels to match the current presentation flow.
Adjust the relevant slide sections in the deck markup where the footer text is
defined so labels like Market, Business model, Competition, and Architecture
reflect the real order, or rely on the live Reveal counter instead of fixed
numbers.

---

Nitpick comments:
In `@deck/index.html`:
- Around line 247-253: The repeated image-slide layout is duplicated across
multiple slide blocks, so extract the shared flex wrapper and framed image
styling into reusable classes in the deck markup/styles. Update the affected
slide sections that currently use the same wrapper/image attributes to use a
common class pair such as visual-slide and visual-slide--compact, and keep the
height cap centralized so viewport tuning only needs one edit.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: b46f0001-85b3-44f9-8564-c9cdc593eed5

📥 Commits

Reviewing files that changed from the base of the PR and between 3ba0da5 and cd1bea7.

⛔ Files ignored due to path filters (17)
  • deck/slides/architecture.png is excluded by !**/*.png
  • deck/slides/competitor-comparison.png is excluded by !**/*.png
  • deck/slides/competitor-flows.png is excluded by !**/*.png
  • deck/slides/elfster-how-it-works.png is excluded by !**/*.png
  • deck/slides/elfster-shop.png is excluded by !**/*.png
  • deck/slides/elfster.png is excluded by !**/*.png
  • deck/slides/feature-matrix.png is excluded by !**/*.png
  • deck/slides/giftmaxxing-features.png is excluded by !**/*.png
  • deck/slides/giftmaxxing-hero.png is excluded by !**/*.png
  • deck/slides/giftpack.png is excluded by !**/*.png
  • deck/slides/gifts-com.png is excluded by !**/*.png
  • deck/slides/myregistry.png is excluded by !**/*.png
  • deck/slides/pipeline-diagram.png is excluded by !**/*.png
  • deck/slides/problem-breakdown.png is excluded by !**/*.png
  • deck/slides/real-competitor-comparison.png is excluded by !**/*.png
  • deck/slides/solution-breakdown.png is excluded by !**/*.png
  • deck/slides/taste-engine.png is excluded by !**/*.png
📒 Files selected for processing (1)
  • deck/index.html

Comment thread deck/index.html
Comment on lines +582 to +586
<p class="lead-sm mt-s">
Next.js 16 on Vercel up front. AWS Lambda, DynamoDB, and Bedrock Titan
Multimodal Embeddings on the back. No idle servers — the whole
recommendation pipeline costs <span class="strong">≈ $0.60 per 10k gift ideas</span>.
</p>

@coderabbitai coderabbitai Bot Jun 26, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

📐 Maintainability & Code Quality | 🟡 Minor | ⚡ Quick win

Add a source/date qualifier for the per-recommendation cost claim.

This slide hard-codes ≈ $0.60 per 10k gift ideas without the kind of verification note used on the Market and Business Model slides. For pitch-deck credibility, attach the assumption date or a small “verify before investor use” qualifier here too.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@deck/index.html` around lines 582 - 586, The pricing claim in the lead
paragraph is missing a verification qualifier, so update the copy in the slide
content that mentions the “≈ $0.60 per 10k gift ideas” cost to include a
source/date assumption or a brief “verify before investor use” note, consistent
with the Market and Business Model slides. Keep the change localized to this
descriptive text so the claim is clearly labeled without altering the
surrounding layout.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed the footer numbering in 33bd46f — Market is now 06, Business model 07, Competition 08, Architecture 13 to match the actual 13-slide deck order.

Re: the cost claim qualifier — this is pre-existing content from the original deck, not introduced by this PR. Skipping as a non-functional nit. Same for the CSS class extraction suggestion.

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Skipped: comment is from another GitHub bot.

Co-Authored-By: Saksham <tarive22@gmail.com>
Co-Authored-By: Saksham <tarive22@gmail.com>
…ition slide, remove How It Works and Taste Engine slides

Co-Authored-By: Saksham <tarive22@gmail.com>

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
deck/index.html (1)

453-518: 🎯 Functional Correctness | 🟠 Major | 🏗️ Heavy lift

The taste-engine slide from the PR scope is missing.

This tail section jumps from competitor flows straight to Pipeline/Architecture, and there is no dedicated taste-engine visual anywhere in the file. If that removal was intentional, the PR objective needs to change; otherwise the deck is currently missing one of the promised core visuals.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@deck/index.html` around lines 453 - 518, The deck is missing the dedicated
taste-engine slide, since the sequence in the slide markup jumps from the
competitor-flows section directly to pipeline and architecture. Add the missing
taste-engine section in this area of the slide deck using the same structure and
naming conventions as the neighboring sections (for example, data-slide
attributes, wrap/eyebrow/h1/foot pattern) so the PR still includes the promised
core visual.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@deck/index.html`:
- Around line 311-315: The transition slide copy in the section identified by
data-slide="transition" is out of sync with the actual slide order, since it
introduces the technical product before the following Business model and
Competition slides. Either move this transition block to immediately before the
Pipeline/Architecture content, or update the heading text in the transition
section to clearly bridge into the commercial section instead of the technical
one.

---

Outside diff comments:
In `@deck/index.html`:
- Around line 453-518: The deck is missing the dedicated taste-engine slide,
since the sequence in the slide markup jumps from the competitor-flows section
directly to pipeline and architecture. Add the missing taste-engine section in
this area of the slide deck using the same structure and naming conventions as
the neighboring sections (for example, data-slide attributes,
wrap/eyebrow/h1/foot pattern) so the PR still includes the promised core visual.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 25093ce4-7015-4a2f-bf0b-721e393df429

📥 Commits

Reviewing files that changed from the base of the PR and between 33bd46f and 4b9abbe.

⛔ Files ignored due to path filters (1)
  • deck/slides/tam-sam-som.png is excluded by !**/*.png
📒 Files selected for processing (1)
  • deck/index.html

Comment thread deck/index.html
Comment on lines +311 to +315
<!-- ════════════════ SLIDE — TRANSITION ════════════════ -->
<section data-slide="transition">
<div class="wrap center">
<div class="stack gap-m" style="align-items:center; text-align:center; max-width:900px; margin:0 auto;">
<h1 class="display">Now look at the<br/><span class="grad">technical product</span>.</h1>

@coderabbitai coderabbitai Bot Jun 27, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎯 Functional Correctness | 🟡 Minor | ⚡ Quick win

Fix the transition copy/order mismatch.

Line 315 tees up the technical product, but the next slides are Business model and Competition. Either move this transition down to just before Pipeline/Architecture, or rewrite it to bridge into the commercial section.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@deck/index.html` around lines 311 - 315, The transition slide copy in the
section identified by data-slide="transition" is out of sync with the actual
slide order, since it introduces the technical product before the following
Business model and Competition slides. Either move this transition block to
immediately before the Pipeline/Architecture content, or update the heading text
in the transition section to clearly bridge into the commercial section instead
of the technical one.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The taste-engine slide was intentionally removed per the user's explicit request: "Slide 12 does not need to be the taste engine, does not need to be the weekend models." This is not a regression — it was a deliberate removal.

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Skipped: comment is from another GitHub bot.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The transition slide placement was explicitly requested by the user: "After slide six [Market], I would add a slide saying 'Now look at the technical product.'" The user wanted it here as a narrative bridge into the second half of the deck (business model, competition, and technical architecture). Keeping it as-is per the user's direction.

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Skipped: comment is from another GitHub bot.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant