Skip to content

Aaron/editing article#402

Open
Marcellolepoe wants to merge 10 commits intomainfrom
aaron/landing-page-refresh
Open

Aaron/editing article#402
Marcellolepoe wants to merge 10 commits intomainfrom
aaron/landing-page-refresh

Conversation

@Marcellolepoe
Copy link
Collaborator

No description provided.

@gemini-code-assist
Copy link

Summary of Changes

Hello, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request focuses on content expansion and significant UI/UX improvements. It introduces a new, analytical article on AI Overviews in Google Search, while simultaneously streamlining site navigation by removing the 'Referral' page and integrating a 'Pricing' section into the homepage. The 'Who We Are' page has been completely revamped, and blog post articles now benefit from enhanced metadata display and refined styling, contributing to a more polished and informative user experience.

Highlights

  • New Blog Article Added: A comprehensive article titled 'One Year of AI Overviews: How Google's Response to ChatGPT Has Reshaped Search' has been added, providing insights into the evolving search landscape.
  • Referral Page Removed and Replaced: The dedicated 'Referral' page and its routing have been removed. Navigation links in the header and footer that previously pointed to 'Referral' now link to a new 'Pricing' section on the homepage.
  • Who We Are Page Redesign: The 'Who We Are' page has undergone a complete redesign, featuring new content sections, updated styling, and a more engaging layout.
  • Enhanced Blog Post Presentation: Blog posts now display author details, publication date, and reading time. New CSS styling has been introduced for article headings (H2, H3) and images to improve readability and visual consistency.
  • Vite Configuration Updates: The mkcert plugin has been removed from the Vite configuration, and server host settings have been adjusted for broader compatibility.

🧠 New Feature in Public Preview: You can now enable Memory to help Gemini Code Assist learn from your team's feedback. This makes future code reviews more consistent and personalized to your project's style. Click here to enable Memory in your admin console.

Changelog
  • apps/seo-www/content/one-year-ai-overviews-google-search.mdx
    • Added a new blog article discussing the impact of AI Overviews on Google Search.
  • apps/seo-www/src/routeTree.gen.ts
    • Removed imports and route definitions for the /referral page.
  • apps/seo-www/src/routes/-components/footer.tsx
    • Updated the 'Referral' link to 'Pricing' and changed its href to /#pricing.
  • apps/seo-www/src/routes/-components/header.tsx
    • Replaced the 'Referral' menu item with 'Pricing' and updated its href to /#pricing.
    • Adjusted header styling to be sticky and use bg-background/95 with backdrop-blur.
  • apps/seo-www/src/routes/blog/$.tsx
    • Modified the BlogPost component usage to include layoutOptions for navigation control.
  • apps/seo-www/src/routes/index.tsx
    • Added an id="pricing" attribute to the PricingSection component for direct linking.
  • apps/seo-www/src/routes/who-we-are.tsx
    • Replaced the previous content and structure with a completely new design, including sections for 'About Fluid Posts', 'The Team', 'How We Work', and 'Get in Touch'.
  • apps/seo-www/src/styles.css
    • Added new CSS rules for .blog-article-prose to style h2, h3, and img elements within blog articles, including font sizes, margins, borders, and dark mode adjustments.
  • apps/seo-www/vite.config.ts
    • Removed the vite-plugin-mkcert import and plugin from the Vite configuration.
    • Updated the server host setting to true and added strictPort: false.
  • packages/content/content-collections.ts
    • Reordered the target and rel options within the rehypeExternalLinks configuration.
  • packages/content/src/components/blog-post.tsx
    • Removed the editOnGithub prop from DocsLayout.
    • Added a new section to display authorDetail, createdAt, and readingTime for blog posts.
    • Wrapped the MDXRenderer with a div having the blog-article-prose class for styling.
Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature Command Description
Code Review /gemini review Performs a code review for the current pull request in its current state.
Pull Request Summary /gemini summary Provides a summary of the current pull request in its current state.
Comment @gemini-code-assist Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help /gemini help Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

  1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution.

Copy link

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request introduces a new blog post, redesigns the 'who-we-are' page, and updates routing and navigation to replace a 'Referral' page with a 'Pricing' section. The changes are well-implemented, including new styling for blog posts and a sticky header for better user experience. I've identified a minor bug in the rendering logic for blog post metadata and provided a suggestion to ensure it displays correctly in all cases.

Comment on lines +136 to +158
{data.createdAt || data.authorDetail ? (
<div className="mb-6 flex flex-wrap items-center gap-2 text-muted-foreground text-sm">
{data.authorDetail?.name ? (
<span>By {data.authorDetail.name}</span>
) : null}
{data.authorDetail?.name && data.createdAt ? <span>·</span> : null}
{data.createdAt ? (
<time dateTime={data.createdAt}>
{new Date(data.createdAt).toLocaleDateString("en-GB", {
day: "numeric",
month: "long",
year: "numeric",
})}
</time>
) : null}
{data.readingTime ? (
<>
<span>·</span>
<span>{data.readingTime}</span>
</>
) : null}
</div>
) : null}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The current logic for displaying post metadata (author, date, reading time) has a couple of issues:

  1. The entire metadata block is only rendered if data.createdAt or data.authorDetail is present. If only readingTime is available, it won't be displayed.
  2. The separator · for readingTime is rendered unconditionally if readingTime exists, which could lead to a leading separator if neither author nor date are present (though the first issue currently prevents this specific scenario).

I've suggested a refactoring that fixes these issues by adjusting the conditional rendering to correctly handle all combinations of available metadata and ensure separators are only shown when needed.

        {(data.createdAt || data.authorDetail || data.readingTime) ? (
          <div className="mb-6 flex flex-wrap items-center gap-2 text-muted-foreground text-sm">
            {data.authorDetail?.name ? (
              <span>By {data.authorDetail.name}</span>
            ) : null}
            {data.authorDetail?.name && data.createdAt ? (
              <span>·</span>
            ) : null}
            {data.createdAt ? (
              <time dateTime={data.createdAt}>
                {new Date(data.createdAt).toLocaleDateString("en-GB", {
                  day: "numeric",
                  month: "long",
                  year: "numeric",
                })}
              </time>
            ) : null}
            {(data.authorDetail?.name || data.createdAt) &&
            data.readingTime ? (
              <span>·</span>
            ) : null}
            {data.readingTime ? <span>{data.readingTime}</span> : null}
          </div>
        ) : null}

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.

1 participant