Compare commits
82 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fed43e8aa0 | |||
| a195f3e3b0 | |||
| 1aa2eecdf6 | |||
| 2813785b08 | |||
| 4c4cd18673 | |||
| 7e05e2e3d2 | |||
| 054dc5e4ad | |||
| 63f0163f69 | |||
| 4cdd8d0bc8 | |||
| dd1170fa45 | |||
| e7252c65d7 | |||
| 427c6ca8a0 | |||
| fe8dab2844 | |||
| 2721cf0ed2 | |||
| 0b7a0509dd | |||
| b185606914 | |||
| b2683cdbd0 | |||
| 6033bbff81 | |||
| e9e0469682 | |||
| b44d4db3ab | |||
| 327b6398e4 | |||
| fbb053dadf | |||
| 3773a426a3 | |||
| 4f63694329 | |||
| de45684412 | |||
| c05f9953ac | |||
| 3db69ea024 | |||
| 10e3648438 | |||
| 9c945c1bdc | |||
| cf4c76d509 | |||
| da695b445c | |||
| f791d6af60 | |||
| 4d796b14dd | |||
| cb00eaff59 | |||
| 59e1ccd56c | |||
| 2bd72477f7 | |||
| d1096ff147 | |||
| 4e8a5aeff0 | |||
| ae25677078 | |||
| 9a8498595f | |||
| aa39b546a4 | |||
| 85a9b309f0 | |||
| 498551affb | |||
| 1fb90c5662 | |||
| faca963417 | |||
| 1f9c4bf943 | |||
| a12212339e | |||
| c806d86344 | |||
| 7f427cf171 | |||
| d7ea6e2a89 | |||
| eacab92fba | |||
| 30cab72cf8 | |||
| dafa0c5aaa | |||
| af970607b3 | |||
| 78f61d227c | |||
| 8984982b1c | |||
| df2d4aea9f | |||
| 91ec98e991 | |||
| 440a90c3a1 | |||
| c0d2c04c0d | |||
| 0bd8040212 | |||
| b02c57341f | |||
| 2af0ff6049 | |||
| 8e38ed0b55 | |||
| fb3198f801 | |||
| 290d43962f | |||
| af4dae819e | |||
| f5dbaa3a83 | |||
| b819ded3e8 | |||
| c748737792 | |||
| e9450c1702 | |||
| eb0e46038e | |||
| 788c5d23c2 | |||
| 17c2a7dc2d | |||
| 6608d2ae75 | |||
| 629f0fdca1 | |||
| 7e804ea140 | |||
| 3778583d36 | |||
| 8b83befc77 | |||
| c5057382f4 | |||
| 0f730e6974 | |||
| f39d41f397 |
@@ -6,14 +6,14 @@
|
||||
"textRules": {
|
||||
"logoText": {
|
||||
"required": false,
|
||||
"default": "Webild",
|
||||
"default": "CONTACT US ",
|
||||
"example": "Company Name",
|
||||
"minChars": 2,
|
||||
"maxChars": 30
|
||||
},
|
||||
"copyrightText": {
|
||||
"required": false,
|
||||
"default": "© 2025 | Webild",
|
||||
"default": "© 2025 | CONTACT US ",
|
||||
"example": "© 2025 Company Name",
|
||||
"minChars": 5,
|
||||
"maxChars": 50
|
||||
@@ -51,8 +51,8 @@
|
||||
},
|
||||
"propsSchema": {
|
||||
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns (required)",
|
||||
"logoText?": "string (default: 'Webild')",
|
||||
"copyrightText?": "string (default: '© 2025 | Webild')",
|
||||
"logoText?": "string (default: 'CONTACT US ')",
|
||||
"copyrightText?": "string (default: '© 2025 | CONTACT US ')",
|
||||
"onPrivacyClick?": "() => void",
|
||||
"ariaLabel?": "string (default: 'Site footer')",
|
||||
"className?": "string",
|
||||
|
||||
@@ -6,14 +6,14 @@
|
||||
"textRules": {
|
||||
"copyrightText": {
|
||||
"required": false,
|
||||
"example": "© 2025 | Webild",
|
||||
"example": "© 2025 | CONTACT US ",
|
||||
"minChars": 5,
|
||||
"maxChars": 100,
|
||||
"note": "Copyright text displayed at bottom left"
|
||||
},
|
||||
"logoText": {
|
||||
"required": false,
|
||||
"example": "Webild",
|
||||
"example": "CONTACT US ",
|
||||
"minChars": 2,
|
||||
"maxChars": 30,
|
||||
"note": "Text used for h2 heading"
|
||||
@@ -34,9 +34,9 @@
|
||||
}
|
||||
},
|
||||
"propsSchema": {
|
||||
"logoText?": "string (default: 'Webild')",
|
||||
"logoText?": "string (default: 'CONTACT US ')",
|
||||
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns (required)",
|
||||
"copyrightText?": "string (default: '© 2025 | Webild')",
|
||||
"copyrightText?": "string (default: '© 2025 | CONTACT US ')",
|
||||
"onPrivacyClick?": "() => void",
|
||||
"ariaLabel?": "string (default: 'Site footer')",
|
||||
"className?": "string",
|
||||
@@ -51,7 +51,7 @@
|
||||
"copyrightTextClassName?": "string",
|
||||
"privacyButtonClassName?": "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=\"CONTACT US \" copyrightText=\"© 2025 | CONTACT US \" onPrivacyClick={() => console.log('Privacy clicked')} />",
|
||||
"do": [
|
||||
"Use for general use",
|
||||
"Requires columns[]"
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
"textRules": {
|
||||
"copyrightText": {
|
||||
"required": false,
|
||||
"default": "© 2025 | Webild",
|
||||
"default": "© 2025 | CONTACT US ",
|
||||
"example": "© 2025 Company Name",
|
||||
"minChars": 5,
|
||||
"maxChars": 50
|
||||
|
||||
@@ -6,14 +6,14 @@
|
||||
"textRules": {
|
||||
"copyrightText": {
|
||||
"required": false,
|
||||
"example": "© 2025 | Webild",
|
||||
"example": "© 2025 | CONTACT US ",
|
||||
"minChars": 5,
|
||||
"maxChars": 100,
|
||||
"note": "Copyright text displayed at bottom left"
|
||||
},
|
||||
"logoText": {
|
||||
"required": false,
|
||||
"example": "Webild",
|
||||
"example": "CONTACT US ",
|
||||
"minChars": 2,
|
||||
"maxChars": 30,
|
||||
"note": "Text used for SVG logo"
|
||||
@@ -33,8 +33,8 @@
|
||||
}
|
||||
},
|
||||
"propsSchema": {
|
||||
"logoText?": "string (default: 'Webild')",
|
||||
"copyrightText?": "string (default: '© 2025 | Webild')",
|
||||
"logoText?": "string (default: 'CONTACT US ')",
|
||||
"copyrightText?": "string (default: '© 2025 | CONTACT US ')",
|
||||
"socialLinks?": "Array<{ icon: LucideIcon, href: string, ariaLabel: string }> - Social media links",
|
||||
"ariaLabel?": "string (default: 'Site footer')",
|
||||
"className?": "string",
|
||||
@@ -47,7 +47,7 @@
|
||||
"socialContainerClassName?": "string",
|
||||
"socialIconClassName?": "string"
|
||||
},
|
||||
"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=\"CONTACT US \" copyrightText=\"© 2025 | CONTACT US \" 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?[]"
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
"textRules": {
|
||||
"logoText": {
|
||||
"required": false,
|
||||
"default": "Webild",
|
||||
"default": "CONTACT US ",
|
||||
"example": "Company Name",
|
||||
"minChars": 2,
|
||||
"maxChars": 30
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
"textRules": {
|
||||
"logoText": {
|
||||
"required": false,
|
||||
"example": "Webild",
|
||||
"example": "CONTACT US ",
|
||||
"minChars": 2,
|
||||
"maxChars": 30,
|
||||
"note": "Text used for SVG logo"
|
||||
@@ -20,7 +20,7 @@
|
||||
}
|
||||
},
|
||||
"propsSchema": {
|
||||
"logoText?": "string (default: 'Webild')",
|
||||
"logoText?": "string (default: 'CONTACT US ')",
|
||||
"leftLink": "{ text: string, onClick?: () => void, href?: string } (required)",
|
||||
"rightLink": "{ text: string, onClick?: () => void, href?: string } (required)",
|
||||
"ariaLabel?": "string (default: 'Site footer')",
|
||||
@@ -30,7 +30,7 @@
|
||||
"logoClassName?": "string",
|
||||
"linkClassName?": "string"
|
||||
},
|
||||
"usageExample": "<FooterLogoReveal logoText=\"Webild\" leftLink={{ text: 'Privacy Policy', href: '/privacy' }} rightLink={{ text: 'Terms of Service', href: '/terms' }} />",
|
||||
"usageExample": "<FooterLogoReveal logoText=\"CONTACT US \" leftLink={{ text: 'Privacy Policy', href: '/privacy' }} rightLink={{ text: 'Terms of Service', href: '/terms' }} />",
|
||||
"do": [
|
||||
"Use for general use"
|
||||
],
|
||||
|
||||
@@ -6,14 +6,14 @@
|
||||
"textRules": {
|
||||
"logoText": {
|
||||
"required": false,
|
||||
"default": "Webild",
|
||||
"default": "CONTACT US ",
|
||||
"example": "Company Name",
|
||||
"minChars": 2,
|
||||
"maxChars": 30
|
||||
},
|
||||
"copyrightText": {
|
||||
"required": false,
|
||||
"default": "© 2025 | Webild",
|
||||
"default": "© 2025 | CONTACT US ",
|
||||
"example": "© 2025 Company Name",
|
||||
"minChars": 5,
|
||||
"maxChars": 50
|
||||
@@ -66,8 +66,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 (required)",
|
||||
"logoText?": "string (default: 'Webild')",
|
||||
"copyrightText?": "string (default: '© 2025 | Webild')",
|
||||
"logoText?": "string (default: 'CONTACT US ')",
|
||||
"copyrightText?": "string (default: '© 2025 | CONTACT US ')",
|
||||
"onPrivacyClick?": "() => void",
|
||||
"ariaLabel?": "string (default: 'Site footer')",
|
||||
"className?": "string",
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
},
|
||||
"bottomRightText": {
|
||||
"required": true,
|
||||
"example": "Made with Webild",
|
||||
"example": "Made with CONTACT US ",
|
||||
"minChars": 2,
|
||||
"maxChars": 50
|
||||
},
|
||||
@@ -63,7 +63,7 @@
|
||||
"bottomLeftTextClassName?": "string",
|
||||
"bottomRightTextClassName?": "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 CONTACT US \" />",
|
||||
"do": [
|
||||
"Use for feature showcases",
|
||||
"Use for capability displays",
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
"textRules": {
|
||||
"logoText": {
|
||||
"required": true,
|
||||
"example": "Webild",
|
||||
"example": "CONTACT US ",
|
||||
"minChars": 2,
|
||||
"maxChars": 20
|
||||
},
|
||||
@@ -79,7 +79,7 @@
|
||||
"blurClassName?": "string",
|
||||
"dimOverlayClassName?": "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=\"CONTACT US \" \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",
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
"required": false,
|
||||
"minChars": 2,
|
||||
"maxChars": 20,
|
||||
"example": "Webild",
|
||||
"example": "CONTACT US ",
|
||||
"fallbackBehavior": "Shows brandName text"
|
||||
},
|
||||
"buttonRules": {
|
||||
@@ -52,7 +52,7 @@
|
||||
},
|
||||
"propsSchema": {
|
||||
"navItems": "Array<{name: string, id: string}>",
|
||||
"brandName?": "string (default: 'Webild')",
|
||||
"brandName?": "string (default: 'CONTACT US ')",
|
||||
"button": "{text: string, onClick?: () => void, href?: string}",
|
||||
"animateOnLoad?": "boolean (default: true)",
|
||||
"className?": "string (default: '')",
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
"required": false,
|
||||
"minChars": 2,
|
||||
"maxChars": 20,
|
||||
"example": "Webild",
|
||||
"example": "CONTACT US ",
|
||||
"fallbackBehavior": "Shows brandName text"
|
||||
},
|
||||
"buttonRules": {
|
||||
@@ -53,7 +53,7 @@
|
||||
"propsSchema": {
|
||||
"navItems": "Array<{name: string, id: string}>",
|
||||
"className?": "string",
|
||||
"brandName?": "string (default: 'Webild')",
|
||||
"brandName?": "string (default: 'CONTACT US ')",
|
||||
"button": "{text: string, onClick?: () => void, href?: string}",
|
||||
"buttonClassName?": "string (default: '')",
|
||||
"buttonTextClassName?": "string (default: '')"
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
"required": false,
|
||||
"minChars": 2,
|
||||
"maxChars": 20,
|
||||
"example": "Webild",
|
||||
"example": "CONTACT US ",
|
||||
"fallbackBehavior": "Shows brandName text"
|
||||
},
|
||||
"linkRules": {
|
||||
@@ -35,7 +35,7 @@
|
||||
},
|
||||
"propsSchema": {
|
||||
"navItems": "Array<{name: string, id: string}>",
|
||||
"brandName?": "string (default: 'Webild')"
|
||||
"brandName?": "string (default: 'CONTACT US ')"
|
||||
},
|
||||
"usageExample": "<NavbarStyleApple />",
|
||||
"do": [
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
"required": false,
|
||||
"minChars": 2,
|
||||
"maxChars": 20,
|
||||
"example": "Webild",
|
||||
"example": "CONTACT US ",
|
||||
"fallbackBehavior": "Shows brandName text"
|
||||
},
|
||||
"buttonRules": {
|
||||
@@ -53,7 +53,7 @@
|
||||
"propsSchema": {
|
||||
"navItems": "Array<{name: string, id: string}>",
|
||||
"button": "{text: string, onClick?: () => void, href?: string}",
|
||||
"brandName?": "string (default: 'Webild')",
|
||||
"brandName?": "string (default: 'CONTACT US ')",
|
||||
"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'}} />",
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
"required": false,
|
||||
"minChars": 2,
|
||||
"maxChars": 20,
|
||||
"example": "Webild",
|
||||
"example": "CONTACT US ",
|
||||
"fallbackBehavior": "Shows brandName text"
|
||||
},
|
||||
"linkRules": {
|
||||
@@ -49,7 +49,7 @@
|
||||
},
|
||||
"propsSchema": {
|
||||
"navItems": "Array<{name: string, id: string}>",
|
||||
"brandName?": "string (default: 'Webild')",
|
||||
"brandName?": "string (default: 'CONTACT US ')",
|
||||
"bottomLeftText?": "string (default: 'Global Community')",
|
||||
"bottomRightText?": "string (default: 'hello@example.com')",
|
||||
"topBarClassName?": "string (default: '')"
|
||||
|
||||
@@ -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: 'CONTACT US ')",
|
||||
"copyrightText?": "string (default: '© 2025 | CONTACT US ')",
|
||||
"onPrivacyClick?": "() => void",
|
||||
"ariaLabel?": "string (default: 'Site footer')",
|
||||
"className?": "string",
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
{
|
||||
"name": "FooterBaseCard",
|
||||
"propsSchema": {
|
||||
"logoText?": "string (default: 'Webild')",
|
||||
"logoText?": "string (default: 'CONTACT US ')",
|
||||
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
|
||||
"copyrightText?": "string (default: '© 2025 | Webild')",
|
||||
"copyrightText?": "string (default: '© 2025 | CONTACT US ')",
|
||||
"onPrivacyClick?": "() => void",
|
||||
"ariaLabel?": "string (default: 'Site footer')",
|
||||
"className?": "string",
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "FooterCard",
|
||||
"propsSchema": {
|
||||
"logoText?": "string (default: 'Webild')",
|
||||
"copyrightText?": "string (default: '© 2025 | Webild')",
|
||||
"logoText?": "string (default: 'CONTACT US ')",
|
||||
"copyrightText?": "string (default: '© 2025 | CONTACT US ')",
|
||||
"socialLinks?": "Array<{ icon: LucideIcon, href: string, ariaLabel: string }> - Social media links",
|
||||
"ariaLabel?": "string (default: 'Site footer')",
|
||||
"className?": "string",
|
||||
|
||||
@@ -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: 'CONTACT US ')",
|
||||
"ariaLabel?": "string (default: 'Site footer')",
|
||||
"className?": "string",
|
||||
"containerClassName?": "string",
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "FooterLogoReveal",
|
||||
"propsSchema": {
|
||||
"logoText?": "string (default: 'Webild')",
|
||||
"logoText?": "string (default: 'CONTACT US ')",
|
||||
"logoLineHeight?": "number (default: 1.1)",
|
||||
"ariaLabel?": "string (default: 'Site footer')",
|
||||
"className?": "string",
|
||||
|
||||
@@ -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: 'CONTACT US ')",
|
||||
"copyrightText?": "string (default: '© 2025 | CONTACT US ')",
|
||||
"onPrivacyClick?": "() => void",
|
||||
"ariaLabel?": "string (default: 'Site footer')",
|
||||
"className?": "string",
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
"name": "NavbarLayoutFloatingInline",
|
||||
"propsSchema": {
|
||||
"navItems": "Array<{name: string, id: string}>",
|
||||
"brandName?": "string (default: 'Webild')",
|
||||
"brandName?": "string (default: 'CONTACT US ')",
|
||||
"button": "{text: string, onClick?: () => void, href?: string}",
|
||||
"animateOnLoad?": "boolean (default: true)",
|
||||
"className?": "string (default: '')",
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
"propsSchema": {
|
||||
"navItems": "Array<{name: string, id: string}>",
|
||||
"className?": "string",
|
||||
"brandName?": "string (default: 'Webild')",
|
||||
"brandName?": "string (default: 'CONTACT US ')",
|
||||
"button": "{text: string, onClick?: () => void, href?: string}",
|
||||
"buttonClassName?": "string (default: '')",
|
||||
"buttonTextClassName?": "string (default: '')"
|
||||
|
||||
@@ -2,6 +2,6 @@
|
||||
"name": "NavbarStyleApple",
|
||||
"propsSchema": {
|
||||
"navItems": "Array<{name: string, id: string}>",
|
||||
"brandName?": "string (default: 'Webild')"
|
||||
"brandName?": "string (default: 'CONTACT US ')"
|
||||
}
|
||||
}
|
||||
@@ -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: 'CONTACT US ')",
|
||||
"className?": "string (default: '')"
|
||||
}
|
||||
}
|
||||
@@ -2,7 +2,7 @@
|
||||
"name": "NavbarStyleFullscreen",
|
||||
"propsSchema": {
|
||||
"navItems": "Array<{name: string, id: string}>",
|
||||
"brandName?": "string (default: 'Webild')",
|
||||
"brandName?": "string (default: 'CONTACT US ')",
|
||||
"bottomLeftText?": "string (default: 'Global Community')",
|
||||
"bottomRightText?": "string (default: 'hello@example.com')",
|
||||
"topBarClassName?": "string (default: '')"
|
||||
|
||||
@@ -65,7 +65,7 @@ export default function AboutPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="VintDragon"
|
||||
brandName="Vintdragon"
|
||||
button={{
|
||||
text: "Book Strategy Call",
|
||||
href: "/contact",
|
||||
@@ -76,7 +76,7 @@ export default function AboutPage() {
|
||||
|
||||
<div id="about-hero" data-section="about-hero">
|
||||
<HeroCentered
|
||||
title="About VintDragon - Your Digital Growth Partner"
|
||||
title="About Vintdragon - Your Digital Growth Partner"
|
||||
description="Founded on the principle that great design and marketing strategy drive measurable business results. We combine creative excellence with data-driven methodology to transform digital presence into competitive advantage."
|
||||
avatars={[
|
||||
{
|
||||
@@ -105,7 +105,7 @@ export default function AboutPage() {
|
||||
<div id="our-story" data-section="our-story">
|
||||
<FeatureBento
|
||||
title="Our Story & Mission"
|
||||
description="VintDragon was founded on the conviction that every business deserves world-class digital solutions. We started small—just a passionate team of designers and marketers. Today, we've helped 50+ companies achieve exponential growth through strategic thinking and technical excellence."
|
||||
description="Vintdragon was founded on the conviction that every business deserves world-class digital solutions. We started small—just a passionate team of designers and marketers. Today, we've helped 50+ companies achieve exponential growth through strategic thinking and technical excellence."
|
||||
tag="About Us"
|
||||
tagIcon={Sparkles}
|
||||
features={[
|
||||
@@ -181,7 +181,7 @@ export default function AboutPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2025 VintDragon. Driving Business Growth Through Digital Excellence."
|
||||
copyrightText="© 2025 Vintdragon. Driving Business Growth Through Digital Excellence."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -64,7 +64,7 @@ export default function ContactPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="VintDragon"
|
||||
brandName="Vintdragon"
|
||||
button={{
|
||||
text: "Book Strategy Call",
|
||||
href: "/contact",
|
||||
@@ -122,7 +122,7 @@ export default function ContactPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2025 VintDragon. Driving Business Growth Through Digital Excellence."
|
||||
copyrightText="© 2025 Vintdragon. Driving Business Growth Through Digital Excellence."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
2807
src/app/layout.tsx
2807
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
@@ -84,7 +84,7 @@ export default function HomePage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="VintDragon"
|
||||
brandName="Vintdragon"
|
||||
button={{
|
||||
text: "Book Strategy Call", href: "/contact"}}
|
||||
animateOnLoad={true}
|
||||
@@ -94,10 +94,10 @@ export default function HomePage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="Grow Your Business Through High-Performance Digital Marketing & Web Development"
|
||||
description="VintDragon helps scaling companies generate more leads, dominate their markets, and drive measurable revenue growth through strategic web design, AI-powered marketing, and data-driven optimization."
|
||||
description="Vintdragon helps scaling companies generate more leads, dominate their markets, and drive measurable revenue growth through strategic web design, AI-powered marketing, and data-driven optimization."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTy5QR9k4M4P80OQXSbT6XGLr/professional-headshot-of-a-confident-bus-1772731415869-4f91450a.png", alt: "VintDragon client success"},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTy5QR9k4M4P80OQXSbT6XGLr/professional-headshot-of-a-confident-bus-1772731415869-4f91450a.png", alt: "Vintdragon client success"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTy5QR9k4M4P80OQXSbT6XGLr/professional-headshot-of-a-female-entrep-1772731418645-6ba957ca.png", alt: "Satisfied business partner"},
|
||||
{
|
||||
@@ -153,7 +153,7 @@ export default function HomePage() {
|
||||
|
||||
<div id="why-vintdragon" data-section="why-vintdragon">
|
||||
<FeatureBento
|
||||
title="Why Choose VintDragon"
|
||||
title="Why Choose Vintdragon"
|
||||
description="We're not just a design agency. We're strategic growth partners obsessed with your results. Here's what sets us apart:"
|
||||
tag="Our Approach"
|
||||
tagIcon={Award}
|
||||
@@ -206,7 +206,7 @@ export default function HomePage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="VintDragon transformed our online presence completely. Within 6 months, our leads tripled and our website now converts at 2x the industry average. Their team is professional, responsive, and genuinely invested in our success. They don't just deliver projects—they deliver real business growth."
|
||||
testimonial="Vintdragon transformed our online presence completely. Within 6 months, our leads tripled and our website now converts at 2x the industry average. Their team is professional, responsive, and genuinely invested in our success. They don't just deliver projects—they deliver real business growth."
|
||||
rating={5}
|
||||
author="Sarah Martinez, CEO at TechScale Inc."
|
||||
avatars={[
|
||||
@@ -334,9 +334,9 @@ export default function HomePage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2025 VintDragon. Driving Business Growth Through Digital Excellence."
|
||||
copyrightText="© 2025 Vintdragon. Driving Business Growth Through Digital Excellence."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -69,7 +69,7 @@ export default function PortfolioPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="VintDragon"
|
||||
brandName="Vintdragon"
|
||||
button={{
|
||||
text: "Book Strategy Call", href: "/contact"}}
|
||||
animateOnLoad={true}
|
||||
@@ -79,7 +79,7 @@ export default function PortfolioPage() {
|
||||
<div id="portfolio-hero" data-section="portfolio-hero">
|
||||
<HeroCentered
|
||||
title="Portfolio & Case Studies - Real Results from Real Clients"
|
||||
description="See the measurable impact VintDragon has delivered to businesses like yours. Our portfolio showcases strategic design, data-driven marketing, and tangible revenue growth."
|
||||
description="See the measurable impact Vintdragon has delivered to businesses like yours. Our portfolio showcases strategic design, data-driven marketing, and tangible revenue growth."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTy5QR9k4M4P80OQXSbT6XGLr/professional-headshot-of-a-confident-bus-1772731415869-4f91450a.png", alt: "Success stories"},
|
||||
@@ -144,7 +144,7 @@ export default function PortfolioPage() {
|
||||
|
||||
<div id="client-testimonial" data-section="client-testimonial">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="VintDragon didn't just redesign our website—they transformed our entire digital presence. Within six months, our leads tripled and our conversion rate improved by 2x. They're true partners who genuinely care about our success."
|
||||
testimonial="Vintdragon didn't just redesign our website—they transformed our entire digital presence. Within six months, our leads tripled and our conversion rate improved by 2x. They're true partners who genuinely care about our success."
|
||||
rating={5}
|
||||
author="Michael Chen, Founder of Growth Ventures"
|
||||
avatars={[
|
||||
@@ -170,9 +170,9 @@ export default function PortfolioPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2025 VintDragon. Driving Business Growth Through Digital Excellence."
|
||||
copyrightText="© 2025 Vintdragon. Driving Business Growth Through Digital Excellence."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -75,7 +75,7 @@ export default function ServicesPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="VintDragon"
|
||||
brandName="Vintdragon"
|
||||
button={{
|
||||
text: "Book Strategy Call",
|
||||
href: "/contact",
|
||||
@@ -153,7 +153,7 @@ export default function ServicesPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2025 VintDragon. Driving Business Growth Through Digital Excellence."
|
||||
copyrightText="© 2025 Vintdragon. Driving Business Growth Through Digital Excellence."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -1,5 +1,28 @@
|
||||
@layer base {
|
||||
body {
|
||||
@apply text-foreground;
|
||||
}
|
||||
* {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 0);
|
||||
}
|
||||
|
||||
html {
|
||||
overscroll-behavior: none;
|
||||
overscroll-behavior-y: none;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-mulish), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
overscroll-behavior-y: none;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-mulish), sans-serif;
|
||||
}
|
||||
|
||||
@@ -18,7 +18,7 @@ interface LogoProps {
|
||||
const Logo = ({
|
||||
// logoSrc,
|
||||
// logoAlt = "",
|
||||
brandName = "Webild",
|
||||
brandName = "CONTACT US ",
|
||||
// className = "",
|
||||
// imageClassName = "",
|
||||
textClassName = "",
|
||||
|
||||
@@ -23,7 +23,7 @@ interface NavbarLayoutFloatingInlineProps {
|
||||
|
||||
const NavbarLayoutFloatingInline = ({
|
||||
navItems,
|
||||
brandName = "Webild",
|
||||
brandName = "CONTACT US ",
|
||||
button,
|
||||
animateOnLoad = true,
|
||||
className = "",
|
||||
|
||||
@@ -28,7 +28,7 @@ const NavbarLayoutFloatingOverlay = ({
|
||||
// logoSrc,
|
||||
// logoAlt = "",
|
||||
className = "",
|
||||
brandName = "Webild",
|
||||
brandName = "CONTACT US ",
|
||||
button,
|
||||
buttonClassName = "",
|
||||
buttonTextClassName = "",
|
||||
|
||||
@@ -25,7 +25,7 @@ const NavbarStyleApple = ({
|
||||
navItems,
|
||||
// logoSrc,
|
||||
// logoAlt = "",
|
||||
brandName = "Webild",
|
||||
brandName = "CONTACT US ",
|
||||
button,
|
||||
buttonClassName = "",
|
||||
buttonTextClassName = "",
|
||||
|
||||
@@ -57,7 +57,7 @@ const NavbarStyleCentered = ({
|
||||
topBarButton,
|
||||
// logoSrc,
|
||||
// logoAlt = "",
|
||||
brandName = "Webild",
|
||||
brandName = "CONTACT US ",
|
||||
className = "",
|
||||
}: NavbarStyleCenteredProps) => {
|
||||
const [isActive, setIsActive] = useState(false);
|
||||
|
||||
@@ -49,7 +49,7 @@ const NavbarStyleFullscreen = ({
|
||||
navItems,
|
||||
// logoSrc,
|
||||
// logoAlt = "",
|
||||
brandName = "Webild",
|
||||
brandName = "CONTACT US ",
|
||||
bottomLeftText = "Global Community",
|
||||
bottomRightText = "hello@example.com",
|
||||
topBarClassName = "",
|
||||
|
||||
@@ -30,11 +30,11 @@ interface FooterBaseProps {
|
||||
|
||||
const FooterBase = ({
|
||||
// logoSrc = "/brand/logowhite.svg",
|
||||
logoText = "Webild",
|
||||
logoText = "CONTACT US ",
|
||||
// logoWidth = 120,
|
||||
// logoHeight = 40,
|
||||
columns,
|
||||
copyrightText = `© 2025 | Webild`,
|
||||
copyrightText = `© 2025 | CONTACT US `,
|
||||
onPrivacyClick,
|
||||
ariaLabel = "Site footer",
|
||||
className = "",
|
||||
|
||||
@@ -31,11 +31,11 @@ interface FooterBaseCardProps {
|
||||
|
||||
const FooterBaseCard = ({
|
||||
// logoSrc = "/brand/logowhite.svg",
|
||||
logoText = "Webild",
|
||||
logoText = "CONTACT US ",
|
||||
// logoWidth = 120,
|
||||
// logoHeight = 40,
|
||||
columns,
|
||||
copyrightText = `© 2025 | Webild`,
|
||||
copyrightText = `© 2025 | CONTACT US `,
|
||||
onPrivacyClick,
|
||||
ariaLabel = "Site footer",
|
||||
className = "",
|
||||
|
||||
@@ -26,8 +26,8 @@ interface FooterCardProps {
|
||||
const FooterCard = ({
|
||||
// logoSrc,
|
||||
// logoAlt = "Logo",
|
||||
logoText = "Webild",
|
||||
copyrightText = `© 2025 | Webild`,
|
||||
logoText = "CONTACT US ",
|
||||
copyrightText = `© 2025 | CONTACT US `,
|
||||
socialLinks,
|
||||
ariaLabel = "Site footer",
|
||||
className = "",
|
||||
|
||||
@@ -28,7 +28,7 @@ interface FooterLogoRevealProps {
|
||||
const FooterLogoReveal = ({
|
||||
// logoSrc,
|
||||
// logoAlt = "Logo",
|
||||
logoText = "Webild",
|
||||
logoText = "CONTACT US ",
|
||||
leftLink,
|
||||
rightLink,
|
||||
ariaLabel = "Site footer",
|
||||
|
||||
@@ -51,11 +51,11 @@ const FooterMedia = ({
|
||||
imageAlt = "",
|
||||
videoAriaLabel = "Footer video",
|
||||
// logoSrc = "/brand/logowhite.svg",
|
||||
logoText = "Webild",
|
||||
logoText = "CONTACT US ",
|
||||
// logoWidth = 120,
|
||||
// logoHeight = 40,
|
||||
columns,
|
||||
copyrightText = `© 2025 | Webild`,
|
||||
copyrightText = `© 2025 | CONTACT US `,
|
||||
onPrivacyClick,
|
||||
ariaLabel = "Site footer",
|
||||
className = "",
|
||||
|
||||
Reference in New Issue
Block a user