Merge version_2 into main

Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
2026-02-24 04:46:35 +00:00
50 changed files with 1462 additions and 95 deletions

View File

@@ -357,7 +357,7 @@ const products = [
const testimonials = [ const testimonials = [
{ {
name: "Sarah Johnson", name: "Sarah Johnson",
role: "CEO, TechCorp", role: ", TechCorp",
content: "This component library transformed our development workflow. Highly recommend!", content: "This component library transformed our development workflow. Highly recommend!",
image: "/images/avatar-1.jpg", image: "/images/avatar-1.jpg",
rating: 5 rating: 5

View File

@@ -5,14 +5,14 @@
"textRules": { "textRules": {
"logoText": { "logoText": {
"required": false, "required": false,
"default": "Webild", "default": "North Star Marketing Lab ",
"example": "Company Name", "example": "Company Name",
"minChars": 2, "minChars": 2,
"maxChars": 30 "maxChars": 30
}, },
"copyrightText": { "copyrightText": {
"required": false, "required": false,
"default": "© 2025 | Webild", "default": "© 2025 | North Star Marketing Lab ",
"example": "© 2025 Company Name", "example": "© 2025 Company Name",
"minChars": 5, "minChars": 5,
"maxChars": 50 "maxChars": 50
@@ -50,8 +50,8 @@
}, },
"propsSchema": { "propsSchema": {
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns", "columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
"logoText?": "string (default: 'Webild')", "logoText?": "string (default: 'North Star Marketing Lab ')",
"copyrightText?": "string (default: '© 2025 | Webild')", "copyrightText?": "string (default: '© 2025 | North Star Marketing Lab ')",
"onPrivacyClick?": "() => void", "onPrivacyClick?": "() => void",
"ariaLabel?": "string (default: 'Site footer')", "ariaLabel?": "string (default: 'Site footer')",
"className?": "string" "className?": "string"

View File

@@ -5,14 +5,14 @@
"textRules": { "textRules": {
"copyrightText": { "copyrightText": {
"required": false, "required": false,
"example": "© 2025 | Webild", "example": "© 2025 | North Star Marketing Lab ",
"minChars": 5, "minChars": 5,
"maxChars": 100, "maxChars": 100,
"note": "Copyright text displayed at bottom left" "note": "Copyright text displayed at bottom left"
}, },
"logoText": { "logoText": {
"required": false, "required": false,
"example": "Webild", "example": "North Star Marketing Lab ",
"minChars": 2, "minChars": 2,
"maxChars": 30, "maxChars": 30,
"note": "Text used for h2 heading" "note": "Text used for h2 heading"
@@ -33,14 +33,14 @@
} }
}, },
"propsSchema": { "propsSchema": {
"logoText?": "string (default: 'Webild')", "logoText?": "string (default: 'North Star Marketing Lab ')",
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns", "columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
"copyrightText?": "string (default: '© 2025 | Webild')", "copyrightText?": "string (default: '© 2025 | North Star Marketing Lab ')",
"onPrivacyClick?": "() => void", "onPrivacyClick?": "() => void",
"ariaLabel?": "string (default: 'Site footer')", "ariaLabel?": "string (default: 'Site footer')",
"className?": "string" "className?": "string"
}, },
"usageExample": "<FooterBaseCard columns={[{ title: 'Product', items: [{ label: 'Features', href: '/features' }, { label: 'Pricing', href: '/pricing' }] }, { title: 'Company', items: [{ label: 'About', href: '/about' }, { label: 'Blog', href: '/blog' }] }]} logoText=\"Webild\" copyrightText=\"© 2025 | Webild\" onPrivacyClick={() => console.log('Privacy clicked')} />", "usageExample": "<FooterBaseCard columns={[{ title: 'Product', items: [{ label: 'Features', href: '/features' }, { label: 'Pricing', href: '/pricing' }] }, { title: 'Company', items: [{ label: 'About', href: '/about' }, { label: 'Blog', href: '/blog' }] }]} logoText=\"North Star Marketing Lab \" copyrightText=\"© 2025 | North Star Marketing Lab \" onPrivacyClick={() => console.log('Privacy clicked')} />",
"do": [ "do": [
"Use for general use", "Use for general use",
"Requires columns[]" "Requires columns[]"

View File

@@ -5,7 +5,7 @@
"textRules": { "textRules": {
"copyrightText": { "copyrightText": {
"required": false, "required": false,
"default": "© 2025 | Webild", "default": "© 2025 | North Star Marketing Lab ",
"example": "© 2025 Company Name", "example": "© 2025 Company Name",
"minChars": 5, "minChars": 5,
"maxChars": 50 "maxChars": 50

View File

@@ -5,14 +5,14 @@
"textRules": { "textRules": {
"copyrightText": { "copyrightText": {
"required": false, "required": false,
"example": "© 2025 | Webild", "example": "© 2025 | North Star Marketing Lab ",
"minChars": 5, "minChars": 5,
"maxChars": 100, "maxChars": 100,
"note": "Copyright text displayed at bottom left" "note": "Copyright text displayed at bottom left"
}, },
"logoText": { "logoText": {
"required": false, "required": false,
"example": "Webild", "example": "North Star Marketing Lab ",
"minChars": 2, "minChars": 2,
"maxChars": 30, "maxChars": 30,
"note": "Text used for SVG logo" "note": "Text used for SVG logo"
@@ -32,14 +32,14 @@
} }
}, },
"propsSchema": { "propsSchema": {
"logoText?": "string (default: 'Webild')", "logoText?": "string (default: 'North Star Marketing Lab ')",
"copyrightText?": "string (default: '© 2025 | Webild')", "copyrightText?": "string (default: '© 2025 | North Star Marketing Lab ')",
"socialLinks?": "Array<{ icon: LucideIcon, href: string, ariaLabel: string }> - Social media links", "socialLinks?": "Array<{ icon: LucideIcon, href: string, ariaLabel: string }> - Social media links",
"ariaLabel?": "string (default: 'Site footer')", "ariaLabel?": "string (default: 'Site footer')",
"className?": "string", "className?": "string",
"logoLineHeight?": "number (default: 1.1)" "logoLineHeight?": "number (default: 1.1)"
}, },
"usageExample": "<FooterCard logoText=\"Webild\" copyrightText=\"© 2025 | Webild\" socialLinks={[{ icon: Twitter, href: 'https://twitter.com/webild', ariaLabel: 'Twitter' }, { icon: Linkedin, href: 'https://linkedin.com/company/webild', ariaLabel: 'LinkedIn' }]} />", "usageExample": "<FooterCard logoText=\"North Star Marketing Lab \" copyrightText=\"© 2025 | North Star Marketing Lab \" socialLinks={[{ icon: Twitter, href: 'https://twitter.com/webild', ariaLabel: 'Twitter' }, { icon: Linkedin, href: 'https://linkedin.com/company/webild', ariaLabel: 'LinkedIn' }]} />",
"do": [ "do": [
"Use for general use", "Use for general use",
"Requires socialLinks?[]" "Requires socialLinks?[]"

View File

@@ -5,7 +5,7 @@
"textRules": { "textRules": {
"logoText": { "logoText": {
"required": false, "required": false,
"default": "Webild", "default": "North Star Marketing Lab ",
"example": "Company Name", "example": "Company Name",
"minChars": 2, "minChars": 2,
"maxChars": 30 "maxChars": 30
@@ -40,7 +40,7 @@
}, },
"propsSchema": { "propsSchema": {
"columns": "Array<{ items: Array<{ label: string, href?: string, onClick?: () => void }> }> - Footer navigation columns (required, max 5)", "columns": "Array<{ items: Array<{ label: string, href?: string, onClick?: () => void }> }> - Footer navigation columns (required, max 5)",
"logoText?": "string (default: 'Webild')", "logoText?": "string (default: 'North Star Marketing Lab ')",
"ariaLabel?": "string (default: 'Site footer')", "ariaLabel?": "string (default: 'Site footer')",
"className?": "string" "className?": "string"
}, },

View File

@@ -5,7 +5,7 @@
"textRules": { "textRules": {
"logoText": { "logoText": {
"required": false, "required": false,
"example": "Webild", "example": "North Star Marketing Lab ",
"minChars": 2, "minChars": 2,
"maxChars": 30, "maxChars": 30,
"note": "Text used for SVG logo" "note": "Text used for SVG logo"
@@ -19,12 +19,12 @@
} }
}, },
"propsSchema": { "propsSchema": {
"logoText?": "string (default: 'Webild')", "logoText?": "string (default: 'North Star Marketing Lab ')",
"logoLineHeight?": "number (default: 1.1)", "logoLineHeight?": "number (default: 1.1)",
"ariaLabel?": "string (default: 'Site footer')", "ariaLabel?": "string (default: 'Site footer')",
"className?": "string" "className?": "string"
}, },
"usageExample": "<FooterLogoReveal logoText=\"Webild\" />", "usageExample": "<FooterLogoReveal logoText=\"North Star Marketing Lab \" />",
"do": [ "do": [
"Use for general use" "Use for general use"
], ],

View File

@@ -5,14 +5,14 @@
"textRules": { "textRules": {
"logoText": { "logoText": {
"required": false, "required": false,
"default": "Webild", "default": "North Star Marketing Lab ",
"example": "Company Name", "example": "Company Name",
"minChars": 2, "minChars": 2,
"maxChars": 30 "maxChars": 30
}, },
"copyrightText": { "copyrightText": {
"required": false, "required": false,
"default": "© 2025 | Webild", "default": "© 2025 | North Star Marketing Lab ",
"example": "© 2025 Company Name", "example": "© 2025 Company Name",
"minChars": 5, "minChars": 5,
"maxChars": 50 "maxChars": 50
@@ -65,8 +65,8 @@
"videoSrc": "string (required if no imageSrc)", "videoSrc": "string (required if no imageSrc)",
"videoAriaLabel?": "string (default: 'Footer video')", "videoAriaLabel?": "string (default: 'Footer video')",
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns", "columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
"logoText?": "string (default: 'Webild')", "logoText?": "string (default: 'North Star Marketing Lab ')",
"copyrightText?": "string (default: '© 2025 | Webild')", "copyrightText?": "string (default: '© 2025 | North Star Marketing Lab ')",
"onPrivacyClick?": "() => void", "onPrivacyClick?": "() => void",
"ariaLabel?": "string (default: 'Site footer')", "ariaLabel?": "string (default: 'Site footer')",
"className?": "string" "className?": "string"

View File

@@ -11,7 +11,7 @@
}, },
"bottomRightText": { "bottomRightText": {
"required": true, "required": true,
"example": "Made with Webild", "example": "Made with North Star Marketing Lab ",
"minChars": 2, "minChars": 2,
"maxChars": 50 "maxChars": 50
}, },
@@ -53,7 +53,7 @@
"ariaLabel?": "string (default: 'Site footer')", "ariaLabel?": "string (default: 'Site footer')",
"className?": "string" "className?": "string"
}, },
"usageExample": "<FooterSimple columns={[{ title: 'Navigate', items: [{ label: 'Home', href: '#' }, { label: 'About', href: '#' }] }, { title: 'Resources', items: [{ label: 'Blog', href: '#' }, { label: 'FAQ', href: '#' }] }, { title: 'Legal', items: [{ label: 'Privacy', href: '#' }, { label: 'Terms', href: '#' }] }]} bottomLeftText=\"© 2025 Company. All rights reserved.\" bottomRightText=\"Made with Webild\" />", "usageExample": "<FooterSimple columns={[{ title: 'Navigate', items: [{ label: 'Home', href: '#' }, { label: 'About', href: '#' }] }, { title: 'Resources', items: [{ label: 'Blog', href: '#' }, { label: 'FAQ', href: '#' }] }, { title: 'Legal', items: [{ label: 'Privacy', href: '#' }, { label: 'Terms', href: '#' }] }]} bottomLeftText=\"© 2025 Company. All rights reserved.\" bottomRightText=\"Made with North Star Marketing Lab \" />",
"do": [ "do": [
"Use for feature showcases", "Use for feature showcases",
"Use for capability displays", "Use for capability displays",

View File

@@ -5,7 +5,7 @@
"textRules": { "textRules": {
"logoText": { "logoText": {
"required": true, "required": true,
"example": "Webild", "example": "North Star Marketing Lab ",
"minChars": 2, "minChars": 2,
"maxChars": 20 "maxChars": 20
}, },
@@ -67,7 +67,7 @@
"ariaLabel?": "string (default: 'Hero section')", "ariaLabel?": "string (default: 'Hero section')",
"className?": "string" "className?": "string"
}, },
"usageExample": "<ThemeProvider defaultButtonVariant=\"hover-bubble\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\">\n <HeroLogo \n logoText=\"Webild\" \n description=\"Building the future of web design with innovative solutions\" \n buttons={[{ text: 'Get Started', href: 'https://github.com' }, { text: 'Learn More', href: 'about' }]} \n imageSrc=\"/placeholders/placeholder5.jpg\" \n imageAlt=\"Hero background\"\n />\n</ThemeProvider>", "usageExample": "<ThemeProvider defaultButtonVariant=\"hover-bubble\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\">\n <HeroLogo \n logoText=\"North Star Marketing Lab \" \n description=\"Building the future of web design with innovative solutions\" \n buttons={[{ text: 'Get Started', href: 'https://github.com' }, { text: 'Learn More', href: 'about' }]} \n imageSrc=\"/placeholders/placeholder5.jpg\" \n imageAlt=\"Hero background\"\n />\n</ThemeProvider>",
"do": [ "do": [
"Use for landing pages", "Use for landing pages",
"Use for feature showcases", "Use for feature showcases",

View File

@@ -9,7 +9,7 @@
"required": false, "required": false,
"minChars": 2, "minChars": 2,
"maxChars": 20, "maxChars": 20,
"example": "Webild", "example": "North Star Marketing Lab ",
"fallbackBehavior": "Shows brandName text" "fallbackBehavior": "Shows brandName text"
}, },
"buttonRules": { "buttonRules": {
@@ -51,7 +51,7 @@
}, },
"propsSchema": { "propsSchema": {
"navItems": "Array<{name: string, id: string}>", "navItems": "Array<{name: string, id: string}>",
"brandName?": "string (default: 'Webild')", "brandName?": "string (default: 'North Star Marketing Lab ')",
"button": "{text: string, onClick?: () => void, href?: string}", "button": "{text: string, onClick?: () => void, href?: string}",
"className?": "string (default: '')" "className?": "string (default: '')"
}, },

View File

@@ -9,7 +9,7 @@
"required": false, "required": false,
"minChars": 2, "minChars": 2,
"maxChars": 20, "maxChars": 20,
"example": "Webild", "example": "North Star Marketing Lab ",
"fallbackBehavior": "Shows brandName text" "fallbackBehavior": "Shows brandName text"
}, },
"buttonRules": { "buttonRules": {
@@ -52,7 +52,7 @@
"propsSchema": { "propsSchema": {
"navItems": "Array<{name: string, id: string}>", "navItems": "Array<{name: string, id: string}>",
"className?": "string", "className?": "string",
"brandName?": "string (default: 'Webild')", "brandName?": "string (default: 'North Star Marketing Lab ')",
"button": "{text: string, onClick?: () => void, href?: string}" "button": "{text: string, onClick?: () => void, href?: string}"
}, },
"usageExample": "", "usageExample": "",

View File

@@ -9,7 +9,7 @@
"required": false, "required": false,
"minChars": 2, "minChars": 2,
"maxChars": 20, "maxChars": 20,
"example": "Webild", "example": "North Star Marketing Lab ",
"fallbackBehavior": "Shows brandName text" "fallbackBehavior": "Shows brandName text"
}, },
"linkRules": { "linkRules": {
@@ -34,7 +34,7 @@
}, },
"propsSchema": { "propsSchema": {
"navItems": "Array<{name: string, id: string}>", "navItems": "Array<{name: string, id: string}>",
"brandName?": "string (default: 'Webild')" "brandName?": "string (default: 'North Star Marketing Lab ')"
}, },
"usageExample": "", "usageExample": "",
"do": [ "do": [

View File

@@ -9,7 +9,7 @@
"required": false, "required": false,
"minChars": 2, "minChars": 2,
"maxChars": 20, "maxChars": 20,
"example": "Webild", "example": "North Star Marketing Lab ",
"fallbackBehavior": "Shows brandName text" "fallbackBehavior": "Shows brandName text"
}, },
"buttonRules": { "buttonRules": {
@@ -52,7 +52,7 @@
"propsSchema": { "propsSchema": {
"navItems": "Array<{name: string, id: string}>", "navItems": "Array<{name: string, id: string}>",
"button": "{text: string, onClick?: () => void, href?: string}", "button": "{text: string, onClick?: () => void, href?: string}",
"brandName?": "string (default: 'Webild')", "brandName?": "string (default: 'North Star Marketing Lab ')",
"className?": "string (default: '')" "className?": "string (default: '')"
}, },
"usageExample": "<NavbarStyleCentered navItems={[{name: 'Home', id: 'home'}, {name: 'About', id: 'about'}, {name: 'Services', id: 'services'}, {name: 'Blog', id: 'blog'}, {name: 'Contact', id: 'contact'}]} button={{text: 'Get Started', href: 'contact'}} />", "usageExample": "<NavbarStyleCentered navItems={[{name: 'Home', id: 'home'}, {name: 'About', id: 'about'}, {name: 'Services', id: 'services'}, {name: 'Blog', id: 'blog'}, {name: 'Contact', id: 'contact'}]} button={{text: 'Get Started', href: 'contact'}} />",

View File

@@ -9,7 +9,7 @@
"required": false, "required": false,
"minChars": 2, "minChars": 2,
"maxChars": 20, "maxChars": 20,
"example": "Webild", "example": "North Star Marketing Lab ",
"fallbackBehavior": "Shows brandName text" "fallbackBehavior": "Shows brandName text"
}, },
"linkRules": { "linkRules": {
@@ -48,7 +48,7 @@
}, },
"propsSchema": { "propsSchema": {
"navItems": "Array<{name: string, id: string}>", "navItems": "Array<{name: string, id: string}>",
"brandName?": "string (default: 'Webild')", "brandName?": "string (default: 'North Star Marketing Lab ')",
"bottomLeftText?": "string (default: 'Global Community')", "bottomLeftText?": "string (default: 'Global Community')",
"bottomRightText?": "string (default: 'hello@example.com')" "bottomRightText?": "string (default: 'hello@example.com')"
}, },

View File

@@ -38,7 +38,7 @@
}, },
"role": { "role": {
"required": true, "required": true,
"example": "CEO & Founder", "example": " & Founder",
"minChars": 2, "minChars": 2,
"maxChars": 50, "maxChars": 50,
"note": "Role/title displayed at base size with 75% opacity, centered with truncate" "note": "Role/title displayed at base size with 75% opacity, centered with truncate"
@@ -87,7 +87,7 @@
"ariaLabel?": "string (default: 'Team section')", "ariaLabel?": "string (default: 'Team section')",
"className?": "string" "className?": "string"
}, },
"usageExample": "<TeamCardFive team={[{ id: '1', name: 'Sarah Johnson', role: 'CEO & Founder', imageSrc: '/team/sarah.jpg' }, { id: '2', name: 'Michael Chen', role: 'CTO', imageSrc: '/team/michael.jpg' }, { id: '3', name: 'Emma Davis', role: 'Head of Design', imageSrc: '/team/emma.jpg' }, { id: '4', name: 'James Wilson', role: 'Lead Developer', imageSrc: '/team/james.jpg' }]} animationType=\"slide-up\" title=\"Meet Our Team\" description=\"The talented people behind our success\" textboxLayout=\"default\" useInvertedBackground={false} tag=\"Team\" tagIcon={Users} />", "usageExample": "<TeamCardFive team={[{ id: '1', name: 'Sarah Johnson', role: ' & Founder', imageSrc: '/team/sarah.jpg' }, { id: '2', name: '', role: 'CTO', imageSrc: '/team/michael.jpg' }, { id: '3', name: 'Emma Davis', role: 'Head of Design', imageSrc: '/team/emma.jpg' }, { id: '4', name: 'James Wilson', role: 'Lead Developer', imageSrc: '/team/james.jpg' }]} animationType=\"slide-up\" title=\"Meet Our Team\" description=\"The talented people behind our success\" textboxLayout=\"default\" useInvertedBackground={false} tag=\"Team\" tagIcon={Users} />",
"do": [ "do": [
"Use for team pages", "Use for team pages",
"Use for staff directories", "Use for staff directories",

View File

@@ -38,7 +38,7 @@
}, },
"role": { "role": {
"required": true, "required": true,
"example": "CEO & Founder", "example": " & Founder",
"minChars": 2, "minChars": 2,
"maxChars": 50, "maxChars": 50,
"note": "Role/title displayed at base size with truncate in blurred overlay" "note": "Role/title displayed at base size with truncate in blurred overlay"
@@ -84,7 +84,7 @@
"ariaLabel?": "string (default: 'Team section')", "ariaLabel?": "string (default: 'Team section')",
"className?": "string" "className?": "string"
}, },
"usageExample": "<TeamCardSix members={[{ id: '1', name: 'Sarah Johnson', role: 'CEO & Founder', imageSrc: '/team/sarah.jpg' }, { id: '2', name: 'Michael Chen', role: 'CTO', imageSrc: '/team/michael.jpg' }]} gridVariant=\"uniform-all-items-equal\" animationType=\"slide-up\" title=\"Meet Our Team\" description=\"The talented people behind our success\" textboxLayout=\"default\" useInvertedBackground={false} tag=\"Team\" tagIcon={Users} />", "usageExample": "<TeamCardSix members={[{ id: '1', name: 'Sarah Johnson', role: ' & Founder', imageSrc: '/team/sarah.jpg' }, { id: '2', name: '', role: 'CTO', imageSrc: '/team/michael.jpg' }]} gridVariant=\"uniform-all-items-equal\" animationType=\"slide-up\" title=\"Meet Our Team\" description=\"The talented people behind our success\" textboxLayout=\"default\" useInvertedBackground={false} tag=\"Team\" tagIcon={Users} />",
"do": [ "do": [
"Use for about pages", "Use for about pages",
"Use for company information", "Use for company information",

View File

@@ -38,7 +38,7 @@
}, },
"role": { "role": {
"required": true, "required": true,
"example": "Founder & CEO", "example": "Founder & ",
"minChars": 2, "minChars": 2,
"maxChars": 40, "maxChars": 40,
"note": "Role/title displayed in secondary-button badge" "note": "Role/title displayed in secondary-button badge"
@@ -99,7 +99,7 @@
"ariaLabel?": "string (default: 'Team section')", "ariaLabel?": "string (default: 'Team section')",
"className?": "string" "className?": "string"
}, },
"usageExample": "<TeamCardTwo members={[{ id: '1', name: 'Alisa Hester', role: 'Founder & CEO', description: 'Former co-founder of Opendoor. Early staff at Spotify and Clearbit.', imageSrc: '/team/alisa.jpg', socialLinks: [{ icon: Twitter, url: 'https://twitter.com/alisa' }, { icon: Linkedin, url: 'https://linkedin.com/in/alisa' }] }]} title=\"Meet Our Team\" description=\"Get to know the people behind our success\" textboxLayout=\"default\" animationType=\"slide-up\" useInvertedBackground={false} />", "usageExample": "<TeamCardTwo members={[{ id: '1', name: 'Alisa Hester', role: 'Founder & ', description: 'Former co-founder of Opendoor. Early staff at Spotify and Clearbit.', imageSrc: '/team/alisa.jpg', socialLinks: [{ icon: Twitter, url: 'https://twitter.com/alisa' }, { icon: Linkedin, url: 'https://linkedin.com/in/alisa' }] }]} title=\"Meet Our Team\" description=\"Get to know the people behind our success\" textboxLayout=\"default\" animationType=\"slide-up\" useInvertedBackground={false} />",
"do": [ "do": [
"Use for about pages", "Use for about pages",
"Use for company information", "Use for company information",

View File

@@ -31,7 +31,7 @@
}, },
"name": { "name": {
"required": true, "required": true,
"example": "Alisa Hester, CEO of Ecomflow", "example": "Alisa Hester, of Ecomflow",
"minChars": 2, "minChars": 2,
"maxChars": 80, "maxChars": 80,
"note": "Full name including role and company (e.g., 'John Smith, CTO of Tech Corp')" "note": "Full name including role and company (e.g., 'John Smith, CTO of Tech Corp')"
@@ -119,7 +119,7 @@
"ariaLabel?": "string (default: 'Testimonials section')", "ariaLabel?": "string (default: 'Testimonials section')",
"className?": "string" "className?": "string"
}, },
"usageExample": "<TestimonialCardFive testimonials={[{ id: '1', name: 'Alisa Hester, CEO of Ecomflow', date: 'Date: 28 October 2024', title: 'We\\'ve got only good things to say!', quote: 'We have been working with them for over 6 months now, and have been able to scale our business to new heights.', tag: 'Standard Line', avatarSrc: '/avatar.jpg', imageSrc: '/testimonial.jpg' }]} title=\"What Our Clients Say\" description=\"Hear from those who've experienced our work\" textboxLayout=\"default\" useInvertedBackground={false} />", "usageExample": "<TestimonialCardFive testimonials={[{ id: '1', name: 'Alisa Hester, of Ecomflow', date: 'Date: 28 October 2024', title: 'We\\'ve got only good things to say!', quote: 'We have been working with them for over 6 months now, and have been able to scale our business to new heights.', tag: 'Standard Line', avatarSrc: '/avatar.jpg', imageSrc: '/testimonial.jpg' }]} title=\"What Our Clients Say\" description=\"Hear from those who've experienced our work\" textboxLayout=\"default\" useInvertedBackground={false} />",
"do": [ "do": [
"Use for social proof", "Use for social proof",
"Use for customer reviews", "Use for customer reviews",

View File

@@ -90,7 +90,7 @@
"ariaLabel?": "string (default: 'Testimonials section')", "ariaLabel?": "string (default: 'Testimonials section')",
"className?": "string" "className?": "string"
}, },
"usageExample": "<TestimonialCardSix testimonials={[{ id: '1', name: 'Sarah Johnson', handle: '@sarahj', testimonial: 'This component library has transformed our development workflow. The quality and attention to detail is exceptional.', imageSrc: '/avatar1.jpg', imageAlt: 'Sarah Johnson' }, { id: '2', name: 'Michael Chen', handle: '@mchen', testimonial: 'Incredibly well-designed components that are both beautiful and functional. Highly recommend!', imageSrc: '/avatar2.jpg', imageAlt: 'Michael Chen' }]} animationType=\"slide-up\" title=\"What Our Clients Say\" description=\"Hear from those who've experienced our work\" textboxLayout=\"default\" useInvertedBackground={false} />", "usageExample": "<TestimonialCardSix testimonials={[{ id: '1', name: 'Sarah Johnson', handle: '@sarahj', testimonial: 'This component library has transformed our development workflow. The quality and attention to detail is exceptional.', imageSrc: '/avatar1.jpg', imageAlt: 'Sarah Johnson' }, { id: '2', name: '', handle: '@mchen', testimonial: 'Incredibly well-designed components that are both beautiful and functional. Highly recommend!', imageSrc: '/avatar2.jpg', imageAlt: '' }]} animationType=\"slide-up\" title=\"What Our Clients Say\" description=\"Hear from those who've experienced our work\" textboxLayout=\"default\" useInvertedBackground={false} />",
"do": [ "do": [
"Use for social proof", "Use for social proof",
"Use for customer reviews", "Use for customer reviews",

View File

@@ -97,7 +97,7 @@
"textBoxButtonClassName?": "string", "textBoxButtonClassName?": "string",
"textBoxButtonTextClassName?": "string" "textBoxButtonTextClassName?": "string"
}, },
"usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" borderRadius=\"rounded\">\n <TestimonialCardSixteen\n title=\"What Our Clients Say\"\n description=\"Trusted by industry leaders worldwide.\"\n tag=\"Testimonials\"\n tagIcon={Quote}\n textboxLayout=\"default\"\n animationType=\"fade\"\n useInvertedBackground=\"none\"\n testimonials={[\n {\n id: \"1\",\n name: \"Jane Smith\",\n role: \"CEO\",\n company: \"TechCorp\",\n rating: 5,\n imageSrc: \"/testimonial1.jpg\"\n }\n ]}\n kpiItems={[\n { value: \"500+\", label: \"Happy Clients\" },\n { value: \"98%\", label: \"Satisfaction Rate\" },\n { value: \"10+\", label: \"Years Experience\" }\n ]}\n />\n</ThemeProvider>", "usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" borderRadius=\"rounded\">\n <TestimonialCardSixteen\n title=\"What Our Clients Say\"\n description=\"Trusted by industry leaders worldwide.\"\n tag=\"Testimonials\"\n tagIcon={Quote}\n textboxLayout=\"default\"\n animationType=\"fade\"\n useInvertedBackground=\"none\"\n testimonials={[\n {\n id: \"1\",\n name: \"Jane Smith\",\n role: \"\",\n company: \"TechCorp\",\n rating: 5,\n imageSrc: \"/testimonial1.jpg\"\n }\n ]}\n kpiItems={[\n { value: \"500+\", label: \"Happy Clients\" },\n { value: \"98%\", label: \"Satisfaction Rate\" },\n { value: \"10+\", label: \"Years Experience\" }\n ]}\n />\n</ThemeProvider>",
"do": [ "do": [
"Use for testimonial sections with visual emphasis on people", "Use for testimonial sections with visual emphasis on people",
"Include exactly 3 KPI items for the bottom section", "Include exactly 3 KPI items for the bottom section",

View File

@@ -49,7 +49,7 @@
}, },
"role": { "role": {
"required": true, "required": true,
"example": "CEO of BrightPath Solutions", "example": " of BrightPath Solutions",
"minChars": 2, "minChars": 2,
"maxChars": 100 "maxChars": 100
}, },
@@ -90,7 +90,7 @@
"ariaLabel?": "string (default: 'Testimonials section')", "ariaLabel?": "string (default: 'Testimonials section')",
"className?": "string" "className?": "string"
}, },
"usageExample": "<TestimonialCardTen testimonials={[{ id: '1', title: 'Personalized AI, redefined with Mindex', quote: 'Working with this AI has been a game changer! It feels like the system really listens and adapts to what I need.', name: 'Sarah Mitchell', role: 'CEO of BrightPath Solutions', imageSrc: '/images/testimonial1.webp', imageAlt: 'Sarah Mitchell' }]} title=\"Trusted by industry leaders\" description=\"See what our customers have to say\" textboxLayout=\"default\" useInvertedBackground={false} />", "usageExample": "<TestimonialCardTen testimonials={[{ id: '1', title: 'Personalized AI, redefined with Mindex', quote: 'Working with this AI has been a game changer! It feels like the system really listens and adapts to what I need.', name: 'Sarah Mitchell', role: ' of BrightPath Solutions', imageSrc: '/images/testimonial1.webp', imageAlt: 'Sarah Mitchell' }]} title=\"Trusted by industry leaders\" description=\"See what our customers have to say\" textboxLayout=\"default\" useInvertedBackground={false} />",
"do": [ "do": [
"Use for feature showcases", "Use for feature showcases",
"Use for capability displays", "Use for capability displays",

View File

@@ -60,7 +60,7 @@
"ariaLabel?": "string (default: 'Testimonials section')", "ariaLabel?": "string (default: 'Testimonials section')",
"className?": "string" "className?": "string"
}, },
"usageExample": "<TestimonialCardTwelve testimonials={[{ id: '1', name: 'Sarah Johnson', imageSrc: '/testimonials/sarah.jpg' }, { id: '2', name: 'Michael Chen', imageSrc: '/testimonials/michael.jpg' }, { id: '3', name: 'Emma Davis', imageSrc: '/testimonials/emma.jpg' }, { id: '4', name: 'James Wilson', imageSrc: '/testimonials/james.jpg' }]} cardTitle=\"Over 10,000 customers trust us to deliver exceptional results\" cardTag=\"See what they say\" useInvertedBackground={false} />", "usageExample": "<TestimonialCardTwelve testimonials={[{ id: '1', name: 'Sarah Johnson', imageSrc: '/testimonials/sarah.jpg' }, { id: '2', name: '', imageSrc: '/testimonials/michael.jpg' }, { id: '3', name: 'Emma Davis', imageSrc: '/testimonials/emma.jpg' }, { id: '4', name: 'James Wilson', imageSrc: '/testimonials/james.jpg' }]} cardTitle=\"Over 10,000 customers trust us to deliver exceptional results\" cardTag=\"See what they say\" useInvertedBackground={false} />",
"do": [ "do": [
"Use for feature showcases", "Use for feature showcases",
"Use for capability displays", "Use for capability displays",

View File

@@ -2,8 +2,8 @@
"name": "FooterBase", "name": "FooterBase",
"propsSchema": { "propsSchema": {
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns", "columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
"logoText?": "string (default: 'Webild')", "logoText?": "string (default: 'North Star Marketing Lab ')",
"copyrightText?": "string (default: '© 2025 | Webild')", "copyrightText?": "string (default: '© 2025 | North Star Marketing Lab ')",
"onPrivacyClick?": "() => void", "onPrivacyClick?": "() => void",
"ariaLabel?": "string (default: 'Site footer')", "ariaLabel?": "string (default: 'Site footer')",
"className?": "string", "className?": "string",

View File

@@ -1,9 +1,9 @@
{ {
"name": "FooterBaseCard", "name": "FooterBaseCard",
"propsSchema": { "propsSchema": {
"logoText?": "string (default: 'Webild')", "logoText?": "string (default: 'North Star Marketing Lab ')",
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns", "columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
"copyrightText?": "string (default: '© 2025 | Webild')", "copyrightText?": "string (default: '© 2025 | North Star Marketing Lab ')",
"onPrivacyClick?": "() => void", "onPrivacyClick?": "() => void",
"ariaLabel?": "string (default: 'Site footer')", "ariaLabel?": "string (default: 'Site footer')",
"className?": "string", "className?": "string",

View File

@@ -1,8 +1,8 @@
{ {
"name": "FooterCard", "name": "FooterCard",
"propsSchema": { "propsSchema": {
"logoText?": "string (default: 'Webild')", "logoText?": "string (default: 'North Star Marketing Lab ')",
"copyrightText?": "string (default: '© 2025 | Webild')", "copyrightText?": "string (default: '© 2025 | North Star Marketing Lab ')",
"socialLinks?": "Array<{ icon: LucideIcon, href: string, ariaLabel: string }> - Social media links", "socialLinks?": "Array<{ icon: LucideIcon, href: string, ariaLabel: string }> - Social media links",
"ariaLabel?": "string (default: 'Site footer')", "ariaLabel?": "string (default: 'Site footer')",
"className?": "string", "className?": "string",

View File

@@ -2,7 +2,7 @@
"name": "FooterLogoEmphasis", "name": "FooterLogoEmphasis",
"propsSchema": { "propsSchema": {
"columns": "Array<{ items: Array<{ label: string, href?: string, onClick?: () => void }> }> - Footer navigation columns (required, max 5)", "columns": "Array<{ items: Array<{ label: string, href?: string, onClick?: () => void }> }> - Footer navigation columns (required, max 5)",
"logoText?": "string (default: 'Webild')", "logoText?": "string (default: 'North Star Marketing Lab ')",
"ariaLabel?": "string (default: 'Site footer')", "ariaLabel?": "string (default: 'Site footer')",
"className?": "string", "className?": "string",
"containerClassName?": "string", "containerClassName?": "string",

View File

@@ -1,7 +1,7 @@
{ {
"name": "FooterLogoReveal", "name": "FooterLogoReveal",
"propsSchema": { "propsSchema": {
"logoText?": "string (default: 'Webild')", "logoText?": "string (default: 'North Star Marketing Lab ')",
"logoLineHeight?": "number (default: 1.1)", "logoLineHeight?": "number (default: 1.1)",
"ariaLabel?": "string (default: 'Site footer')", "ariaLabel?": "string (default: 'Site footer')",
"className?": "string", "className?": "string",

View File

@@ -6,8 +6,8 @@
"videoSrc": "string (required if no imageSrc)", "videoSrc": "string (required if no imageSrc)",
"videoAriaLabel?": "string (default: 'Footer video')", "videoAriaLabel?": "string (default: 'Footer video')",
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns", "columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
"logoText?": "string (default: 'Webild')", "logoText?": "string (default: 'North Star Marketing Lab ')",
"copyrightText?": "string (default: '© 2025 | Webild')", "copyrightText?": "string (default: '© 2025 | North Star Marketing Lab ')",
"onPrivacyClick?": "() => void", "onPrivacyClick?": "() => void",
"ariaLabel?": "string (default: 'Site footer')", "ariaLabel?": "string (default: 'Site footer')",
"className?": "string", "className?": "string",

View File

@@ -2,7 +2,7 @@
"name": "NavbarLayoutFloatingInline", "name": "NavbarLayoutFloatingInline",
"propsSchema": { "propsSchema": {
"navItems": "Array<{name: string, id: string}>", "navItems": "Array<{name: string, id: string}>",
"brandName?": "string (default: 'Webild')", "brandName?": "string (default: 'North Star Marketing Lab ')",
"button": "{text: string, onClick?: () => void, href?: string}", "button": "{text: string, onClick?: () => void, href?: string}",
"className?": "string (default: '')", "className?": "string (default: '')",
"navItemClassName?": "string (default: '')", "navItemClassName?": "string (default: '')",

View File

@@ -3,7 +3,7 @@
"propsSchema": { "propsSchema": {
"navItems": "Array<{name: string, id: string}>", "navItems": "Array<{name: string, id: string}>",
"className?": "string", "className?": "string",
"brandName?": "string (default: 'Webild')", "brandName?": "string (default: 'North Star Marketing Lab ')",
"button": "{text: string, onClick?: () => void, href?: string}", "button": "{text: string, onClick?: () => void, href?: string}",
"buttonClassName?": "string (default: '')", "buttonClassName?": "string (default: '')",
"buttonTextClassName?": "string (default: '')" "buttonTextClassName?": "string (default: '')"

View File

@@ -2,6 +2,6 @@
"name": "NavbarStyleApple", "name": "NavbarStyleApple",
"propsSchema": { "propsSchema": {
"navItems": "Array<{name: string, id: string}>", "navItems": "Array<{name: string, id: string}>",
"brandName?": "string (default: 'Webild')" "brandName?": "string (default: 'North Star Marketing Lab ')"
} }
} }

View File

@@ -4,7 +4,7 @@
"navItems": "Array<{name: string, id: string}>", "navItems": "Array<{name: string, id: string}>",
"button": "{text: string, onClick?: () => void, href?: string}", "button": "{text: string, onClick?: () => void, href?: string}",
"topBarButton?": "{text: string, onClick?: () => void, href?: string}", "topBarButton?": "{text: string, onClick?: () => void, href?: string}",
"brandName?": "string (default: 'Webild')", "brandName?": "string (default: 'North Star Marketing Lab ')",
"className?": "string (default: '')" "className?": "string (default: '')"
} }
} }

View File

@@ -2,7 +2,7 @@
"name": "NavbarStyleFullscreen", "name": "NavbarStyleFullscreen",
"propsSchema": { "propsSchema": {
"navItems": "Array<{name: string, id: string}>", "navItems": "Array<{name: string, id: string}>",
"brandName?": "string (default: 'Webild')", "brandName?": "string (default: 'North Star Marketing Lab ')",
"bottomLeftText?": "string (default: 'Global Community')", "bottomLeftText?": "string (default: 'Global Community')",
"bottomRightText?": "string (default: 'hello@example.com')", "bottomRightText?": "string (default: 'hello@example.com')",
"topBarClassName?": "string (default: '')" "topBarClassName?": "string (default: '')"

View File

@@ -35,7 +35,7 @@ export default function BlogPage() {
{ name: "Contact", id: "contact-section" } { name: "Contact", id: "contact-section" }
]} ]}
button={{ text: "Get Started" }} button={{ text: "Get Started" }}
brandName="Webild" brandName="North Star Marketing Lab "
/> />
</div> </div>

File diff suppressed because it is too large Load Diff

View File

@@ -36,7 +36,7 @@ export default function LandingPage() {
{ name: "Contact", id: "contact-section" } { name: "Contact", id: "contact-section" }
]} ]}
button={{ text: "Get Started" }} button={{ text: "Get Started" }}
brandName="Webild" brandName="North Star Marketing Lab "
/> />
</div> </div>
@@ -55,10 +55,10 @@ export default function LandingPage() {
buttonAnimation="slide-up" buttonAnimation="slide-up"
avatars={[ avatars={[
{ src: "https://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1077.jpg", alt: "Client testimonial from Sarah Johnson" }, { src: "https://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1077.jpg", alt: "Client testimonial from Sarah Johnson" },
{ src: "https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg", alt: "Client testimonial from Michael Chen" } { src: "https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg", alt: "Client testimonial from " }
]} ]}
avatarText="Trusted by 500+ businesses worldwide" avatarText="Trusted by 500+ businesses worldwide"
imageSrc="https://img.b2bpic.net/free-vector/flat-design-minimal-technology_23-2149123979.jpg" imageSrc="https://img.b2bpic.net/premium-photo/big-data-analytics-visualization-technology-with-scientist-analyzing-information-business_488220-55727.jpg?id=34322050"
imageAlt="Team collaborating on marketing strategy" imageAlt="Team collaborating on marketing strategy"
mediaAnimation="slide-up" mediaAnimation="slide-up"
marqueeItems={[ marqueeItems={[
@@ -165,8 +165,8 @@ export default function LandingPage() {
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", imageAlt: "Sarah Johnson, Marketing Director at TechNova Inc." imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", imageAlt: "Sarah Johnson, Marketing Director at TechNova Inc."
}, },
{ {
id: "testimonial-2", name: "Michael Chen", role: "CEO", company: "GrowthLab", rating: 5, id: "testimonial-2", name: "", role: "", company: "", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/successful-happy-business-team_53876-95773.jpg", imageAlt: "Michael Chen, CEO at GrowthLab" imageSrc: "https://img.b2bpic.net/free-photo/successful-happy-business-team_53876-95773.jpg", imageAlt: ", at "
}, },
{ {
id: "testimonial-3", name: "Elena Rodriguez", role: "Brand Manager", company: "StyleHub", rating: 5, id: "testimonial-3", name: "Elena Rodriguez", role: "Brand Manager", company: "StyleHub", rating: 5,
@@ -234,8 +234,8 @@ export default function LandingPage() {
] ]
} }
]} ]}
logoText="Webild" logoText="North Star Marketing Lab "
copyrightText="© 2025 | Webild - Strategic Marketing Solutions" copyrightText="© 2025 | North Star Marketing Lab - Strategic Marketing Solutions"
ariaLabel="Site footer" ariaLabel="Site footer"
/> />
</div> </div>

View File

@@ -101,7 +101,7 @@ function ProductPageContent({ params }: ProductPageProps) {
{"name":"Shop","id":"/shop"} {"name":"Shop","id":"/shop"}
]} ]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }} button={{ text: "Cart", onClick: () => setCartOpen(true) }}
brandName="Webild" brandName="North Star Marketing Lab "
/> />
</div> </div>
<main className="min-h-screen flex items-center justify-center pt-20"> <main className="min-h-screen flex items-center justify-center pt-20">
@@ -140,7 +140,7 @@ function ProductPageContent({ params }: ProductPageProps) {
{"name":"Shop","id":"/shop"} {"name":"Shop","id":"/shop"}
]} ]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }} button={{ text: "Cart", onClick: () => setCartOpen(true) }}
brandName="Webild" brandName="North Star Marketing Lab "
/> />
</div> </div>
<main className="min-h-screen flex items-center justify-center pt-20"> <main className="min-h-screen flex items-center justify-center pt-20">
@@ -186,7 +186,7 @@ function ProductPageContent({ params }: ProductPageProps) {
{"name":"Shop","id":"/shop"} {"name":"Shop","id":"/shop"}
]} ]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }} button={{ text: "Cart", onClick: () => setCartOpen(true) }}
brandName="Webild" brandName="North Star Marketing Lab "
/> />
</div> </div>
<div id="productDetailCard" data-section="productDetailCard"> <div id="productDetailCard" data-section="productDetailCard">

View File

@@ -44,7 +44,7 @@ function ShopPageContent() {
{"name":"Shop","id":"/shop"} {"name":"Shop","id":"/shop"}
]} ]}
button={{ text: "Get Started" }} button={{ text: "Get Started" }}
brandName="Webild" brandName="North Star Marketing Lab "
/> />
</div> </div>
<main className="min-h-screen flex items-center justify-center pt-20"> <main className="min-h-screen flex items-center justify-center pt-20">
@@ -82,7 +82,7 @@ function ShopPageContent() {
{"name":"Shop","id":"/shop"} {"name":"Shop","id":"/shop"}
]} ]}
button={{ text: "Get Started" }} button={{ text: "Get Started" }}
brandName="Webild" brandName="North Star Marketing Lab "
/> />
</div> </div>
<div id="productCatalog" data-section="productCatalog"> <div id="productCatalog" data-section="productCatalog">

View File

@@ -18,7 +18,7 @@ interface LogoProps {
const Logo = ({ const Logo = ({
// logoSrc, // logoSrc,
// logoAlt = "", // logoAlt = "",
brandName = "Webild", brandName = "North Star Marketing Lab ",
// className = "", // className = "",
// imageClassName = "", // imageClassName = "",
textClassName = "", textClassName = "",

View File

@@ -25,7 +25,7 @@ const NavbarLayoutFloatingInline = ({
navItems, navItems,
// logoSrc, // logoSrc,
// logoAlt = "", // logoAlt = "",
brandName = "Webild", brandName = "North Star Marketing Lab ",
button, button,
className = "", className = "",
navItemClassName = "", navItemClassName = "",

View File

@@ -28,7 +28,7 @@ const NavbarLayoutFloatingOverlay = ({
// logoSrc, // logoSrc,
// logoAlt = "", // logoAlt = "",
className = "", className = "",
brandName = "Webild", brandName = "North Star Marketing Lab ",
button, button,
buttonClassName = "", buttonClassName = "",
buttonTextClassName = "", buttonTextClassName = "",

View File

@@ -25,7 +25,7 @@ const NavbarStyleApple = ({
navItems, navItems,
// logoSrc, // logoSrc,
// logoAlt = "", // logoAlt = "",
brandName = "Webild", brandName = "North Star Marketing Lab ",
button, button,
buttonClassName = "", buttonClassName = "",
buttonTextClassName = "", buttonTextClassName = "",

View File

@@ -57,7 +57,7 @@ const NavbarStyleCentered = ({
topBarButton, topBarButton,
// logoSrc, // logoSrc,
// logoAlt = "", // logoAlt = "",
brandName = "Webild", brandName = "North Star Marketing Lab ",
className = "", className = "",
}: NavbarStyleCenteredProps) => { }: NavbarStyleCenteredProps) => {
const [isActive, setIsActive] = useState(false); const [isActive, setIsActive] = useState(false);

View File

@@ -48,7 +48,7 @@ const NavbarStyleFullscreen = ({
navItems, navItems,
// logoSrc, // logoSrc,
// logoAlt = "", // logoAlt = "",
brandName = "Webild", brandName = "North Star Marketing Lab ",
bottomLeftText = "Global Community", bottomLeftText = "Global Community",
bottomRightText = "hello@example.com", bottomRightText = "hello@example.com",
topBarClassName = "", topBarClassName = "",

View File

@@ -30,11 +30,11 @@ interface FooterBaseProps {
const FooterBase = ({ const FooterBase = ({
// logoSrc = "/brand/logowhite.svg", // logoSrc = "/brand/logowhite.svg",
logoText = "Webild", logoText = "North Star Marketing Lab ",
// logoWidth = 120, // logoWidth = 120,
// logoHeight = 40, // logoHeight = 40,
columns, columns,
copyrightText = `© 2025 | Webild`, copyrightText = `© 2025 | North Star Marketing Lab `,
onPrivacyClick, onPrivacyClick,
ariaLabel = "Site footer", ariaLabel = "Site footer",
className = "", className = "",

View File

@@ -31,11 +31,11 @@ interface FooterBaseCardProps {
const FooterBaseCard = ({ const FooterBaseCard = ({
// logoSrc = "/brand/logowhite.svg", // logoSrc = "/brand/logowhite.svg",
logoText = "Webild", logoText = "North Star Marketing Lab ",
// logoWidth = 120, // logoWidth = 120,
// logoHeight = 40, // logoHeight = 40,
columns, columns,
copyrightText = `© 2025 | Webild`, copyrightText = `© 2025 | North Star Marketing Lab `,
onPrivacyClick, onPrivacyClick,
ariaLabel = "Site footer", ariaLabel = "Site footer",
className = "", className = "",

View File

@@ -26,8 +26,8 @@ interface FooterCardProps {
const FooterCard = ({ const FooterCard = ({
// logoSrc, // logoSrc,
// logoAlt = "Logo", // logoAlt = "Logo",
logoText = "Webild", logoText = "North Star Marketing Lab ",
copyrightText = `© 2025 | Webild`, copyrightText = `© 2025 | North Star Marketing Lab `,
socialLinks, socialLinks,
ariaLabel = "Site footer", ariaLabel = "Site footer",
className = "", className = "",

View File

@@ -28,7 +28,7 @@ interface FooterLogoRevealProps {
const FooterLogoReveal = ({ const FooterLogoReveal = ({
// logoSrc, // logoSrc,
// logoAlt = "Logo", // logoAlt = "Logo",
logoText = "Webild", logoText = "North Star Marketing Lab ",
leftLink, leftLink,
rightLink, rightLink,
ariaLabel = "Site footer", ariaLabel = "Site footer",

View File

@@ -51,11 +51,11 @@ const FooterMedia = ({
imageAlt = "", imageAlt = "",
videoAriaLabel = "Footer video", videoAriaLabel = "Footer video",
// logoSrc = "/brand/logowhite.svg", // logoSrc = "/brand/logowhite.svg",
logoText = "Webild", logoText = "North Star Marketing Lab ",
// logoWidth = 120, // logoWidth = 120,
// logoHeight = 40, // logoHeight = 40,
columns, columns,
copyrightText = `© 2025 | Webild`, copyrightText = `© 2025 | North Star Marketing Lab `,
onPrivacyClick, onPrivacyClick,
ariaLabel = "Site footer", ariaLabel = "Site footer",
className = "", className = "",