Skip to content

Landing Page Revamp#382

Open
swamimalode07 wants to merge 10 commits intodatabuddy-analytics:mainfrom
swamimalode07:feature/landing-revamp
Open

Landing Page Revamp#382
swamimalode07 wants to merge 10 commits intodatabuddy-analytics:mainfrom
swamimalode07:feature/landing-revamp

Conversation

@swamimalode07
Copy link
Copy Markdown

@swamimalode07 swamimalode07 commented Apr 4, 2026

Description

Please include a summary of the change and which issue is fixed. Also include relevant motivation and context.

Checklist
  • My code follows the style guidelines of this project
  • I have performed a self-review of my code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings
  • I have added tests that prove my fix is effective or that my feature works
  • New and existing unit tests pass locally with my changes

Key Changes

  • Refined typography across the landing page for better readability and visual hierarchy
  • Updated overall design to align with brand guidelines
  • Revamped the testimonials section with improved layout and presentation
  • Redesigned the section below the hero to better communicate value
  • Added a new Frequently Asked Questions (FAQ) section
  • Fixed and improved the footer and final CTA section for better clarity and usability

@CLAassistant
Copy link
Copy Markdown

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
You have signed the CLA already but the status is still pending? Let us recheck it.

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai bot commented Apr 4, 2026

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: b9c8d718-5ef8-4618-a907-5b7ecf2830ae

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

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 and usage tips.

@vercel
Copy link
Copy Markdown

vercel bot commented Apr 4, 2026

@swamimalode07 is attempting to deploy a commit to the Databuddy OSS Team on Vercel.

A member of the Team first needs to authorize it.

@vercel vercel bot temporarily deployed to Preview – dashboard April 4, 2026 20:34 Inactive
@vercel
Copy link
Copy Markdown

vercel bot commented Apr 4, 2026

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

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
dashboard Skipped Skipped Apr 18, 2026 9:16pm

@greptile-apps
Copy link
Copy Markdown
Contributor

greptile-apps bot commented Apr 4, 2026

Greptile Summary

This PR revamps the docs landing page with a new hero section (tabbed iframe demo), testimonials marquee, FAQ accordion, feature grid, trusted-by logo groups, an animated wordmark, a redesigned navbar, and a new footer with CTA banner and newsletter form.

  • trusted-by.tsx: All three customer-segment arrays (juneCustomers, analyticsMigrators, migratedOffOthers) contain identical data — every section renders the same six logos, which contradicts the intended segmentation and violates the project's no-mock-data rule.
  • footer.tsx: The copyright row applies both flex-row and flex-col at the same breakpoint; flex-row is silently overridden and the row never becomes horizontal.

Confidence Score: 4/5

Safe to merge after fixing the duplicate trusted-by data and the flex-row/flex-col layout bug in the footer.

One clear P1 (all three TrustedBy sections show identical companies, contradicting intent and the no-mock-data rule) and one layout P2 (flex-row always overridden by flex-col) need resolution. The rest of the changes are well-structured.

apps/docs/components/landing/trusted-by.tsx (duplicate data arrays), apps/docs/components/footer.tsx (flex conflict on copyright row)

Important Files Changed

Filename Overview
apps/docs/components/landing/trusted-by.tsx Introduces three customer-segment logo groups, but all three arrays contain identical data — a clear copy-paste error that renders the same six companies in every section. Also uses the invalid text-md Tailwind class.
apps/docs/components/footer.tsx New footer with CTA banner, newsletter form, and link columns. Has conflicting flex-row flex-col on the copyright row (flex-col always wins), and uses react-icons (FaXTwitter, IoMdMail) instead of Phosphor icons.
apps/docs/components/landing/hero.tsx Adds tab-based iframe demo switcher with lazy loading via requestIdleCallback and fullscreen support. Logic is sound; responsive breakpoints look correct.
apps/docs/components/landing/testimonials.tsx Dual-row marquee of testimonial cards with avatar fallback and conditional X-link wrapping. Uses tracking-tight on headings which violates the project's UI guideline against modifying letter-spacing.
apps/docs/components/landing/faq-section.tsx Sticky-title accordion FAQ layout using the project's Accordion primitives. Uses tracking-tight on the heading contrary to the UI guideline.
apps/docs/components/landing/wordmark.tsx Adds an interactive DATABUDDY SVG wordmark with a mouse-tracking radial gradient reveal using motion/react. Implementation is self-contained and cleanup is handled in useEffect.
apps/docs/app/global.css Adds many utility classes, responsive font-size overrides, mobile performance tweaks, and accordion/marquee animation keyframes. The dotted-bg utility block is defined twice (as both a @utility and a bare class).
apps/docs/components/landing/grid-cards.tsx Static 6-card feature grid using Phosphor icons and a SciFiGridCard primitive. No issues found.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    Page["Landing Page (page.tsx)"]
    Navbar["Navbar"]
    Hero["Hero\n(tabbed iframe demo)"]
    BG["BackgroundFlow\n(SVG decoration)"]
    Grid["GridCards\n(feature grid)"]
    Trusted["TrustedBy\n(logo groups ⚠️ identical data)"]
    Testimonials["Testimonials\n(dual marquee)"]
    FAQ["FaqSection\n(accordion)"]
    Footer["Footer\n(CTA + newsletter + links)"]
    Wordmark["Wordmark\n(interactive SVG)"]

    Page --> Navbar
    Page --> Hero
    Hero --> BG
    Page --> Grid
    Page --> Trusted
    Page --> Testimonials
    Page --> FAQ
    Page --> Footer
    Footer --> Wordmark
