Add Tailwind CSS styling - #2
Conversation
Co-authored-by: Marcus <marcus.hohlbein@gmail.com>
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes and found 2 potential issues.
Bugbot Autofix is OFF. To automatically fix reported issues with Cloud Agents, enable Autofix in the Cursor dashboard.
This is the final PR Bugbot will review for you during this billing cycle
Your free Bugbot reviews will reset on March 26
Details
You are on the Bugbot Free tier. On this plan, Bugbot will review limited PRs each billing cycle.
To receive Bugbot reviews on all of your PRs, visit the Cursor dashboard to activate Pro and start your 14-day free trial.
| } | ||
|
|
||
| const { title } = Astro.props; | ||
| --- |
There was a problem hiding this comment.
Tailwind stylesheet never loaded
High Severity
Layout.astro does not import src/styles/global.css, which is where the @tailwind directives and theme base styles are defined. Without loading that stylesheet, utility classes like bg-bg-primary and text-text-primary won’t render as intended, so the new landing page ships effectively unstyled.
| </a> | ||
| <a | ||
| href="#docs" | ||
| class="inline-flex items-center px-8 py-4 border border-border text-text-primary font-medium rounded-lg text-sm transition-all duration-200 hover:border-text-secondary hover:bg-bg-secondary" |
There was a problem hiding this comment.
Navigation anchors point to missing sections
Low Severity
Several links use fragment targets like #install, #docs, and #community, but no elements in index.astro define matching id values. Those CTA and footer links do not navigate to any section, so the in-page navigation behavior advertised by the UI is broken.
Additional Locations (1)
1 participant
Pull Request Description
This PR implements Tailwind CSS for styling the marketing site, creating a dark-themed landing page with Geist Mono font and modern UI components.
Fixes #1dbc8ee5-9965-46d4-8b75-a2eca987405c
Summary
#0a0a0a, text-primary:#ffffff, accent-primary:#3b82f6)src/pages/index.astro) with hero section, features grid, terminal demo, and footersrc/layouts/Layout.astro) with Google Fonts integration for Geist Monosrc/styles/global.css) with CSS custom properties for themingastro.config.mjs) with Tailwind integrationType of Change
Checklist
Code Quality
Testing
bun test)bun run check-types)bun run check)Functionality
Documentation
Testing Instructions
git checkout tembo/create-dark-marketing-astro-geist && bun installcd apps/marketing && bun run devhttp://localhost:4321in browserScreenshots/Videos (if applicable)
N/A - Marketing landing page with dark theme
Additional Notes
@astrojs/tailwind@^6.0.0,tailwindcss@^3.4.0,autoprefixer@^10.4.0,postcss@^8.4.0Review Focus
Thank you for contributing to TerminAI! 🚀
Note
Medium Risk
Adds a new
apps/marketingAstro app plus Tailwind/PostCSS build tooling and updates the lockfile with many new transitive deps; risk is mainly build/config and dependency churn rather than runtime-critical logic.Overview
Introduces a new
apps/marketingAstro site configured with@astrojs/tailwind, PostCSS, and a custom Tailwind theme (dark mode, extended colors, and a blink animation).Adds a dark-themed landing page (
src/pages/index.astro) and baseLayout.astro, plusglobal.csstheme variables and typography setup. Updatesbun.lockto include the new workspace and pin/resolve the added dependency graph.Written by Cursor Bugbot for commit c0ef80c. This will update automatically on new commits. Configure here.