Update src/app/page.tsx

Merge version_2 into main

docs/PREVIEW_PAGE_STANDARDS.md

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

registry/components/FooterBase.json

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

registry/components/FooterBaseCard.json

@@ -5,14 +5,14 @@
     "textRules": {
       "copyrightText": {
         "required": false,
-        "example": "© 2025 | Webild",
+        "example": "© 2025 | North Star Marketing Lab ",
         "minChars": 5,
         "maxChars": 100,
         "note": "Copyright text displayed at bottom left"
       },
       "logoText": {
         "required": false,
-        "example": "Webild",
+        "example": "North Star Marketing Lab ",
         "minChars": 2,
         "maxChars": 30,
         "note": "Text used for h2 heading"
@@ -33,14 +33,14 @@
     }
   },
   "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",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "copyrightText?": "string (default: '© 2025 | North Star Marketing Lab ')",
     "onPrivacyClick?": "() => void",
     "ariaLabel?": "string (default: 'Site footer')",
     "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": [
     "Use for general use",
     "Requires columns[]"

registry/components/FooterBaseReveal.json

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

registry/components/FooterCard.json

@@ -5,14 +5,14 @@
     "textRules": {
       "copyrightText": {
         "required": false,
-        "example": "© 2025 | Webild",
+        "example": "© 2025 | North Star Marketing Lab ",
         "minChars": 5,
         "maxChars": 100,
         "note": "Copyright text displayed at bottom left"
       },
       "logoText": {
         "required": false,
-        "example": "Webild",
+        "example": "North Star Marketing Lab ",
         "minChars": 2,
         "maxChars": 30,
         "note": "Text used for SVG logo"
@@ -32,14 +32,14 @@
     }
   },
   "propsSchema": {
-    "logoText?": "string (default: 'Webild')",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "logoText?": "string (default: 'North Star Marketing Lab ')",
+    "copyrightText?": "string (default: '© 2025 | North Star Marketing Lab ')",
     "socialLinks?": "Array<{ icon: LucideIcon, href: string, ariaLabel: string }> - Social media links",
     "ariaLabel?": "string (default: 'Site footer')",
     "className?": "string",
     "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": [
     "Use for general use",
     "Requires socialLinks?[]"

registry/components/FooterLogoEmphasis.json

@@ -5,7 +5,7 @@
     "textRules": {
       "logoText": {
         "required": false,
-        "default": "Webild",
+        "default": "North Star Marketing Lab ",
         "example": "Company Name",
         "minChars": 2,
         "maxChars": 30
@@ -40,7 +40,7 @@
   },
   "propsSchema": {
     "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')",
     "className?": "string"
   },

registry/components/FooterLogoReveal.json

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

registry/components/FooterMedia.json

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

registry/components/FooterSimple.json

@@ -11,7 +11,7 @@
       },
       "bottomRightText": {
         "required": true,
-        "example": "Made with Webild",
+        "example": "Made with North Star Marketing Lab ",
         "minChars": 2,
         "maxChars": 50
       },
@@ -53,7 +53,7 @@
     "ariaLabel?": "string (default: 'Site footer')",
     "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": [
     "Use for feature showcases",
     "Use for capability displays",

registry/components/HeroLogo.json

@@ -5,7 +5,7 @@
     "textRules": {
       "logoText": {
         "required": true,
-        "example": "Webild",
+        "example": "North Star Marketing Lab ",
         "minChars": 2,
         "maxChars": 20
       },
@@ -67,7 +67,7 @@
     "ariaLabel?": "string (default: 'Hero section')",
     "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": [
     "Use for landing pages",
     "Use for feature showcases",

registry/components/NavbarLayoutFloatingInline.json

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

registry/components/NavbarLayoutFloatingOverlay.json

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

registry/components/NavbarStyleApple.json

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

registry/components/NavbarStyleCentered.json

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

registry/components/NavbarStyleFullscreen.json

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

registry/components/TeamCardFive.json

@@ -38,7 +38,7 @@
       },
       "role": {
         "required": true,
-        "example": "CEO & Founder",
+        "example": " & Founder",
         "minChars": 2,
         "maxChars": 50,
         "note": "Role/title displayed at base size with 75% opacity, centered with truncate"
@@ -87,7 +87,7 @@
     "ariaLabel?": "string (default: 'Team section')",
     "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": [
     "Use for team pages",
     "Use for staff directories",

registry/components/TeamCardSix.json

@@ -38,7 +38,7 @@
       },
       "role": {
         "required": true,
-        "example": "CEO & Founder",
+        "example": " & Founder",
         "minChars": 2,
         "maxChars": 50,
         "note": "Role/title displayed at base size with truncate in blurred overlay"
@@ -84,7 +84,7 @@
     "ariaLabel?": "string (default: 'Team section')",
     "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": [
     "Use for about pages",
     "Use for company information",

registry/components/TeamCardTwo.json

@@ -38,7 +38,7 @@
       },
       "role": {
         "required": true,
-        "example": "Founder & CEO",
+        "example": "Founder & ",
         "minChars": 2,
         "maxChars": 40,
         "note": "Role/title displayed in secondary-button badge"
@@ -99,7 +99,7 @@
     "ariaLabel?": "string (default: 'Team section')",
     "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": [
     "Use for about pages",
     "Use for company information",

registry/components/TestimonialCardFive.json

@@ -31,7 +31,7 @@
       },
       "name": {
         "required": true,
-        "example": "Alisa Hester, CEO of Ecomflow",
+        "example": "Alisa Hester,  of Ecomflow",
         "minChars": 2,
         "maxChars": 80,
         "note": "Full name including role and company (e.g., 'John Smith, CTO of Tech Corp')"
@@ -119,7 +119,7 @@
     "ariaLabel?": "string (default: 'Testimonials section')",
     "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": [
     "Use for social proof",
     "Use for customer reviews",

registry/components/TestimonialCardSix.json

@@ -90,7 +90,7 @@
     "ariaLabel?": "string (default: 'Testimonials section')",
     "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": [
     "Use for social proof",
     "Use for customer reviews",

registry/components/TestimonialCardSixteen.json

@@ -97,7 +97,7 @@
     "textBoxButtonClassName?": "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": [
     "Use for testimonial sections with visual emphasis on people",
     "Include exactly 3 KPI items for the bottom section",

registry/components/TestimonialCardTen.json

@@ -49,7 +49,7 @@
       },
       "role": {
         "required": true,
-        "example": "CEO of BrightPath Solutions",
+        "example": " of BrightPath Solutions",
         "minChars": 2,
         "maxChars": 100
       },
@@ -90,7 +90,7 @@
     "ariaLabel?": "string (default: 'Testimonials section')",
     "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": [
     "Use for feature showcases",
     "Use for capability displays",

registry/components/TestimonialCardTwelve.json

@@ -60,7 +60,7 @@
     "ariaLabel?": "string (default: 'Testimonials section')",
     "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": [
     "Use for feature showcases",
     "Use for capability displays",

registry/schemas/FooterBase.schema.json

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

registry/schemas/FooterBaseCard.schema.json

@@ -1,9 +1,9 @@
 {
   "name": "FooterBaseCard",
   "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",
-    "copyrightText?": "string (default: '© 2025 | Webild')",
+    "copyrightText?": "string (default: '© 2025 | North Star Marketing Lab ')",
     "onPrivacyClick?": "() => void",
     "ariaLabel?": "string (default: 'Site footer')",
     "className?": "string",

registry/schemas/FooterCard.schema.json

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

registry/schemas/FooterLogoEmphasis.schema.json

@@ -2,7 +2,7 @@
   "name": "FooterLogoEmphasis",
   "propsSchema": {
     "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')",
     "className?": "string",
     "containerClassName?": "string",

registry/schemas/FooterLogoReveal.schema.json

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

registry/schemas/FooterMedia.schema.json

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

registry/schemas/NavbarLayoutFloatingInline.schema.json

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

registry/schemas/NavbarLayoutFloatingOverlay.schema.json

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

registry/schemas/NavbarStyleApple.schema.json

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

registry/schemas/NavbarStyleCentered.schema.json

@@ -4,7 +4,7 @@
     "navItems": "Array<{name: string, id: string}>",
     "button": "{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: '')"
   }
 }

registry/schemas/NavbarStyleFullscreen.schema.json

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

src/app/blog/page.tsx

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

src/app/page.tsx

@@ -9,7 +9,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Award, BarChart, BarChart3, CheckCircle, DollarSign, Handshake, MessageCircle, Palette, Smile, Sparkles, Target, TrendingUp, Users } from 'lucide-react';
+import { Award, BarChart, BarChart3, Calendar, CheckCircle, DollarSign, Handshake, MessageCircle, Palette, Smile, Sparkles, Target, TrendingUp, Users } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -36,7 +36,7 @@ export default function LandingPage() {
             { name: "Contact", id: "contact-section" }
           ]}
           button={{ text: "Get Started" }}
-          brandName="Webild"
+          brandName="North Star Marketing Lab "
         />
       </div>
 
@@ -55,10 +55,10 @@ export default function LandingPage() {
           buttonAnimation="slide-up"
           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/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"
-          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"
           mediaAnimation="slide-up"
           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."
             },
             {
-              id: "testimonial-2",              name: "Michael Chen",              role: "CEO",              company: "GrowthLab",              rating: 5,
-              imageSrc: "https://img.b2bpic.net/free-photo/successful-happy-business-team_53876-95773.jpg",              imageAlt: "Michael Chen, CEO at GrowthLab"
+              id: "testimonial-2",              name: "",              role: "",              company: "",              rating: 5,
+              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,
@@ -192,15 +192,15 @@ export default function LandingPage() {
 
       <div id="contact-section" data-section="contact-section">
         <ContactCenter
-          tag="Get in Touch"
-          title="Let's Build Something Great Together"
-          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."
-          tagIcon={MessageCircle}
+          tag="Let's Connect"
+          title="Ready to Transform Your Business?"
+          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={Calendar}
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           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."
           ariaLabel="Contact section with form for project inquiries"
         />
@@ -234,8 +234,8 @@ export default function LandingPage() {
               ]
             }
           ]}
-          logoText="Webild"
-          copyrightText="© 2025 | Webild - Strategic Marketing Solutions"
+          logoText="North Star Marketing Lab "
+          copyrightText="© 2025 | North Star Marketing Lab  - Strategic Marketing Solutions"
           ariaLabel="Site footer"
         />
       </div>

src/app/shop/[id]/page.tsx

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

src/app/shop/page.tsx

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

src/components/navbar/Logo.tsx

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

src/components/navbar/NavbarLayoutFloatingInline.tsx

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

src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx

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

src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx

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

src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx

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

src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx

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

src/components/sections/footer/FooterBase.tsx

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

src/components/sections/footer/FooterBaseCard.tsx

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

src/components/sections/footer/FooterCard.tsx

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

src/components/sections/footer/FooterLogoReveal.tsx

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

src/components/sections/footer/FooterMedia.tsx

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