Loading

Reviews (2): Last reviewed commit: "fixed responsiveness" | Re-trigger Greptile

Comment thread apps/docs/components/nav-link.tsx Outdated
<Component
className={cn(
"flex items-center gap-2 px-4 py-4 font-medium text-muted-foreground text-sm hover:text-foreground",
"flex items-center gap-2 px-4 py-5 font-medium text-foreground/70 text-md hover:text-foreground",
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.

P1 text-md is not a valid Tailwind CSS utility

text-md does not exist in Tailwind CSS (v3 or v4) and is not defined as a custom utility anywhere in this project — there is no tailwind.config.* file and global.css has no text-md definition. Tailwind will silently ignore it, so no font-size will be applied to these elements. The standard equivalent for base/medium text is text-base (1rem).

This same invalid class appears in multiple places across the PR:

  • apps/docs/components/navbar-features-menu.tsx:92
  • apps/docs/components/github-nav-mark.tsx:30
  • apps/docs/components/navbar.tsx:59
Suggested change
"flex items-center gap-2 px-4 py-5 font-medium text-foreground/70 text-md hover:text-foreground",
"flex items-center gap-2 px-4 py-5 font-medium text-foreground/70 text-base hover:text-foreground",

Comment on lines 29 to 31
<span
className="rounded-full border border-border/50 bg-muted/50 px-2.5 py-0.5 font-medium text-foreground/90 text-xs"
className="rounded-full px-1 py-0.5 pt-1 font-medium text-foreground text-md"
title="GitHub stars"
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.

P2 Redundant padding utilities on GithubStarsBadge

py-0.5 sets both top and bottom padding to 0.125rem, but pt-1 then overrides the top to 0.25rem. While CSS cascade makes this work, it is confusing to read. Prefer explicit pb-0.5 pt-1 to make the intent clear:

Suggested change
<span
className="rounded-full border border-border/50 bg-muted/50 px-2.5 py-0.5 font-medium text-foreground/90 text-xs"
className="rounded-full px-1 py-0.5 pt-1 font-medium text-foreground text-md"
title="GitHub stars"
<span
className="rounded-full pb-0.5 pt-1 px-1 font-medium text-foreground text-base"
title="GitHub stars"
>

Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!

@vercel vercel bot temporarily deployed to Preview – dashboard April 4, 2026 20:48 Inactive
@swamimalode07 swamimalode07 marked this pull request as draft April 4, 2026 20:53
@swamimalode07 swamimalode07 changed the title navbar fixed Landing Page Revamp Apr 4, 2026
@vercel vercel bot temporarily deployed to Preview – dashboard April 5, 2026 19:03 Inactive
@vercel vercel bot temporarily deployed to Preview – dashboard April 7, 2026 15:31 Inactive
@vercel vercel bot temporarily deployed to Preview – dashboard April 9, 2026 12:31 Inactive
@vercel vercel bot temporarily deployed to Preview – dashboard April 9, 2026 18:00 Inactive
@vercel vercel bot temporarily deployed to Preview – dashboard April 15, 2026 10:49 Inactive
@vercel vercel bot temporarily deployed to Preview – dashboard April 16, 2026 20:16 Inactive
@vercel vercel bot temporarily deployed to Preview – dashboard April 16, 2026 21:00 Inactive
@vercel vercel bot temporarily deployed to Preview – dashboard April 18, 2026 21:16 Inactive
@swamimalode07 swamimalode07 marked this pull request as ready for review April 18, 2026 21:26
@swamimalode07
Copy link
Copy Markdown
Author

hola @izadoesdev , have a look at this PR

Comment on lines 3 to +89
@@ -47,81 +44,158 @@ const industryLeaders = [
},
];

// const engineerCompanies = [{ name: "Vercel" }, { name: "Mintlify" }];
const analyticsMigrators = [
{
name: "Open (YC W24)",
url: "https://open.cx",
logo: "/social/opencx-black.svg",
invert: true,
description: "AI-Powered customer support platform",
},
{
name: "Autumn (S25)",
url: "https://useautumn.com",
logo: "/social/autumn.svg",
logoClass: "h-8 sm:h-10",
invert: false,
description: "Monetization infrastructure for developers",
},
{
name: "Better Auth (YC X25)",
url: "https://www.better-auth.com",
logo: "/social/better-auth.svg",
invert: true,
description: "The #1 Authentication framework for TypeScript",
},
{
name: "OpenCut",
url: "https://opencut.app",
logo: "/social/opencut.svg",
invert: true,
description: "Open source video editor",
},
{
name: "Maza",
url: "https://maza.vc",
logo: "/social/maza.svg",
description: "Venture Capital Fund",
},
{
name: "Figurable",
url: "https://figurable.ai",
logo: "/social/figurable.svg",
invert: true,
},
];
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.

P1 Identical data in all three customer-segment arrays

juneCustomers, analyticsMigrators, and migratedOffOthers are defined with the exact same six companies. Every rendered LogoGroup block will show Open, Autumn, Better Auth, OpenCut, Maza, and Figurable — the page gives the impression these are three distinct audiences but they are not. The custom rule for this project also explicitly prohibits placeholder or duplicate mock data. The arrays need to be populated with their actual distinct company lists before this can ship.

Context Used: Basic guidelines for the project so vibe coders do... (source)

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.

2 participants