You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@pinot.apache.org by xi...@apache.org on 2026/03/21 06:08:15 UTC
(pinot-site) branch feature/company-logo-bar created (now 9629e39e)
This is an automated email from the ASF dual-hosted git repository.
xiangfu pushed a change to branch feature/company-logo-bar
in repository https://gitbox.apache.org/repos/asf/pinot-site.git
at 9629e39e feat: add company logo bar section below hero
This branch includes the following new commits:
new 9629e39e feat: add company logo bar section below hero
The 1 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails. The revisions
listed as "add" were already present in the repository and have only
been added to this reference.
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@pinot.apache.org
For additional commands, e-mail: commits-help@pinot.apache.org
(pinot-site) 01/01: feat: add company logo bar section below hero
Posted by xi...@apache.org.
This is an automated email from the ASF dual-hosted git repository.
xiangfu pushed a commit to branch feature/company-logo-bar
in repository https://gitbox.apache.org/repos/asf/pinot-site.git
commit 9629e39e84ea517daae85f80a0044eac9c257790
Author: Xiang Fu <fx...@gmail.com>
AuthorDate: Fri Mar 20 23:04:44 2026 -0700
feat: add company logo bar section below hero
- Create CompanyLogoBar component showing 10 well-known adopters
- Add companyLogos data file with logo paths and metadata
- Insert logo bar between HeroSection and TextMediaSplitSection
- Component is responsive with grayscale logos and hover effects
- Uses existing SVG logos from public/static/images/companies/
---
app/Main.tsx | 2 ++
components/CompanyLogoBar.tsx | 34 +++++++++++++++++++++++++++
data/companyLogos.ts | 54 +++++++++++++++++++++++++++++++++++++++++++
3 files changed, 90 insertions(+)
diff --git a/app/Main.tsx b/app/Main.tsx
index 3f269c67..bf31502d 100644
--- a/app/Main.tsx
+++ b/app/Main.tsx
@@ -5,6 +5,7 @@ import { CoreContent } from 'pliny/utils/contentlayer';
import { Blog } from '@/.contentlayer/generated';
import siteMetadata from '@/data/siteMetadata';
import HeroSection from '@/components/HeroSection';
+import CompanyLogoBar from '@/components/CompanyLogoBar';
import TextMediaSplitSection from '@/components/TextMediaSplitSection';
import SectionContainer from '@/components/SectionContainer';
import Features from '@/components/Features';
@@ -21,6 +22,7 @@ const Home: FC<HomeProps> = ({ posts }) => {
return (
<>
<HeroSection />
+ <CompanyLogoBar />
<TextMediaSplitSection
videoUrl={siteMetadata.video.videoUrl}
videoTitle={siteMetadata.video.title}
diff --git a/components/CompanyLogoBar.tsx b/components/CompanyLogoBar.tsx
new file mode 100644
index 00000000..dfec5fd9
--- /dev/null
+++ b/components/CompanyLogoBar.tsx
@@ -0,0 +1,34 @@
+import Image from 'next/image';
+import React from 'react';
+import companyLogos from '@/data/companyLogos';
+
+const CompanyLogoBar: React.FC = () => {
+ return (
+ <section className="flex flex-col px-6 py-14 md:mx-auto md:max-w-screen-outerLiveArea md:px-[6.75rem] md:py-[4rem]">
+ <div className="mx-auto w-full max-w-7xl">
+ <h3 className="mb-12 text-center text-lg font-semibold text-gray-700 dark:text-gray-300 md:text-xl">
+ Trusted by engineering teams at leading companies
+ </h3>
+ <div className="flex flex-wrap items-center justify-center gap-8 md:gap-12">
+ {companyLogos.map((company, index) => (
+ <div
+ key={index}
+ className="flex items-center justify-center transition-opacity duration-300 hover:opacity-80"
+ >
+ <Image
+ src={company.logo}
+ alt={company.alt}
+ width={120}
+ height={40}
+ className="h-auto w-auto max-w-[100px] grayscale dark:invert md:max-w-[120px]"
+ priority={false}
+ />
+ </div>
+ ))}
+ </div>
+ </div>
+ </section>
+ );
+};
+
+export default CompanyLogoBar;
diff --git a/data/companyLogos.ts b/data/companyLogos.ts
new file mode 100644
index 00000000..99ec707d
--- /dev/null
+++ b/data/companyLogos.ts
@@ -0,0 +1,54 @@
+const companyLogos = [
+ {
+ name: 'Stripe',
+ logo: '/static/images/companies/fintech/stripe.svg',
+ alt: 'Stripe'
+ },
+ {
+ name: 'Goldman Sachs',
+ logo: '/static/images/companies/fintech/goldman_sachs.svg',
+ alt: 'Goldman Sachs'
+ },
+ {
+ name: 'Uber',
+ logo: '/static/images/companies/food/uber.svg',
+ alt: 'Uber'
+ },
+ {
+ name: 'Slack',
+ logo: '/static/images/companies/cloud/slack.svg',
+ alt: 'Slack'
+ },
+ {
+ name: 'Expedia',
+ logo: '/static/images/companies/cloud/expedia.svg',
+ alt: 'Expedia'
+ },
+ {
+ name: 'LinkedIn',
+ logo: '/static/images/companies/media/linkedin.svg',
+ alt: 'LinkedIn'
+ },
+ {
+ name: 'Walmart',
+ logo: '/static/images/companies/retail/walmart.svg',
+ alt: 'Walmart'
+ },
+ {
+ name: 'Etsy',
+ logo: '/static/images/companies/retail/etsy.svg',
+ alt: 'Etsy'
+ },
+ {
+ name: 'Roku',
+ logo: '/static/images/companies/media/roku.svg',
+ alt: 'Roku'
+ },
+ {
+ name: 'Broadcom',
+ logo: '/static/images/companies/other/broadcom.svg',
+ alt: 'Broadcom'
+ }
+];
+
+export default companyLogos;
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@pinot.apache.org
For additional commands, e-mail: commits-help@pinot.apache.org