@levo-so/blocks 0.1.2 → 0.1.52

package/src/blocks/testimonial/testimonial-6.tsx

@@ -56,70 +56,120 @@ const Testimonial6: React.FC<ILevoBlockBaseProps<ITestimonial6Content>> = ({
   return (
     <Section elementKey="layout">
       <Container elementKey="container">
-        <Carousel
-          elementKey="testimonials_levoGroup"
-          className="w-full"
-          setApi={setApi}
-          data-levo_group
-        >
-          <CarouselContent>
-            {(content?.testimonials ?? [])?.map((_: any, index: number) => (
-              <CarouselItem key={index} data-levo_group_item>
-                <Box elementKey={`testimonials.${index}.testimonial`}>
-                  <Box elementKey={`testimonials.${index}.icon-container`}>
-                    <Icon elementKey={`testimonials.${index}.icon`} />
-                  </Box>
-                  <Box elementKey={`testimonials.${index}.content-container`}>
-                    <Box
-                      elementKey={`testimonials.${index}.testimonial-content`}
-                    >
-                      <Typography
-                        elementKey={`testimonials.${index}.testimonial-text`}
-                      />
+        <Box elementKey="carousel-container">
+          {count > 0 && (
+            <Button
+              elementKey="carousel-navigation-arrow-left-side"
+              onClick={handlePrevious}
+              disabled={isFirstSlide}
+              style={{
+                opacity: isFirstSlide ? 0.5 : 1,
+                cursor: isFirstSlide ? "not-allowed" : "pointer",
+              }}
+            />
+          )}
+          <Carousel
+            elementKey="testimonials_levoGroup"
+            className="w-full"
+            setApi={setApi}
+            data-levo_group
+          >
+            <CarouselContent>
+              {(content?.testimonials ?? [])?.map((_: any, index: number) => (
+                <CarouselItem key={index} data-levo_group_item>
+                  <Box elementKey={`testimonials.${index}.testimonial`}>
+                    <Box elementKey={`testimonials.${index}.icon-container`}>
+                      <Icon elementKey={`testimonials.${index}.icon`} />
                     </Box>
-                    <Box elementKey={`testimonials.${index}.bottom-section`}>
-                      <Box elementKey={`testimonials.${index}.author-section`}>
-                        <Icon
-                          elementKey={`testimonials.${index}.author-avatar`}
+                    <Box elementKey={`testimonials.${index}.content-container`}>
+                      <Box
+                        elementKey={`testimonials.${index}.testimonial-content`}
+                      >
+                        <Typography
+                          elementKey={`testimonials.${index}.testimonial-text`}
                         />
-                        <Box elementKey={`testimonials.${index}.author-info`}>
-                          <Heading
-                            elementKey={`testimonials.${index}.author-name`}
-                          />
-                          <Typography
-                            elementKey={`testimonials.${index}.author-position`}
+                      </Box>
+                      <Box elementKey={`testimonials.${index}.bottom-section`}>
+                        <Box
+                          elementKey={`testimonials.${index}.author-section`}
+                        >
+                          <Icon
+                            elementKey={`testimonials.${index}.author-avatar`}
                           />
+                          <Box elementKey={`testimonials.${index}.author-info`}>
+                            <Heading
+                              elementKey={`testimonials.${index}.author-name`}
+                            />
+                            <Typography
+                              elementKey={`testimonials.${index}.author-position`}
+                            />
+                          </Box>
                         </Box>
+                        {count > 0 && index === current && (
+                          <Box elementKey="carousel-navigation">
+                            <Button
+                              elementKey="carousel-navigation-arrow-left"
+                              onClick={handlePrevious}
+                              disabled={isFirstSlide}
+                              style={{
+                                opacity: isFirstSlide ? 0.5 : 1,
+                                cursor: isFirstSlide
+                                  ? "not-allowed"
+                                  : "pointer",
+                              }}
+                            ></Button>
+                            <Button
+                              elementKey="carousel-navigation-arrow-right"
+                              onClick={handleNext}
+                              disabled={isLastSlide}
+                              style={{
+                                opacity: isLastSlide ? 0.5 : 1,
+                                cursor: isLastSlide ? "not-allowed" : "pointer",
+                              }}
+                            ></Button>
+                          </Box>
+                        )}
                       </Box>
-                      {count > 0 && index === current && (
-                        <Box elementKey="carousel-navigation">
-                          <Button
-                            elementKey="carousel-navigation-arrow-left"
-                            onClick={handlePrevious}
-                            disabled={isFirstSlide}
-                            style={{
-                              opacity: isFirstSlide ? 0.5 : 1,
-                              cursor: isFirstSlide ? "not-allowed" : "pointer",
-                            }}
-                          ></Button>
-                          <Button
-                            elementKey="carousel-navigation-arrow-right"
-                            onClick={handleNext}
-                            disabled={isLastSlide}
-                            style={{
-                              opacity: isLastSlide ? 0.5 : 1,
-                              cursor: isLastSlide ? "not-allowed" : "pointer",
-                            }}
-                          ></Button>
-                        </Box>
-                      )}
                     </Box>
                   </Box>
-                </Box>
-              </CarouselItem>
-            ))}
-          </CarouselContent>
-        </Carousel>
+                </CarouselItem>
+              ))}
+            </CarouselContent>
+          </Carousel>
+          {count > 0 && (
+            <Button
+              elementKey="carousel-navigation-arrow-right-side"
+              onClick={handleNext}
+              disabled={isLastSlide}
+              style={{
+                opacity: isLastSlide ? 0.5 : 1,
+                cursor: isLastSlide ? "not-allowed" : "pointer",
+              }}
+            />
+          )}
+        </Box>
+        {count > 0 && (
+          <Box elementKey="carousel-navigation-bottom-container">
+            <Button
+              elementKey="carousel-navigation-arrow-left-bottom"
+              onClick={handlePrevious}
+              disabled={isFirstSlide}
+              style={{
+                opacity: isFirstSlide ? 0.5 : 1,
+                cursor: isFirstSlide ? "not-allowed" : "pointer",
+              }}
+            ></Button>
+            <Button
+              elementKey="carousel-navigation-arrow-right-bottom"
+              onClick={handleNext}
+              disabled={isLastSlide}
+              style={{
+                opacity: isLastSlide ? 0.5 : 1,
+                cursor: isLastSlide ? "not-allowed" : "pointer",
+              }}
+            ></Button>
+          </Box>
+        )}
       </Container>
     </Section>
   );

package/src/schemas/blocks.ts

@@ -1,13 +1,17 @@
 import type { IBlock } from "@levo-so/studio";
 
+import { AboutUs2 } from "../blocks/about-us/about-us-2.schema";
 import { AboutUs1 } from "../blocks/about-us/about-us-1.schema";
 import { BlogListing1 } from "../blocks/blogs/blog-listing-1.schema";
 import { BlogListing2 } from "../blocks/blogs/blog-listing-2.schema";
+import { BlogListing3 } from "../blocks/blogs/blog-listing-3.schema";
 import { BlogPost1 } from "../blocks/blogs/blog-post-1.schema";
 import { BlogPost2 } from "../blocks/blogs/blog-post-2.schema";
+import { BlogPost3 } from "../blocks/blogs/blog-post-3.schema";
 import { Cards10 } from "../blocks/cards/cards-10.schema";
 import { Cards11 } from "../blocks/cards/cards-11.schema";
 import { Cards12 } from "../blocks/cards/cards-12.schema";
+import { Cards13 } from "../blocks/cards/cards-13.schema";
 import { Cards2 } from "../blocks/cards/cards-2.schema";
 import { Cards3 } from "../blocks/cards/cards-3.schema";
 import { Cards4 } from "../blocks/cards/cards-4.schema";
@@ -24,6 +28,7 @@ import { Content3 } from "../blocks/content/content-3.schema";
 import { Content4 } from "../blocks/content/content-4.schema";
 import { Content5 } from "../blocks/content/content-5.schema";
 import { Content6 } from "../blocks/content/content-6.schema";
+import { Content7 } from "../blocks/content/content-7.schema";
 import { Cta1 } from "../blocks/cta/cta-1.schema";
 import { Cta2 } from "../blocks/cta/cta-2.schema";
 import { Cta3 } from "../blocks/cta/cta-3.schema";
@@ -31,6 +36,7 @@ import { Embed1 } from "../blocks/embed/embed-1.schema";
 import { EventDetails } from "../blocks/event/event-details.schema";
 import { EventListing2 } from "../blocks/event/event-listing-2.schema";
 import { EventListing3 } from "../blocks/event/event-listing-3.schema";
+import { EventListing4 } from "../blocks/event/event-listing-4.schema";
 import { EventListing } from "../blocks/event/event-listing.schema";
 import { Faq1 } from "../blocks/faq/faq-1.schema";
 import { Faq2 } from "../blocks/faq/faq-2.schema";
@@ -46,6 +52,7 @@ import { Footer2 } from "../blocks/footer/footer-2.schema";
 import { Footer3 } from "../blocks/footer/footer-3.schema";
 import { Footer4 } from "../blocks/footer/footer-4.schema";
 import { Footer5 } from "../blocks/footer/footer-5.schema";
+import { Footer6 } from "../blocks/footer/footer-6.schema";
 import { Hero1 } from "../blocks/hero/hero-1.schema";
 import { Hero2 } from "../blocks/hero/hero-2.schema";
 import { Hero4 } from "../blocks/hero/hero-4.schema";
@@ -54,9 +61,11 @@ import { Hero6 } from "../blocks/hero/hero-6.schema";
 import { Hero7 } from "../blocks/hero/hero-7.schema";
 import { Hero8 } from "../blocks/hero/hero-8.schema";
 import { Hero9 } from "../blocks/hero/hero-9.schema";
+import { Hero10 } from "../blocks/hero/hero-10.schema";
 import { Logos1 } from "../blocks/logos/logos-1.schema";
 import { Navbar1 } from "../blocks/navbar/navbar-1.schema";
 import { Navbar2 } from "../blocks/navbar/navbar-2.schema";
+import { Navbar3 } from "../blocks/navbar/navbar-3.schema";
 import { Pricing1 } from "../blocks/pricing/pricing-1.schema";
 import { ProductsListing1 } from "../blocks/products/products-listing-1.schema";
 import { Stats1 } from "../blocks/stats/stats-1.schema";
@@ -64,6 +73,7 @@ import { Stats2 } from "../blocks/stats/stats-2.schema";
 import { Team1 } from "../blocks/team/team-1.schema";
 import { Team2 } from "../blocks/team/team-2.schema";
 import { Team3 } from "../blocks/team/team-3.schema";
+import { Team4 } from "../blocks/team/team-4.schema";
 import { TermsAndConditions1 } from "../blocks/termsAndPrivacy/terms-and-conditions-1.schema";
 import { Testimonial1 } from "../blocks/testimonial/testimonial-1.schema";
 import { Testimonial2 } from "../blocks/testimonial/testimonial-2.schema";
@@ -71,13 +81,17 @@ import { Testimonial3 } from "../blocks/testimonial/testimonial-3.schema";
 import { Testimonial4 } from "../blocks/testimonial/testimonial-4.schema";
 import { Testimonial5 } from "../blocks/testimonial/testimonial-5.schema";
 import { Testimonial6 } from "../blocks/testimonial/testimonial-6.schema";
+import { Profile1 } from "../blocks/profile/profile-1.schema";
 
 export const BlockList: IBlock[] = [
+  AboutUs2,
   AboutUs1,
   BlogListing1,
   BlogListing2,
+  BlogListing3,
   BlogPost1,
   BlogPost2,
+  BlogPost3,
   Cards2,
   Cards3,
   Cards4,
@@ -88,6 +102,7 @@ export const BlockList: IBlock[] = [
   Cards10,
   Cards11,
   Cards12,
+  Cards13,
   ContactUs1,
   ContactUs2,
   Content1,
@@ -96,6 +111,7 @@ export const BlockList: IBlock[] = [
   Content4,
   Content5,
   Content6,
+  Content7,
   Cta1,
   Cta2,
   Cta3,
@@ -103,6 +119,7 @@ export const BlockList: IBlock[] = [
   EventListing,
   EventListing2,
   EventListing3,
+  EventListing4,
   EventDetails,
   Faq1,
   Faq2,
@@ -118,6 +135,7 @@ export const BlockList: IBlock[] = [
   Footer3,
   Footer4,
   Footer5,
+  Footer6,
   Hero1,
   Hero2,
   Hero4,
@@ -126,9 +144,11 @@ export const BlockList: IBlock[] = [
   Hero7,
   Hero8,
   Hero9,
+  Hero10,
   Logos1,
   Navbar1,
   Navbar2,
+  Navbar3,
   Pricing1,
   ProductsListing1,
   Stats1,
@@ -136,6 +156,7 @@ export const BlockList: IBlock[] = [
   Team1,
   Team2,
   Team3,
+  Team4,
   Testimonial1,
   Testimonial2,
   Testimonial3,
@@ -144,4 +165,5 @@ export const BlockList: IBlock[] = [
   Testimonial6,
   TermsAndConditions1,
   Carousel1,
+  Profile1,
 ];

package/src/schemas/categories.ts

@@ -127,6 +127,12 @@ const categories: IBlockCategory[] = [
     description: "",
     media: [],
   },
+  {
+    id: "profile",
+    title: "Profile",
+    description: "",
+    media: [],
+  },
 ];
 
 export const BlockCategoryList: IBlockCategory[] = [...categories].sort(