feat: landing page redesign#16
Merged
vitabaks merged 29 commits intoJun 29, 2026
Merged
Conversation
New home page replacing old landing sections: - HeroSection: typewriter heading animation - ArchDiagramSection: architecture diagram with pinch-zoom lightbox - ValuePropsSection: GSAP stagger feature cards - ProductHighlightsSection: Open Source / Self-Hosted / Production Ready - CLISection: inline + fullscreen terminal with matrix canvas - SocialProofSection: time-to-deploy stats card - ContactSection: icon-prefixed links with subtitles - FeaturesGridSection: HA/Failover/Backups/PITR/Monitoring/Upgrades grid - Design system: CSS tokens, Quantico font, GSAP scroll-reveal - Navbar: simplified non-fixed bar; Footer: Autobase-branded - SideNavbar: slides in on home scroll (desktop only) - Full mobile responsive layout Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Introduce a dedicated landingPage wrapper and centralized theme tokens. Update custom.css with new root variables, responsive sizes, and dark background tweaks; remove an unused font import. Apply landingPage class in src/pages/index.js. Make Navbar and Footer render original themed components for non-home pages using useLocation/useBaseUrl, and add/docs-specific styling (.docsNavbar). Add local CSS variables to several component styles (ArchDiagramSection, CLISection, SideNavbar, Footer) and refine navbar transparency and responsive padding.
Remove the ClickEffect import and its BrowserOnly mounting from src/theme/Root.js. This stops the ClickEffect component from being rendered alongside children and SideNavbar, leaving other behavior unchanged.
Remove BrowserOnly, useLocation and SideNavbarGate from the Root component and stop rendering the SideNavbar from this file. Root now simply returns its children, simplifying the layout and eliminating the previous client-only sidebar rendering that appeared only on '/'.
Update hero section headline to 'DATABASE PLATFORM FOR POSTGRESQL' and expand subtext to include full description. Adjust animation timing from 68ms to 60ms per character. Simplify cursor display logic by removing line-specific cursor conditions and keeping cursor only on subtitle text throughout animation.
Merge the two separate legal text paragraphs in the footer into a single paragraph for better visual hierarchy. Update the legal text font size to use CSS clamp() for fluid responsive typography, scaling between 12px and 16px based on viewport width.
Replace the previous multi-column contact block and inline SVG icon components with a compact links array and a single nav-based layout (with aria-label). Update JSX to render simple separated inline links and open external links in new tabs. Adjust styles: increased section padding, removed grid/column/list styles, added .title, .links and .separator rules, and updated responsive behavior. Also updated contact link list (GitHub, X, LinkedIn, Telegram, YouTube, Email, Support) and simplified CSS for better mobile layout.
Add a TrustedByCarousel component that displays sponsor logos in a continuous marquee. Implements a LogoSet with lazy-loaded images, a duplicated hidden set for seamless looping, aria-hidden on the duplicate, and safe external links. Includes styles (marquee animation, hover pause, reduced-motion support, responsive sizes). Import and render the carousel in HeroSection. Files added: src/components/TrustedByCarousel/index.js, src/components/TrustedByCarousel/styles.module.css; modified: src/components/HeroSection/index.js.
Refactor responsive CSS for ProductHighlightsSection: at max-width 900px the .row is centered, .divider widened to 88px, and .item converted to a 2-column grid (64px + fluid) with constrained width (max 420px) and centered icons. At max-width 600px the grid columns shrink to 56px, gaps reduced, width constrained to 360px, and icon SVGs set to 40px. These changes improve alignment, spacing and readability on narrow screens.
Edit src/components/CLISection/index.js to change CTA/menu copy and link targets: rename menu item from 'Download Community Edition' to 'Download Platform'; update primary CTA href to '/docs#getting-started' and text to 'DOWNLOAD PLATFORM' with subtitle 'Enterprise Edition · Free Trial 14 Days'; change secondary CTA to 'GET A DEMO' with subtitle "use token 'demo' to access". Aligns UI copy with platform offering and demo access.
Refactor CTA styles to consolidate shared properties (outline, background, transform-style/origin, and expanded transition rules) into the base selector. Removed the opacity/translateY hover effect and moved the hover border/outline color change so it applies to both .ctaPrimary and .ctaSecondary, improving hover/focus visuals and enabling smoother 3D transforms. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-Authored-By: Claude Sonnet 4.6 <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
2 participants
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.
New home page replacing old landing sections: