From d2c759a8b477417704a29f50f7a5724f2988dad2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Saugat=20Pachhai=20=28=E0=A4=B8=E0=A5=8C=E0=A4=97=E0=A4=BE?= =?UTF-8?q?=E0=A4=A4=29?= Date: Fri, 17 Oct 2025 16:42:08 +0545 Subject: [PATCH 1/3] Revert "Implement dvc.org redesign to include dvcx coming soon (#4737)" This reverts commit cc9b04897fe7431239132b0d282e08af06771111. --- plugins/landing-page/gatsby-node.ts | 23 ++- .../Nav/LinkItems/styles.module.css | 21 ++- .../{HeroContainer => HeroSection}/index.tsx | 15 +- src/components/HeroSection/styles.module.css | 4 + .../Hero/GetStarted/GetStartedWithDvc.tsx | 61 ------- .../Home/Hero/GetStarted/styles.module.css | 152 ------------------ src/components/Home/Hero/HeroTitleSection.tsx | 51 ------ src/components/Home/Hero/index.tsx | 13 -- src/components/Home/Hero/styles.module.css | 67 -------- src/components/Home/LandingHero/DvcSlides.tsx | 27 ---- .../Home/LandingHero/Slides/index.tsx | 86 +++++----- src/components/Home/LandingHero/index.tsx | 4 +- src/components/Home/LogosSlider/index.tsx | 2 +- .../Home/LogosSlider/styles.module.css | 6 +- src/components/Home/index.tsx | 44 ++++- src/components/Home/styles.module.css | 6 +- src/components/Spinner/index.tsx | 25 --- src/components/Support/index.tsx | 6 +- .../TwoRowsButton/styles.module.css | 7 +- src/imgs/arrow-down-white.svg | 4 - src/imgs/arrow-right-black.svg | 4 - src/pages/index.tsx | 5 +- src/utils/format.ts | 21 --- static/img/arrow-down-white.svg | 4 - static/img/arrow-right-black.svg | 4 - static/img/landing/star-github.svg | 9 -- static/img/logos/dvc.svg | 1 - static/img/logos/dvcx.svg | 1 - 28 files changed, 125 insertions(+), 548 deletions(-) rename src/components/{HeroContainer => HeroSection}/index.tsx (50%) create mode 100644 src/components/HeroSection/styles.module.css delete mode 100644 src/components/Home/Hero/GetStarted/GetStartedWithDvc.tsx delete mode 100644 src/components/Home/Hero/GetStarted/styles.module.css delete mode 100644 src/components/Home/Hero/HeroTitleSection.tsx delete mode 100644 src/components/Home/Hero/index.tsx delete mode 100644 src/components/Home/Hero/styles.module.css delete mode 100644 src/components/Home/LandingHero/DvcSlides.tsx delete mode 100644 src/components/Spinner/index.tsx delete mode 100644 src/imgs/arrow-down-white.svg delete mode 100644 src/imgs/arrow-right-black.svg delete mode 100644 src/utils/format.ts delete mode 100644 static/img/arrow-down-white.svg delete mode 100644 static/img/arrow-right-black.svg delete mode 100644 static/img/landing/star-github.svg delete mode 100644 static/img/logos/dvc.svg delete mode 100644 static/img/logos/dvcx.svg diff --git a/plugins/landing-page/gatsby-node.ts b/plugins/landing-page/gatsby-node.ts index 35b079cd3f..17d4280690 100644 --- a/plugins/landing-page/gatsby-node.ts +++ b/plugins/landing-page/gatsby-node.ts @@ -59,19 +59,18 @@ export const onCreateNode: GatsbyNode['onCreateNode'] = async api => { terminal: terminal.split('\n').map(processTerminalLine).join('\n') } }) - if (node.relativePath === 'dvc.yml') { - const DvcSlide = { - id: createNodeId('DvcSlide'), - parent: node.id, - children: [], - internal: { - type: 'DvcSlide', - contentDigest: node.internal.contentDigest - }, - slides: processedSlides + const landingPageNode = { + slides: processedSlides, + + id: createNodeId('LandingPage'), + parent: node.id, + children: [], + internal: { + type: 'LandingPage', + contentDigest: node.internal.contentDigest } - createNode(DvcSlide) - createParentChildLink({ child: DvcSlide, parent: node }) } + createNode(landingPageNode) + createParentChildLink({ child: landingPageNode, parent: node }) } } diff --git a/src/@dvcorg/gatsby-theme/components/LayoutHeader/Nav/LinkItems/styles.module.css b/src/@dvcorg/gatsby-theme/components/LayoutHeader/Nav/LinkItems/styles.module.css index 649761f2c6..a1149f6d41 100644 --- a/src/@dvcorg/gatsby-theme/components/LayoutHeader/Nav/LinkItems/styles.module.css +++ b/src/@dvcorg/gatsby-theme/components/LayoutHeader/Nav/LinkItems/styles.module.css @@ -50,11 +50,11 @@ font-family: var(--font-base); font-weight: 400; - font-size: 17px; - line-height: 20px; + font-size: 20px; + line-height: 24px; text-decoration: none; color: #353940; - padding: 20px 5px; + padding: 20px 10px; display: flex; align-items: flex-end; border: none; @@ -88,8 +88,8 @@ } .linkIcon { - width: 16px; - height: 16px; + width: 18px; + height: 18px; margin-left: 4px; } @@ -97,14 +97,13 @@ display: none; } - @media screen(xl) { - font-size: 20px; - line-height: 24px; - padding: 20px 10px; + @media screen(mdMax) { + font-size: 17px; + line-height: 20px; .linkIcon { - width: 18px; - height: 18px; + width: 16px; + height: 16px; } } } diff --git a/src/components/HeroContainer/index.tsx b/src/components/HeroSection/index.tsx similarity index 50% rename from src/components/HeroContainer/index.tsx rename to src/components/HeroSection/index.tsx index 6665e188a7..ab76cdeff7 100644 --- a/src/components/HeroContainer/index.tsx +++ b/src/components/HeroSection/index.tsx @@ -2,20 +2,17 @@ import cn from 'classnames' import LayoutWidthContainer from '@dvcorg/gatsby-theme/src/components/LayoutWidthContainer' -interface IHeroContainerProps { +import * as styles from './styles.module.css' + +interface IHeroSectionProps { className?: string children: React.ReactNode - id?: HTMLDivElement['id'] } -const HeroContainer: React.FC = ({ - className, - children, - id -}) => ( -
+const HeroSection: React.FC = ({ className, children }) => ( +
{children}
) -export default HeroContainer +export default HeroSection diff --git a/src/components/HeroSection/styles.module.css b/src/components/HeroSection/styles.module.css new file mode 100644 index 0000000000..08ab468646 --- /dev/null +++ b/src/components/HeroSection/styles.module.css @@ -0,0 +1,4 @@ +.heroSection { + width: 100%; + background-color: var(--color-light-blue); +} diff --git a/src/components/Home/Hero/GetStarted/GetStartedWithDvc.tsx b/src/components/Home/Hero/GetStarted/GetStartedWithDvc.tsx deleted file mode 100644 index d0b71df153..0000000000 --- a/src/components/Home/Hero/GetStarted/GetStartedWithDvc.tsx +++ /dev/null @@ -1,61 +0,0 @@ -import Link from '@dvcorg/gatsby-theme/src/components/Link' -import ShowOnly from '@dvcorg/gatsby-theme/src/components/ShowOnly' -import { logEvent } from '@dvcorg/gatsby-theme/src/utils/front/plausible' - -import { cn } from '../../../../utils' -import DownloadButton from '../../../DownloadButton' -import HeroContainer from '../../../HeroContainer' -import TwoRowsButtonLink from '../../../TwoRowsButton/link' -import DvcSlides from '../../LandingHero/DvcSlides' - -import * as styles from './styles.module.css' - -const logVSCodeEvent = () => { - logEvent('Button', { Item: 'vscode-dvc-ext' }) -} - -const HeroButtons = () => ( -
- - - Get started - - - - - - - } - onClick={logVSCodeEvent} - href="https://marketplace.visualstudio.com/items?itemName=Iterative.dvc" - /> -
-) - -const GetStartedWithDvc = () => { - return ( - -
-

Get Started with

- DVC Logo -
- - - - ) -} - -export default GetStartedWithDvc diff --git a/src/components/Home/Hero/GetStarted/styles.module.css b/src/components/Home/Hero/GetStarted/styles.module.css deleted file mode 100644 index 7dc7c6b24b..0000000000 --- a/src/components/Home/Hero/GetStarted/styles.module.css +++ /dev/null @@ -1,152 +0,0 @@ -.container { - display: flex; - justify-content: space-between; - padding-top: 136px; - padding-bottom: 146px; - - @media screen(smMax) { - flex-direction: column; - padding-top: 46px; - padding-bottom: 86px; - } -} - -.about { - @media screen(smMax) { - max-width: 412px; - width: 100%; - margin: 0 auto; - } -} - -.buttonsContainer { - display: flex; - margin-top: 28px; - justify-content: center; - - @media screen(xsMax) { - flex-direction: column; - } -} - -.actionButton { - min-width: 186px; - text-decoration: none; - margin-left: 15px; - - @media screen(xsMax) { - min-height: 60px; - margin: 0; - margin-bottom: 12px; - } -} - -.getStartedButton { - display: flex; - align-items: center; - padding: 0 20px; - font-size: 20px; - font-weight: 500; - line-height: 0.9; - border: solid 2px transparent; - border-radius: 4px; - color: #fff; - background-color: var(--color-azure); - transition: 0.2s background-color ease-out; - - &:hover { - background-color: var(--color-azure-hover); - } -} - -.actionButtonIcon { - width: 20px; - height: 20px; -} - -.commands { - display: flex; - flex: 1 1 auto; - flex-direction: column; - align-items: flex-end; - max-width: 412px; - padding-top: 10px; - margin-left: 20px; - font-family: monospace; - - @media screen(smMax) { - align-items: center; - margin: 30px auto 0; - padding-top: 24px; - } - - @media only screen and (device-width >= 768px) and (device-width <= 1024px) { - align-items: center; - padding-top: 24px; - } -} - -.command { - display: flex; - align-items: center; - width: 100%; - height: 57px; - margin-bottom: 13px; - border-radius: 8px; - border: solid 1px transparent; - background-color: #fff; - color: #b4b9c4; - box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%); - transform: translateZ(0); - opacity: 0.3; - transition: - opacity 3s, - border 0.5s, - color 1s; - - &.active { - border-color: var(--color-purple); - color: var(--color-gray-hover); - opacity: 1; - } -} - -.line { - padding: 0 10px 0 12px; - font-size: 15px; - font-weight: 700; -} - -.video { - align-self: center; - flex-basis: 50%; - - @media screen(smMax) { - max-width: 412px; - width: 100%; - margin: 40px 0 0; - } - - @media screen(xxsMax) { - margin: 20px 0 0; - } -} - -.github { - margin-top: 51px; - font-size: 14px; - font-weight: 500; - color: var(--color-gray-light); - align-items: center; - - @media screen(smMax) { - margin-top: 24px; - font-size: 18px; - } - - @media only screen and (device-width >= 768px) and (device-width <= 1024px) { - align-items: center; - margin-top: 24px; - font-size: 18px; - } -} diff --git a/src/components/Home/Hero/HeroTitleSection.tsx b/src/components/Home/Hero/HeroTitleSection.tsx deleted file mode 100644 index eed9cb3343..0000000000 --- a/src/components/Home/Hero/HeroTitleSection.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import cn from 'classnames' - -import * as styles from './styles.module.css' - -const HeroTitleSection = ({ className }: { className?: string }) => { - return ( -
-
-
-

- - Data Version Control -
- - – and much more – - -
- - for AI projects -

-

- Free and open source, forever. -

-
-
-

- Manage and version images, audio, video, and text files in storage - and organize your ML modeling process into a reproducible workflow. -

-
-
-
- ) -} - -export default HeroTitleSection diff --git a/src/components/Home/Hero/index.tsx b/src/components/Home/Hero/index.tsx deleted file mode 100644 index 1c5049105e..0000000000 --- a/src/components/Home/Hero/index.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import GetStartedWithDvc from './GetStarted/GetStartedWithDvc' -import HeroTitleSection from './HeroTitleSection' - -const Hero = () => { - return ( - <> - - - - ) -} - -export default Hero diff --git a/src/components/Home/Hero/styles.module.css b/src/components/Home/Hero/styles.module.css deleted file mode 100644 index 7e0970bb37..0000000000 --- a/src/components/Home/Hero/styles.module.css +++ /dev/null @@ -1,67 +0,0 @@ -.title { - font-size: 32px; - line-height: 1.5; - - @media screen(md) { - font-size: 40px; - } -} - -.gridContainer { - display: grid; - grid-template-columns: 1fr 1fr; /* Two columns */ - grid-template-rows: auto auto; /* Two rows */ - gap: 40px 0; -} - -.heroViz { - grid-column: 1/3; - grid-row: 1; - max-width: 706px; - margin: auto; - width: 90%; - - @media screen(md) { - width: 100%; - } -} - -.heroDesc { - @apply p-4 text-xl sm:text-2xl font-normal text-left; - - @media screen(md) { - line-height: 3rem; - } -} - -.datachainDesc { - grid-column: 1/2; - grid-row: 2; -} - -.dvcDesc { - grid-column: 2/3; - grid-row: 2; -} - -@media screen(lg) { - .gridContainer { - grid-template-columns: 1fr 2fr 1fr; /* Three columns */ - grid-template-rows: auto; - } - - .heroViz { - grid-column: 2/3; - grid-row: 1; - } - - .datachainDesc { - grid-column: 1/2; - grid-row: 1; - } - - .dvcDesc { - grid-column: 3/4; - grid-row: 1; - } -} diff --git a/src/components/Home/LandingHero/DvcSlides.tsx b/src/components/Home/LandingHero/DvcSlides.tsx deleted file mode 100644 index 10a8b2f680..0000000000 --- a/src/components/Home/LandingHero/DvcSlides.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import { graphql, useStaticQuery } from 'gatsby' - -import Slides, { ISlide } from './Slides' - -const DvcSlides = () => { - const { - dvcSlide: { slides } - } = useStaticQuery(graphql` - query { - dvcSlide { - slides { - title - description - terminal - } - } - } - `) as { - dvcSlide: { - slides: ISlide[] - } - } - - return -} - -export default DvcSlides diff --git a/src/components/Home/LandingHero/Slides/index.tsx b/src/components/Home/LandingHero/Slides/index.tsx index d529f48397..4be1ec9359 100644 --- a/src/components/Home/LandingHero/Slides/index.tsx +++ b/src/components/Home/LandingHero/Slides/index.tsx @@ -1,9 +1,10 @@ import cn from 'classnames' +import { graphql, useStaticQuery } from 'gatsby' import { Reducer, useCallback, useMemo, useReducer } from 'react' import { MemoizedTypedTerminal } from '../Typed' -export interface ISlide { +interface ILandingPageSlide { title: string description: string terminal: string @@ -31,19 +32,24 @@ const TerminalButtons = () => (
) -const Slides = ({ - slides, - terminalSide = 'right', - theme = 'dark' -}: { - slides: ISlide[] - terminalSide?: 'right' | 'left' - theme?: 'light' | 'dark' -}) => { - const leftTerminal = terminalSide === 'left' - const rightTerminal = terminalSide === 'right' - const lightTheme = theme === 'light' - const darkTheme = theme === 'dark' +export const HeroSlides = () => { + const { + landingPage: { slides } + } = useStaticQuery(graphql` + query { + landingPage { + slides { + title + description + terminal + } + } + } + `) as { + landingPage: { + slides: ILandingPageSlide[] + } + } const [{ currentIndex }, changeCurrentIndex] = useReducer< Reducer<{ currentIndex: number; paused: boolean }, number | undefined> @@ -79,7 +85,7 @@ const Slides = ({ () => window.setTimeout(() => { changeCurrentIndex(undefined) - }, 2500), + }, 2000), [changeCurrentIndex] ) @@ -93,22 +99,12 @@ const Slides = ({ }, [terminal, currentIndex, onComplete]) return ( -
+
@@ -137,28 +129,24 @@ const Slides = ({ {slides.map(({ title, description }, i) => { const active = currentIndex === i return ( -
  • +
    • ) } - -export default Slides diff --git a/src/components/Home/LandingHero/index.tsx b/src/components/Home/LandingHero/index.tsx index 11a6419f23..819ecd2155 100644 --- a/src/components/Home/LandingHero/index.tsx +++ b/src/components/Home/LandingHero/index.tsx @@ -7,8 +7,8 @@ import { logEvent } from '@dvcorg/gatsby-theme/src/utils/front/plausible' import DownloadButton from '../../DownloadButton' import TwoRowsButtonLink from '../../TwoRowsButton/link' -import DvcSlides from './DvcSlides' import GithubLine from './GithubLine' +import { HeroSlides } from './Slides' import * as styles from './styles.module.css' const logUseCasesEvent = () => { @@ -90,7 +90,7 @@ const LandingHero = () => { learning development, make your repo the backbone of your project, and instill best practices across your team.

    - +
    diff --git a/src/components/Home/LogosSlider/index.tsx b/src/components/Home/LogosSlider/index.tsx index 75bf0e5fa2..5c88feafff 100644 --- a/src/components/Home/LogosSlider/index.tsx +++ b/src/components/Home/LogosSlider/index.tsx @@ -19,7 +19,7 @@ const CompanySlider = () => { 'mb-8 w-full grid place-items-center overflow-hidden relative' )} > -
    +
    diff --git a/src/components/Home/LogosSlider/styles.module.css b/src/components/Home/LogosSlider/styles.module.css index 004e2e1508..fa0a74c60b 100644 --- a/src/components/Home/LogosSlider/styles.module.css +++ b/src/components/Home/LogosSlider/styles.module.css @@ -7,8 +7,6 @@ .fade { &::before { - @apply bg-gradient-to-l from-purple-100/80 to-transparent; - content: ''; position: absolute; top: 0; @@ -16,6 +14,7 @@ z-index: 1; width: 50px; height: 100%; + background: linear-gradient(to left, var(--color-light-blue), transparent); @media screen(sm) { width: 100px; @@ -23,8 +22,6 @@ } &::after { - @apply bg-gradient-to-r from-purple-100/80 to-transparent; - content: ''; position: absolute; top: 0; @@ -32,6 +29,7 @@ z-index: 1; width: 50px; height: 100%; + background: linear-gradient(to right, var(--color-light-blue), transparent); @media screen(sm) { width: 100px; diff --git a/src/components/Home/index.tsx b/src/components/Home/index.tsx index d1bef007c2..13a022fca2 100644 --- a/src/components/Home/index.tsx +++ b/src/components/Home/index.tsx @@ -1,13 +1,51 @@ +import Link from '@dvcorg/gatsby-theme/src/components/Link' +import { logEvent } from '@dvcorg/gatsby-theme/src/utils/front/plausible' + +import HeroSection from '../HeroSection' +import PromoSection from '../PromoSection' import SubscribeSection from '../SubscribeSection' -import Hero from './Hero' +import Diagram from './Diagram' +import LandingHero from './LandingHero' +import LearnMore from './LearnMore' import CompanySlider from './LogosSlider' +import * as styles from './styles.module.css' +import UseCases from './UseCases' +import WhatsNewModal from './WhatsNewModal' + +const logGetStartedEvent = () => logEvent('Promo', { Item: 'get-started' }) +const logUseCasesEvent = () => logEvent('Promo', { Item: 'use-cases' }) const Home: React.FC = () => { return ( <> - - + + + + + + + + + Get Started + , + + Use Cases + + ]} + /> + ) diff --git a/src/components/Home/styles.module.css b/src/components/Home/styles.module.css index 8097ad24b1..8eb190be8e 100644 --- a/src/components/Home/styles.module.css +++ b/src/components/Home/styles.module.css @@ -1,4 +1,8 @@ -.heroContainer { +html { + scroll-behavior: smooth; +} + +.heroSection { @apply pt-14; position: relative; diff --git a/src/components/Spinner/index.tsx b/src/components/Spinner/index.tsx deleted file mode 100644 index 7aec88908e..0000000000 --- a/src/components/Spinner/index.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import { cn } from '../../utils' - -const Spinner = ({ className }: { className?: string }) => { - return ( - - ) -} - -export default Spinner diff --git a/src/components/Support/index.tsx b/src/components/Support/index.tsx index afe0be2c06..766fa9fbc8 100644 --- a/src/components/Support/index.tsx +++ b/src/components/Support/index.tsx @@ -4,7 +4,7 @@ import LayoutWidthContainer from '@dvcorg/gatsby-theme/src/components/LayoutWidt import Link from '@dvcorg/gatsby-theme/src/components/Link' import ShowOnly from '@dvcorg/gatsby-theme/src/components/ShowOnly' -import HeroContainer from '../HeroContainer' +import HeroSection from '../HeroSection' import PageContent from '../PageContent' import PromoSection from '../PromoSection' @@ -14,11 +14,11 @@ import * as styles from './styles.module.css' const SupportPage: React.FC = () => ( <> - +

    Questions, feedback, or just need to get in touch?

    -     +
    diff --git a/src/components/TwoRowsButton/styles.module.css b/src/components/TwoRowsButton/styles.module.css index c1407fd7f4..7443f43c02 100644 --- a/src/components/TwoRowsButton/styles.module.css +++ b/src/components/TwoRowsButton/styles.module.css @@ -48,14 +48,13 @@ } &.outline { - @apply border-light; - + border-color: rgb(176 184 197 / 47%); color: var(--color-gray-hover); - background-color: transparent; + background-color: var(--color-light-blue); &.active, &:hover { - @apply bg-light; + background-color: var(--color-light-blue-hover); } } diff --git a/src/imgs/arrow-down-white.svg b/src/imgs/arrow-down-white.svg deleted file mode 100644 index b83b6688bd..0000000000 --- a/src/imgs/arrow-down-white.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/imgs/arrow-right-black.svg b/src/imgs/arrow-right-black.svg deleted file mode 100644 index 1abe38ca46..0000000000 --- a/src/imgs/arrow-right-black.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 37338df77d..f81f534a56 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -4,10 +4,7 @@ import Home from '../components/Home' import MainLayout from '../components/MainLayout' const HomePage = ({ location }: PageProps) => ( - + ) diff --git a/src/utils/format.ts b/src/utils/format.ts deleted file mode 100644 index 5227eddb97..0000000000 --- a/src/utils/format.ts +++ /dev/null @@ -1,21 +0,0 @@ -export default function shortenNumber(num: number, precision: number = 2) { - if (num < 1000) { - return num - } - const map = [ - { suffix: 'T', threshold: 1e12 }, - { suffix: 'B', threshold: 1e9 }, - { suffix: 'M', threshold: 1e6 }, - { suffix: 'K', threshold: 1e3 }, - { suffix: '', threshold: 1 } - ] - - const found = map.find(x => Math.abs(num) >= x.threshold) - if (found) { - const formatted = (num / found.threshold).toFixed(precision) + found.suffix - - return formatted - } - - return num -} diff --git a/static/img/arrow-down-white.svg b/static/img/arrow-down-white.svg deleted file mode 100644 index b83b6688bd..0000000000 --- a/static/img/arrow-down-white.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/static/img/arrow-right-black.svg b/static/img/arrow-right-black.svg deleted file mode 100644 index 1abe38ca46..0000000000 --- a/static/img/arrow-right-black.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/static/img/landing/star-github.svg b/static/img/landing/star-github.svg deleted file mode 100644 index 62515e1e40..0000000000 --- a/static/img/landing/star-github.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/static/img/logos/dvc.svg b/static/img/logos/dvc.svg deleted file mode 100644 index 9eb1fc727a..0000000000 --- a/static/img/logos/dvc.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/static/img/logos/dvcx.svg b/static/img/logos/dvcx.svg deleted file mode 100644 index 4d342f2ed7..0000000000 --- a/static/img/logos/dvcx.svg +++ /dev/null @@ -1 +0,0 @@ - From 93cd97bae8832dc253af2e8cc8eb648dce027657 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Saugat=20Pachhai=20=28=E0=A4=B8=E0=A5=8C=E0=A4=97=E0=A4=BE?= =?UTF-8?q?=E0=A4=A4=29?= Date: Fri, 17 Oct 2025 17:41:10 +0545 Subject: [PATCH 2/3] full width company icons and colored icons on hover --- src/components/Home/LogosSlider/index.tsx | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/src/components/Home/LogosSlider/index.tsx b/src/components/Home/LogosSlider/index.tsx index 5c88feafff..1ff7f8638d 100644 --- a/src/components/Home/LogosSlider/index.tsx +++ b/src/components/Home/LogosSlider/index.tsx @@ -14,12 +14,8 @@ const CompanySlider = () => {
    -
    -
    +
    +
    From 0b88738e2d6de2c62dca56afba707c5f13b9adf8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Saugat=20Pachhai=20=28=E0=A4=B8=E0=A5=8C=E0=A4=97=E0=A4=BE?= =?UTF-8?q?=E0=A4=A4=29?= Date: Fri, 17 Oct 2025 18:15:59 +0545 Subject: [PATCH 3/3] set overflow-hidden --- src/components/Home/LogosSlider/index.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/Home/LogosSlider/index.tsx b/src/components/Home/LogosSlider/index.tsx index 1ff7f8638d..75bf0e5fa2 100644 --- a/src/components/Home/LogosSlider/index.tsx +++ b/src/components/Home/LogosSlider/index.tsx @@ -14,7 +14,11 @@ const CompanySlider = () => {
    -
    +