Align landing page UI with provided mobile hero reference

[Copilot]

The existing homepage diverged from the provided reference design for the primary landing experience. This change replaces the landing page composition and styling so the live UI matches the supplied visual structure, hierarchy, and CTA flow.

• Hero and top navigation alignment

  • Reworked the header to match the screenshot pattern: brand at left, compact auth action, and primary “Scan My Repos Free” CTA at right.
  • Rebuilt the hero with the same title treatment, gradient emphasis line, supporting copy, prompt input + Generate action, helper sign-in text, and dual CTA row.

• Visual system updates on the homepage

  • Applied the dark/neon gradient backdrop, glow layers, and rounded glass-like containers to match the reference tone.
  • Preserved motion accents via existing animation classes for subtle floating/staggered entrance behavior.

• Information architecture parity

  • Added the KPI strip directly below hero (14,500+, 320,000+, 98%, 6x) with matching labeling.
  • Added the “WORKS WHERE YOUR CODE ALREADY LIVES” platform badge grid with live/soon status chips.

• Functional behavior retained

  • Kept existing route/auth entry points intact (/api/auth/github/login, /pricing, /dashboard) while updating presentation and layout.

const stats = [
  { value: '14,500+', label: 'Developers' },
  { value: '320,000+', label: 'Repos Scanned' },
  { value: '98%', label: 'Code Reuse Rate' },
  { value: '6x', label: 'Faster to Ship' },
]

const platforms = [
  { name: 'GitHub', status: 'LIVE', live: true },
  { name: 'GitLab', status: 'SOON', live: false },
  { name: 'Bitbucket', status: 'SOON', live: false },
  // ...
]

Original prompt

Replace the current UI in the repository with a revamped landing page that matches the design and motion behavior shown at this reference URL:

https://78dfafad-b7e5-447a-8f29-43f4d3226b24-00-375hktp8k3qe9.worf.replit.dev/

Repository: DealPatrol/RepoFuse
Base branch: main

Task requirements:

• Inspect the existing app and identify the current landing page / homepage UI.
• Replace the current UI with a new landing page implementation inspired by and closely matching the referenced design.
• Include the animations/motion effects present in the reference experience where practical.
• Preserve or sensibly adapt the project’s existing framework, build tooling, and component conventions.
• Ensure the new UI is responsive and works well on modern desktop and mobile layouts.
• Keep the site functional; update routes/components/styles/assets as needed so the new landing page becomes the primary current UI.
• Reuse existing dependencies where possible, but add any necessary UI/animation packages if required.
• Make sure the app builds cleanly after the changes.

Implementation guidance:

• Derive the visual design, layout hierarchy, sections, and interactive behavior from the provided reference URL.
• If exact assets are not directly extractable, recreate the look and feel using code, gradients, shapes, icons, and placeholder-compatible visuals.
• Favor polished transitions, hover states, entrance animations, and section-level motion that reflect the design.
• Replace the existing landing experience rather than layering the new UI beside the old one.
• Update any relevant styling/configuration files needed to support the new design system.

Deliverable:

• Open a pull request with the UI replacement implemented in DealPatrol/RepoFuse.

The following is the prior conversation context from the user's chat exploration (may be truncated):

User: Add this UI design and anomations to my RepoFuse repo. Replace it with the current UI

Assistant: I can do that, but I need two things first:

1. The repository in explicit owner/repo form for “RepoFuse”.
2. The UI design source you want implemented:
   • upload the mockup/image/video, or
   • paste the Figma/link/spec, or
   • share the exact files/components to match.

Also, since you said “add this UI design” but I don’t see the design attached here, I can’t safely reproduce it yet.

If you want me to open a PR with the replacement UI, send:

• owner/repo
• the design asset(s)
• optional: target branch

Then I can make the UI replacement and animations in your repo.

User: DealPatrol/RepoFuse

Assistant: Got it: DealPatrol/RepoFuse.

I still need the design itself to implement it. Right now there’s no attached mockup/image/Figma/spec in the chat, so I don’t know what UI to replace the current one with.

Send any one of these:

• Screenshot/mockup of the target UI
• Figma link
• Video/GIF showing the animations
• A short spec like:
  • layout
  • colors/theme
  • typography
  • sections/components
  • animation behavior
  • mobile/desktop expectations

If you want, I can also:

• inspect the current app structure first, then
• prepare a PR once you provide the design.

As soon as you attach the design, I can implement it in DealPatrol/RepoFuse.

User: ```
git clone https://github.com/DealPatrol/repofuse.git

copy in the extracted files

git add .
git commit -m "Revamped landing page with animations and platform integrations"
git push origin main

Assistant: I can’t use that alone to make the change.

That snippet tells me **how you want changes committed**, but it still does **not include the UI design files** or animation assets to copy in. Also, for me to actually make repo changes here, you need to explicitly ask me to **open/create a PR** or provide the exact files/content to write.

Two options:

1. **Fastest:** upload the design assets here  
   - screenshots
   - zip of the UI files
   - Figma link
   - animation references

2. **If you already have the new landing page code locally:** paste the files or attach them, and I can help adapt/integrate them into `DealPatrol/RepoFuse`.

If you want me to do the full repo change end-to-end, say something like:

> Open a PR in `DealPatrol/RepoFuse` that replaces the current UI with the attached design and animations.

Then attach the design/code assets, and I’ll take it from there.

User: https://78dfafad-b7e5-447a-8f29-43f4d3226b24-00-375hktp8k3qe9.worf.replit.dev/

Assistant: I’m waiting for your confirmation on the repo change request so I can continue and open the PR.

This pull request was created from Copilot chat.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
repo-app-architect	Ready	Preview, Comment	Jun 8, 2026 12:55am
repofuse	Ready	Preview, Comment, Open in v0	Jun 8, 2026 12:55am
v0-repo-app-architect	Ready	Preview, Comment, Open in v0	Jun 8, 2026 12:55am

[supabase]

This pull request has been ignored for the connected project bpjftwoiosftvjvxpovz because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.

---

Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.