55 Commits

Author SHA1 Message Date
52fab678ff Bob AI: Editing footer ([data-webild-id="webild-1771908438... 2026-02-24 04:47:35 +00:00
8afa4c6cef Merge version_2 into main
Merge version_2 into main
2026-02-24 04:46:35 +00:00
105fa1fddc Update src/components/sections/footer/FooterMedia.tsx 2026-02-24 04:46:31 +00:00
b79c0812c2 Update src/components/sections/footer/FooterLogoReveal.tsx 2026-02-24 04:46:30 +00:00
aacb1896a4 Update src/components/sections/footer/FooterCard.tsx 2026-02-24 04:46:30 +00:00
0eee39988b Update src/components/sections/footer/FooterBaseCard.tsx 2026-02-24 04:46:29 +00:00
8ba86bdfc6 Update src/components/sections/footer/FooterBase.tsx 2026-02-24 04:46:28 +00:00
5d228b480f Update src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx 2026-02-24 04:46:27 +00:00
d6b97fe151 Update src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx 2026-02-24 04:46:27 +00:00
bcafdf8f82 Update src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx 2026-02-24 04:46:26 +00:00
7178f97239 Update src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx 2026-02-24 04:46:25 +00:00
5c64a14162 Update src/components/navbar/NavbarLayoutFloatingInline.tsx 2026-02-24 04:46:24 +00:00
7b5aaa4855 Update src/components/navbar/Logo.tsx 2026-02-24 04:46:24 +00:00
eddae56dfd Update src/app/shop/page.tsx 2026-02-24 04:46:23 +00:00
dfe7d545e9 Update src/app/shop/[id]/page.tsx 2026-02-24 04:46:22 +00:00
d9b78d9710 Update src/app/page.tsx 2026-02-24 04:46:22 +00:00
59a2d9cbdc Update src/app/layout.tsx 2026-02-24 04:46:21 +00:00
cd704017e2 Update src/app/blog/page.tsx 2026-02-24 04:46:19 +00:00
1b69d1d376 Update registry/schemas/NavbarStyleFullscreen.schema.json 2026-02-24 04:46:19 +00:00
560cfad69f Update registry/schemas/NavbarStyleCentered.schema.json 2026-02-24 04:46:18 +00:00
b259bad7f2 Update registry/schemas/NavbarStyleApple.schema.json 2026-02-24 04:46:17 +00:00
78fd447e33 Update registry/schemas/NavbarLayoutFloatingOverlay.schema.json 2026-02-24 04:46:16 +00:00
fad2b71508 Update registry/schemas/NavbarLayoutFloatingInline.schema.json 2026-02-24 04:46:16 +00:00
793f6fde09 Update registry/schemas/FooterMedia.schema.json 2026-02-24 04:46:15 +00:00
a27b25f30e Update registry/schemas/FooterLogoReveal.schema.json 2026-02-24 04:46:14 +00:00
762b260bc1 Update registry/schemas/FooterLogoEmphasis.schema.json 2026-02-24 04:46:14 +00:00
4895ef1616 Update registry/schemas/FooterCard.schema.json 2026-02-24 04:46:13 +00:00
5480094df4 Update registry/schemas/FooterBaseCard.schema.json 2026-02-24 04:46:12 +00:00
c083086119 Update registry/schemas/FooterBase.schema.json 2026-02-24 04:46:11 +00:00
e9c85d7276 Update registry/components/TestimonialCardTwelve.json 2026-02-24 04:46:11 +00:00
d1d361bf7d Update registry/components/TestimonialCardTen.json 2026-02-24 04:46:10 +00:00
515cac3689 Update registry/components/TestimonialCardSixteen.json 2026-02-24 04:46:09 +00:00
116cc85ae2 Update registry/components/TestimonialCardSix.json 2026-02-24 04:46:09 +00:00
d2af12633a Update registry/components/TestimonialCardFive.json 2026-02-24 04:46:08 +00:00
dca9ff4b22 Update registry/components/TeamCardTwo.json 2026-02-24 04:46:07 +00:00
7a2faef3b6 Update registry/components/TeamCardSix.json 2026-02-24 04:46:07 +00:00
1519bece61 Update registry/components/TeamCardFive.json 2026-02-24 04:46:06 +00:00
9bc9cc981b Update registry/components/NavbarStyleFullscreen.json 2026-02-24 04:46:05 +00:00
2633e9f4b8 Update registry/components/NavbarStyleCentered.json 2026-02-24 04:46:04 +00:00
4fea0e6dd6 Update registry/components/NavbarStyleApple.json 2026-02-24 04:46:04 +00:00
b34a707c64 Update registry/components/NavbarLayoutFloatingOverlay.json 2026-02-24 04:46:03 +00:00
f6fe14850c Update registry/components/NavbarLayoutFloatingInline.json 2026-02-24 04:46:02 +00:00
f8aa122dcd Update registry/components/HeroLogo.json 2026-02-24 04:46:02 +00:00
700d117f77 Update registry/components/FooterSimple.json 2026-02-24 04:46:01 +00:00
8ad94f3e9b Update registry/components/FooterMedia.json 2026-02-24 04:46:00 +00:00
a23d2c37e9 Update registry/components/FooterLogoReveal.json 2026-02-24 04:46:00 +00:00
3c73eca13e Update registry/components/FooterLogoEmphasis.json 2026-02-24 04:45:59 +00:00
21bbc6a58d Update registry/components/FooterCard.json 2026-02-24 04:45:58 +00:00
4501d9cf1e Update registry/components/FooterBaseReveal.json 2026-02-24 04:45:57 +00:00
cbb24603f6 Update registry/components/FooterBaseCard.json 2026-02-24 04:45:57 +00:00
9d2d707c61 Update registry/components/FooterBase.json 2026-02-24 04:45:56 +00:00
e4e0c5f6c8 Update docs/PREVIEW_PAGE_STANDARDS.md 2026-02-24 04:45:55 +00:00
8a82386f76 Merge version_2 into main
Merge version_2 into main
2026-02-24 04:26:12 +00:00
c1dc3cb314 Update src/app/page.tsx 2026-02-24 04:26:08 +00:00
3bfded959a Merge version_1 into main
Merge version_1 into main
2026-02-23 20:37:39 +00:00
50 changed files with 1466 additions and 133 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

@@ -8,8 +8,7 @@ import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne'; import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne'; import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter'; import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase'; import { Award, BarChart, BarChart3, Calendar, CheckCircle, DollarSign, Handshake, MessageCircle, Palette, Smile, Sparkles, Target, TrendingUp, Users } from 'lucide-react';
import { Award, BarChart, BarChart3, CheckCircle, DollarSign, Handshake, MessageCircle, Palette, Smile, Sparkles, Target, TrendingUp, Users } from 'lucide-react';
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -36,7 +35,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 +54,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 +164,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,
@@ -192,53 +191,20 @@ export default function LandingPage() {
<div id="contact-section" data-section="contact-section"> <div id="contact-section" data-section="contact-section">
<ContactCenter <ContactCenter
tag="Get in Touch" tag="Let's Connect"
title="Let's Build Something Great Together" title="Ready to Transform Your Business?"
description="Ready to elevate your brand? Our team of experts is here to help you achieve your marketing goals with innovative strategies and creative solutions." description="Schedule a free strategy consultation with our marketing experts. We'll analyze your current approach and create a customized roadmap for sustainable growth."
tagIcon={MessageCircle} tagIcon={Calendar}
tagAnimation="slide-up" tagAnimation="slide-up"
background={{ variant: "plain" }} background={{ variant: "plain" }}
useInvertedBackground={false} useInvertedBackground={false}
inputPlaceholder="Enter your business email" inputPlaceholder="Enter your business email"
buttonText="Start Your Project" buttonText="Schedule a Call"
termsText="By submitting, you agree to our Privacy Policy and Terms of Service." termsText="By submitting, you agree to our Privacy Policy and Terms of Service."
ariaLabel="Contact section with form for project inquiries" ariaLabel="Contact section with form for project inquiries"
/> />
</div> </div>
<div id="footer-section" data-section="footer-section">
<FooterBase
columns={[
{
title: "Services", items: [
{ label: "Digital Strategy", href: "#hero-section" },
{ label: "Brand Identity", href: "#about-section" },
{ label: "Content Marketing", href: "#features-section" },
{ label: "Performance Analytics", href: "#metrics-section" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#about-section" },
{ label: "Our Process", href: "#features-section" },
{ label: "Case Studies", href: "#testimonials-section" },
{ label: "Careers", href: "#contact-section" }
]
},
{
title: "Resources", items: [
{ label: "Blog", href: "#hero-section" },
{ label: "Marketing Guides", href: "#features-section" },
{ label: "Webinars", href: "#testimonials-section" },
{ label: "Support Center", href: "#contact-section" }
]
}
]}
logoText="Webild"
copyrightText="© 2025 | Webild - Strategic Marketing Solutions"
ariaLabel="Site footer"
/>
</div>
</ThemeProvider> </ThemeProvider>
); );
} }

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 = "",