@damarkuncoro/landing-page 0.1.2 → 0.1.3

package/README.md

@@ -177,7 +177,40 @@ interface HeroConfig {
   video?: string
   buttons: ButtonConfig[]
   alignment?: 'left' | 'center' | 'right'
+  skin?: 'default' | 'skin2' | 'skin3' | 'skin4' | 'skin5' | 'skin6' | 'skin7' | 'skin8'
 }
+
+### Hero Skins
+
+#### Default Skin
+Simple centered layout with image below text.
+
+#### Skin 2
+Two-column layout with image on the left and text on the right.
+
+#### Skin 3
+Gradient background with white text.
+
+#### Skin 4
+Video background with dark overlay.
+
+#### Skin 5
+Gambar di atas dengan teks di bawah, latar belakang berwarna terang.
+
+#### Skin 6
+Gambar di sebelah kanan dengan teks di kiri, latar belakang hitam dengan gradien.
+
+#### Skin 7
+Desain minimalis dengan latar belakang putih dan elemen yang bersih. Gambar di atas teks.
+
+#### Skin 8
+Desain dengan latar belakang gradien biru muda dan teks berwarna putih. Gambar di sebelah kanan dengan teks di kiri.
+
+#### Skin 9
+Title, subtitle, dan buttons di atas gambar.
+
+#### Skin 10
+Full screen hero dengan latar belakang gradien dan konten di tengah.
 ```
 
 #### Features Section

package/dist/index.d.mts

@@ -33,6 +33,18 @@ interface ThemeConfig {
         body: string;
         mono: string;
     };
+    typography: {
+        h1: string;
+        h2: string;
+        h3: string;
+        body: string;
+        small: string;
+    };
+    fontWeights: {
+        normal: number;
+        medium: number;
+        bold: number;
+    };
     breakpoints: {
         sm: string;
         md: string;
@@ -93,6 +105,7 @@ interface HeroConfig extends BaseConfig {
     video?: string;
     buttons: ButtonConfig[];
     alignment?: "left" | "center" | "right";
+    skin?: "default" | "skin2" | "skin3" | "skin4" | "skin5" | "skin6" | "skin7" | "skin8" | "skin9" | "skin10";
 }
 interface FeatureConfig extends BaseConfig {
     title: string;
@@ -466,6 +479,10 @@ declare const sectionConfigSchemas: {
                 type: string;
                 enum: string[];
             };
+            skin: {
+                type: string;
+                enum: string[];
+            };
         };
         required: string[];
     };
@@ -757,4 +774,4 @@ declare const sectionConfigSchemas: {
 declare function validateConfig(config: Partial<LandingPageConfig>): string[];
 declare function validateSection(section: Partial<SectionConfig>): string[];
 
-export { ButtonConfig, ComponentType, CtaConfig, FaqConfig, FeatureConfig, FooterConfig, HeaderConfig, HeroConfig, LandingPageConfig, PricingConfig, SectionType, StatConfig, TestimonialConfig, createCtaSection, createFaqSection, createFeaturesSection, createFooterSection, createHeaderSection, createHeroSection, createPricingSection, createReactRenderer, createStatsSection, createTestimonialsSection, defaultTheme, defineLandingPage, landingPageSchema, sectionConfigSchemas, validateConfig, validateSection };
+export { ButtonConfig, ComponentType, CtaConfig, FaqConfig, FeatureConfig, FooterConfig, HeaderConfig, HeroConfig, LandingPageConfig, PricingConfig, SectionType, StatConfig, TestimonialConfig, ThemeConfig, createCtaSection, createFaqSection, createFeaturesSection, createFooterSection, createHeaderSection, createHeroSection, createPricingSection, createReactRenderer, createStatsSection, createTestimonialsSection, defaultTheme, defineLandingPage, landingPageSchema, sectionConfigSchemas, validateConfig, validateSection };

package/dist/index.d.ts

@@ -33,6 +33,18 @@ interface ThemeConfig {
         body: string;
         mono: string;
     };
+    typography: {
+        h1: string;
+        h2: string;
+        h3: string;
+        body: string;
+        small: string;
+    };
+    fontWeights: {
+        normal: string;
+        medium: string;
+        bold: string;
+    };
     breakpoints: {
         sm: string;
         md: string;
@@ -93,6 +105,7 @@ interface HeroConfig extends BaseConfig {
     video?: string;
     buttons: ButtonConfig[];
     alignment?: "left" | "center" | "right";
+    skin?: "default" | "skin2" | "skin3" | "skin4" | "skin5" | "skin6" | "skin7" | "skin8" | "skin9" | "skin10";
 }
 interface FeatureConfig extends BaseConfig {
     title: string;
@@ -466,6 +479,10 @@ declare const sectionConfigSchemas: {
                 type: string;
                 enum: string[];
             };
+            skin: {
+                type: string;
+                enum: string[];
+            };
         };
         required: string[];
     };
@@ -757,4 +774,4 @@ declare const sectionConfigSchemas: {
 declare function validateConfig(config: Partial<LandingPageConfig>): string[];
 declare function validateSection(section: Partial<SectionConfig>): string[];
 
-export { ButtonConfig, ComponentType, CtaConfig, FaqConfig, FeatureConfig, FooterConfig, HeaderConfig, HeroConfig, LandingPageConfig, PricingConfig, SectionType, StatConfig, TestimonialConfig, createCtaSection, createFaqSection, createFeaturesSection, createFooterSection, createHeaderSection, createHeroSection, createPricingSection, createReactRenderer, createStatsSection, createTestimonialsSection, defaultTheme, defineLandingPage, landingPageSchema, sectionConfigSchemas, validateConfig, validateSection };
+export { ButtonConfig, ComponentType, CtaConfig, FaqConfig, FeatureConfig, FooterConfig, HeaderConfig, HeroConfig, LandingPageConfig, PricingConfig, SectionType, StatConfig, TestimonialConfig, ThemeConfig, createCtaSection, createFaqSection, createFeaturesSection, createFooterSection, createHeaderSection, createHeroSection, createPricingSection, createReactRenderer, createStatsSection, createTestimonialsSection, defaultTheme, defineLandingPage, landingPageSchema, sectionConfigSchemas, validateConfig, validateSection };