cody hero w/ gradients

src/components/Layout/Header/Header.tsx

@@ -83,7 +83,11 @@ export const Header: FunctionComponent<Props> = ({ minimal, colorTheme, navRef }
     }, [])
 
     return (
-        <Disclosure as="nav" className={classNames('fixed top-0 left-0 right-0 z-[1030]')} ref={navRef}>
+        <Disclosure
+            as="nav"
+            className={classNames('fixed top-0 left-0 right-0 z-[1030] transition', { 'bg-gray-50': sticky })}
+            ref={navRef}
+        >
             {({ open, close }) => (
                 <>
                     {showBanner && <Banner />}
@@ -121,7 +125,7 @@ const HEADER_CONTENT_THEME_CLASS: Record<
     >
 > = {
     white: {
-        container: 'bg-gray-50',
+        container: '',
         item: 'text-gray-500 hover:text-black active:border-none focus:ring-0',
         menu: 'bg-white border-gray-200',
         menuItem: 'text-gray-800',

src/components/cody/CodyPartners.tsx

@@ -164,7 +164,7 @@ export const CodyPartners: FunctionComponent<{ isLight?: boolean; className?: st
 }) => (
     <div className={classNames(className, 'm-0 mt-0 w-full items-center justify-center py-24 md:mt-0 md:px-[0px]')}>
         <div className="relative mx-auto max-w-[1232px]">
-            <div
+            {/* <div
                 className={`absolute left-0 top-0 bottom-0 w-16 bg-gradient-to-r ${
                     isLight ? 'from-gray-50' : 'from-gray-800'
                 } z-10 to-transparent`}
@@ -173,7 +173,7 @@ export const CodyPartners: FunctionComponent<{ isLight?: boolean; className?: st
                 className={`absolute right-0 top-0 bottom-0 w-16 bg-gradient-to-l ${
                     isLight ? 'from-gray-50' : 'from-gray-800'
                 } z-10 to-transparent`}
-            />
+            /> */}
             <InfiniteCarousel images={isLight ? lightThemeIcons : darkThemeIcons} duration={300} />
         </div>
     </div>

src/components/cody/dual-theme/CodyIntroDualTheme.tsx

@@ -32,22 +32,23 @@ export const CodyIntroDualTheme: FunctionComponent<CodyIntroDualThemeProps> = ({
 }) => (
     <ContentSection
         parentClassName="!py-0 !px-0"
-        className={classNames('pt-16 md:mt-0 md:pt-[123px]', wrapperClassName)}
+        className={classNames('pt-16 text-center md:mt-0 md:py-[123px]', wrapperClassName)}
     >
         <h1
             className={classNames('mx-auto w-full font-semibold', titleSize || 'text-4xl sm:text-6xl', {
                 'text-white': !isLight,
                 'text-gray-700': isLight,
             })}
         >
-            {(!isVariant && title) ?? <span>Code more, type&nbsp;less</span>}
+            {/* {(!isVariant && title) ?? <span>Code more, type&nbsp;less</span>}
 
-            {isVariant && <span>{title}</span>}
+            {isVariant && <span>{title}</span>} */}
+            The most informed Code AI
         </h1>
 
         <p
             className={classNames(
-                'mt-6 mb-8 font-normal leading-tight text-gray-400',
+                'text-balance mx-auto mt-6 mb-8 max-w-[50ch] font-normal leading-tight text-gray-400',
                 descriptionSize || 'md:text-xl',
                 {
                     'text-gray-100': !isLight,
@@ -57,14 +58,16 @@ export const CodyIntroDualTheme: FunctionComponent<CodyIntroDualThemeProps> = ({
             )}
         >
             {description ??
-                'Cody is an AI coding assistant that uses advanced search and codebase context to help you understand, write, and fix code faster.'}
+                'Cody uses the latest models and all your development context to help you understand, write, and fix code faster.'}
         </p>
-        <div className="mx-auto flex flex-row flex-wrap gap-[8px] rounded-[6px]">
+        <div className="mx-auto flex flex-row flex-wrap justify-center gap-[8px] rounded-[6px]">
             <button
                 type="button"
                 className={classNames(
                     'btn w-full px-6 py-2 lg:w-fit',
-                    isLight ? 'btn-primary' : 'btn-primary-dark',
+                    isLight
+                        ? 'btn-primary bg-[linear-gradient(87deg,#270741_1.7%,#59136D_26.55%,#462390_51.83%,#270741_95.76%)]'
+                        : 'btn-primary-dark',
                     isVariant && 'md:!w-fit'
                 )}
                 title="Download Cody for Free"
@@ -87,5 +90,34 @@ export const CodyIntroDualTheme: FunctionComponent<CodyIntroDualThemeProps> = ({
                 <div className="flex items-center justify-center">Request Cody Enterprise</div>
             </Link>
         </div>
+
+        {/* testimonial */}
+        {/* <div className="mt-10">
+            <div className="mx-auto flex max-w-md gap-x-4 rounded-lg bg-[#E9E7FA] p-5 text-left text-blurple-600">
+                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+                    <path
+                        d="M2.50033 17.5002C5.00033 17.5002 8.33366 16.6669 8.33366 10.8336V4.1669C8.33366 3.12523 7.70366 2.48606 6.66699 2.50023H3.33366C2.29199 2.50023 1.66699 3.12523 1.66699 4.14356V9.1669C1.66699 10.2086 2.29199 10.8336 3.33366 10.8336C4.16699 10.8336 4.16699 10.8336 4.16699 11.6669V12.5002C4.16699 13.3336 3.33366 14.1669 2.50033 14.1669C1.66699 14.1669 1.66699 14.1736 1.66699 15.0261V16.6669C1.66699 17.5002 1.66699 17.5002 2.50033 17.5002Z"
+                        stroke="#8552F2"
+                        strokeWidth="1.5"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                    />
+                    <path
+                        d="M12.5003 17.5002C15.0003 17.5002 18.3337 16.6669 18.3337 10.8336V4.1669C18.3337 3.12523 17.7028 2.48606 16.667 2.50023H13.3337C12.292 2.50023 11.667 3.12523 11.667 4.14356V9.1669C11.667 10.2086 12.292 10.8336 13.3337 10.8336H13.9587C13.9587 12.7086 14.167 14.1669 11.667 14.1669V16.6669C11.667 17.5002 11.667 17.5002 12.5003 17.5002Z"
+                        stroke="#8552F2"
+                        strokeWidth="1.5"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                    />
+                </svg>
+
+                <div>
+                    <div className="font-medium">
+                        Something that would've taken me multiple dev days was done in an hour with Cody&hellip;
+                    </div>
+                    <div className="mt-4 text-sm opacity-70">Brendan Doyle, Senior Software Engineer @ Qualtrics</div>
+                </div>
+            </div>
+        </div> */}
     </ContentSection>
 )