Merge pull request #964 from supabase/fix/slider-ordering

Fix/slider ordering

www/components/Sections/GithubExamples.tsx

@@ -39,8 +39,7 @@ function GithubExamples() {
           </Typography.Title>
           <Typography.Text className="block mb-6">
             <p className="text-base lg:text-lg">
-              Supported by a network of early advocates, contributors,
-              and champions.
+              Supported by a network of early advocates, contributors, and champions.
             </p>
           </Typography.Text>
           <div className="flex space-y-1.5 flex-col lg:space-y-0 lg:space-x-1.5 lg:flex-row justify-center">
@@ -86,7 +85,6 @@ function GithubExamples() {
             autoplay={{
               delay: 2400,
             }}
-            loop={true}
             speed={300}
             navigation={{
               prevEl: prevRef.current,

www/components/Sections/TwitterSocialProof.tsx

@@ -62,13 +62,10 @@ function TwitterSocialProof() {
       <div className="mt-6">
         <div className={'lg:-mr-32 lg:-ml-32'}>
           <Swiper
-            style={{ overflow: 'visible' }}
             initialSlide={3}
             spaceBetween={0}
             slidesPerView={4}
             speed={300}
-            watchOverflow={true}
-            loop
             navigation={{
               prevEl: prevRef.current,
               nextEl: nextRef.current,
@@ -78,7 +75,7 @@ function TwitterSocialProof() {
             onInit={(swiper: any) => {
               swiper.params.navigation.prevEl = prevRef.current
               swiper.params.navigation.nextEl = nextRef.current
-              swiper.navigation.update()
+              // swiper.navigation.update()
             }}
             breakpoints={{
               320: {

www/pages/index.tsx

@@ -23,7 +23,7 @@ const Index = ({}: Props) => {
         <Container>
           <Hero />
           <Features />
-          {/* <div className="relative">
+          <div className="relative">
             <div className="section--masked">
               <div className="section--bg-masked">
                 <div className="section--bg border-t border-b border-gray-100 dark:border-gray-600"></div>
@@ -36,7 +36,7 @@ const Index = ({}: Props) => {
                 </div>
               </div>
             </div>
-          </div> */}
+          </div>
           <BuiltExamples />
           <MadeForDevelopers />
           <AdminAccess />