FROM feat/tech-ecosystem-slider TO development#42
Open
ryaneggz wants to merge 4 commits into
Open
Conversation
Relocate the technology slider out of the footer into its own homepage section directly beneath the About section, upgraded to the adaptive.biz "Our Technology Ecosystem" treatment: - Two opposite-scrolling logo-card carousels (seamless loop via per-card margin) + View All ⇄ Hide responsive grid toggle - Per-card hover tooltips; logo cards with onError + naturalWidth fallback to green initials for logo-less techs - Mifune stack + theme (green accents, theme tokens); brand logos on light cards for legibility - A11y preserved: Pause/Resume + hover-pause, prefers-reduced-motion static fallback, aria-labelledby, alt text, aria-pressed/expanded - Keyframes live in tailwind.config (ship in static CSS) - Footer reverted to its pre-slider state Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
✅ Deploy Preview for promptengineers ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Switch the technology list to the icons from adaptive.biz (the old site), per request: - Base = adaptive.biz "Our Technology Ecosystem" set (deduped) - Remove LangGraph, Make.com, Pinecone, Zapier - Replace Next.js -> Vercel; add Microsoft Teams, Zoho - Use browser-safe logo sources for Anthropic, AWS, LangChain (brandfetch / langchain.com block hotlinking); all 21 logos verified rendering on the light cards, initials fallback intact Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
View All now renders exactly two static rows (11 + 10) in a single horizontal-scroll container — centered when they fit, scroll on narrow screens, never a third row — replacing the ragged lg:grid-cols-8 layout. Cards are now theme-aware: surface flips white -> elevated muted gray in dark mode, label uses text-foreground, and each logo sits on a constant white chip so near-black brand marks (OpenAI/Anthropic/Vercel/Zoho) stay legible on the dark card. Carousel, toggle, SSR fallback, and a11y are unchanged; the 21-tech list is untouched. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Drop the second "View All" grid mode and all toggle/pause controls so the section renders one thing — the two rows auto-sliding slowly in opposite directions, matching the adaptive.biz reference. Cards are tightened to a denser tile (w-24) for closer parity. Theme-aware styling (white logo chip, dark:bg-muted surface, text-foreground), the SSR fallback, hover-pause, reduced-motion fallback, and a11y all preserved; the 21-tech list is untouched. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds an "Our Technology Ecosystem" section to the homepage, directly beneath the About section, and relocates the technology slider out of the footer into it. The treatment is modeled on the
adaptive.biz"Our Technology Ecosystem" section (the old site, source:ryaneggz/adaptivebiz), and now uses adaptive.biz's technology icon set.What changed
src/sections/TechnologyEcosystemSection.tsx— a full section (eyebrow +Our Technology Ecosystemheading + subtitle) in arounded-3xl border bg-cardpanel matchingAboutSection, with framer-motion scroll-in:translateX(-50%)aligns exactly).grid-cols-2→lg:grid-cols-8, fluid cards, no mobile overflow/overlap).<img>withonError+naturalWidthmount-check falling back to a green initials box.src/app/page.tsx— renders<TechnologyEcosystemSection />immediately after<AboutSection />.src/sections/FooterSection.tsx— reverted to its pre-slider state.tailwind.config.ts—tech-ecosystem-scroll/-reversekeyframes + animations (ship in static CSS).Accessibility
Explicit Pause/Resume (controls both rows) + hover-pause;
prefers-reduced-motionstatic wrapped fallback with duplicated cards hidden;aria-labelledby;alton every logo;aria-pressed/aria-expandedon toggles; tech name always visible (tooltip is enhancement only).Verification
npm run build✓ andnpx tsc --noEmit✓ (clean).🤖 Generated with Claude Code