Compare commits
137 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1f54b3f9a1 | |||
| 8d8bea898f | |||
| ad0ba9212d | |||
| 3068ba05e2 | |||
| 068cd18051 | |||
| 70d9744ebf | |||
| 26df9ba228 | |||
| e7d04c4d9b | |||
| f941057dd5 | |||
| 6d18416127 | |||
| 6105f238ea | |||
| dd2191896f | |||
| f08e036857 | |||
| 438cc0e8a0 | |||
| 99d335c969 | |||
| d68f3bc2a6 | |||
| d84c2707b1 | |||
| d8a8fb661a | |||
| ede15e5c99 | |||
| 04edff6916 | |||
| 965b43d915 | |||
| 3844962a0f | |||
| 2cf3b4edd4 | |||
| 11f41f3b8d | |||
| b6d207a98b | |||
| 00d8e97d55 | |||
| 99e97c338d | |||
| 3270358d85 | |||
| ef15985447 | |||
| 6b87762e5f | |||
| 249d24ee4b | |||
| 3efb94d59c | |||
| 3d9fb5262c | |||
| 7e7022ff5f | |||
| 9a5124a202 | |||
| 93723a0141 | |||
| abf7ef66d9 | |||
| 6d85e39d5f | |||
| cf6ac2a9b1 | |||
| 08b0d9da3e | |||
| 4cc8630218 | |||
| 20be286ecf | |||
| e1da1dbe79 | |||
| dd2618f4f9 | |||
| ca24136a8a | |||
| 3083c9e094 | |||
| b038392480 | |||
| 8ba98fb895 | |||
| 65bc36b317 | |||
| d1db18f66d | |||
| 900b5fa37c | |||
| eddfd0f9f7 | |||
| 6e61679d23 | |||
| 1d2211fb4f | |||
| e9432cd6d5 | |||
| 2a42cea50d | |||
| 0981b2ed2e | |||
| 8f38ce2201 | |||
| 26a381d59d | |||
| 1d2eda0b83 | |||
| 3a8227dc55 | |||
| 925882a8de | |||
| 58ffad4ffd | |||
| 42a62e7a88 | |||
| 2c23b8e6f1 | |||
| 8dcd8bea14 | |||
| 39f35646a7 | |||
| 94dea43dc0 | |||
| 6967280dd7 | |||
| 645c680660 | |||
| 114dde5120 | |||
| 5bf495a88f | |||
| 3768d142b8 | |||
| 7e0fb58678 | |||
| 2936cd1bb7 | |||
| 9e027c2a0a | |||
| 1cbe51dbf7 | |||
| 15edb459da | |||
| 022b5476c9 | |||
| 5b0928cec0 | |||
| 6758cef7ff | |||
| 534e440f6a | |||
| ce7d8fff9b | |||
| e65d516ccc | |||
| e618a750bb | |||
| 96b4849038 | |||
| 7b537abaf2 | |||
| 5f639cee71 | |||
| b80a6e16d2 | |||
| 731c295a03 | |||
| ee5c634682 | |||
| 00ef59a0f3 | |||
| 8de6026486 | |||
| df24f5b37f | |||
| ce62aba487 | |||
| 2957580565 | |||
| c2bcbb4e0b | |||
| 60788cde0d | |||
| ddc9ad8097 | |||
| 169b80f393 | |||
| c93a3255a6 | |||
| 2544d7815a | |||
| f1b3280ccf | |||
| d11b4fc554 | |||
| 2c9c1dbad3 | |||
| f2bc4b9822 | |||
| 746976a69a | |||
| f6f28cd883 | |||
| 671c719712 | |||
| 93c3ea9521 | |||
| c16901f34f | |||
| b338307d10 | |||
| dc34dc6618 | |||
| 34f1fff9a4 | |||
| 07b086a9c1 | |||
| 7d4976a86c | |||
| 43f29350d1 | |||
| f5e0a53658 | |||
| b605b63705 | |||
| ebe8997193 | |||
| 2826734778 | |||
| ed9075ae19 | |||
| dad116fca9 | |||
| 10464e9f6c | |||
| b68cf9ad24 | |||
| 3fa5e57918 | |||
| 15b241e26e | |||
| 7437429516 | |||
| 66602d91c5 | |||
| 94edb008c6 | |||
| 78a3da0f0c | |||
| 5f388149d7 | |||
| 992b276728 | |||
| 6ae3474379 | |||
| 1f4fe4e2f6 | |||
| 6876d00f0e | |||
| a2ab26bd1e |
@@ -6,14 +6,14 @@
|
|||||||
"textRules": {
|
"textRules": {
|
||||||
"logoText": {
|
"logoText": {
|
||||||
"required": false,
|
"required": false,
|
||||||
"default": "Webild",
|
"default": "",
|
||||||
"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 | ",
|
||||||
"example": "© 2025 Company Name",
|
"example": "© 2025 Company Name",
|
||||||
"minChars": 5,
|
"minChars": 5,
|
||||||
"maxChars": 50
|
"maxChars": 50
|
||||||
@@ -51,8 +51,8 @@
|
|||||||
},
|
},
|
||||||
"propsSchema": {
|
"propsSchema": {
|
||||||
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns (required)",
|
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns (required)",
|
||||||
"logoText?": "string (default: 'Webild')",
|
"logoText?": "string (default: '')",
|
||||||
"copyrightText?": "string (default: '© 2025 | Webild')",
|
"copyrightText?": "string (default: '© 2025 | ')",
|
||||||
"onPrivacyClick?": "() => void",
|
"onPrivacyClick?": "() => void",
|
||||||
"ariaLabel?": "string (default: 'Site footer')",
|
"ariaLabel?": "string (default: 'Site footer')",
|
||||||
"className?": "string",
|
"className?": "string",
|
||||||
|
|||||||
@@ -6,14 +6,14 @@
|
|||||||
"textRules": {
|
"textRules": {
|
||||||
"copyrightText": {
|
"copyrightText": {
|
||||||
"required": false,
|
"required": false,
|
||||||
"example": "© 2025 | Webild",
|
"example": "© 2025 | ",
|
||||||
"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": "",
|
||||||
"minChars": 2,
|
"minChars": 2,
|
||||||
"maxChars": 30,
|
"maxChars": 30,
|
||||||
"note": "Text used for h2 heading"
|
"note": "Text used for h2 heading"
|
||||||
@@ -34,9 +34,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"propsSchema": {
|
"propsSchema": {
|
||||||
"logoText?": "string (default: 'Webild')",
|
"logoText?": "string (default: '')",
|
||||||
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns (required)",
|
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns (required)",
|
||||||
"copyrightText?": "string (default: '© 2025 | Webild')",
|
"copyrightText?": "string (default: '© 2025 | ')",
|
||||||
"onPrivacyClick?": "() => void",
|
"onPrivacyClick?": "() => void",
|
||||||
"ariaLabel?": "string (default: 'Site footer')",
|
"ariaLabel?": "string (default: 'Site footer')",
|
||||||
"className?": "string",
|
"className?": "string",
|
||||||
@@ -51,7 +51,7 @@
|
|||||||
"copyrightTextClassName?": "string",
|
"copyrightTextClassName?": "string",
|
||||||
"privacyButtonClassName?": "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=\"\" copyrightText=\"© 2025 | \" onPrivacyClick={() => console.log('Privacy clicked')} />",
|
||||||
"do": [
|
"do": [
|
||||||
"Use for general use",
|
"Use for general use",
|
||||||
"Requires columns[]"
|
"Requires columns[]"
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
"textRules": {
|
"textRules": {
|
||||||
"copyrightText": {
|
"copyrightText": {
|
||||||
"required": false,
|
"required": false,
|
||||||
"default": "© 2025 | Webild",
|
"default": "© 2025 | ",
|
||||||
"example": "© 2025 Company Name",
|
"example": "© 2025 Company Name",
|
||||||
"minChars": 5,
|
"minChars": 5,
|
||||||
"maxChars": 50
|
"maxChars": 50
|
||||||
|
|||||||
@@ -6,14 +6,14 @@
|
|||||||
"textRules": {
|
"textRules": {
|
||||||
"copyrightText": {
|
"copyrightText": {
|
||||||
"required": false,
|
"required": false,
|
||||||
"example": "© 2025 | Webild",
|
"example": "© 2025 | ",
|
||||||
"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": "",
|
||||||
"minChars": 2,
|
"minChars": 2,
|
||||||
"maxChars": 30,
|
"maxChars": 30,
|
||||||
"note": "Text used for SVG logo"
|
"note": "Text used for SVG logo"
|
||||||
@@ -33,8 +33,8 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"propsSchema": {
|
"propsSchema": {
|
||||||
"logoText?": "string (default: 'Webild')",
|
"logoText?": "string (default: '')",
|
||||||
"copyrightText?": "string (default: '© 2025 | Webild')",
|
"copyrightText?": "string (default: '© 2025 | ')",
|
||||||
"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",
|
||||||
@@ -47,7 +47,7 @@
|
|||||||
"socialContainerClassName?": "string",
|
"socialContainerClassName?": "string",
|
||||||
"socialIconClassName?": "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=\"\" copyrightText=\"© 2025 | \" 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?[]"
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
"textRules": {
|
"textRules": {
|
||||||
"logoText": {
|
"logoText": {
|
||||||
"required": false,
|
"required": false,
|
||||||
"default": "Webild",
|
"default": "",
|
||||||
"example": "Company Name",
|
"example": "Company Name",
|
||||||
"minChars": 2,
|
"minChars": 2,
|
||||||
"maxChars": 30
|
"maxChars": 30
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
"textRules": {
|
"textRules": {
|
||||||
"logoText": {
|
"logoText": {
|
||||||
"required": false,
|
"required": false,
|
||||||
"example": "Webild",
|
"example": "",
|
||||||
"minChars": 2,
|
"minChars": 2,
|
||||||
"maxChars": 30,
|
"maxChars": 30,
|
||||||
"note": "Text used for SVG logo"
|
"note": "Text used for SVG logo"
|
||||||
@@ -20,7 +20,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"propsSchema": {
|
"propsSchema": {
|
||||||
"logoText?": "string (default: 'Webild')",
|
"logoText?": "string (default: '')",
|
||||||
"leftLink": "{ text: string, onClick?: () => void, href?: string } (required)",
|
"leftLink": "{ text: string, onClick?: () => void, href?: string } (required)",
|
||||||
"rightLink": "{ text: string, onClick?: () => void, href?: string } (required)",
|
"rightLink": "{ text: string, onClick?: () => void, href?: string } (required)",
|
||||||
"ariaLabel?": "string (default: 'Site footer')",
|
"ariaLabel?": "string (default: 'Site footer')",
|
||||||
@@ -30,7 +30,7 @@
|
|||||||
"logoClassName?": "string",
|
"logoClassName?": "string",
|
||||||
"linkClassName?": "string"
|
"linkClassName?": "string"
|
||||||
},
|
},
|
||||||
"usageExample": "<FooterLogoReveal logoText=\"Webild\" leftLink={{ text: 'Privacy Policy', href: '/privacy' }} rightLink={{ text: 'Terms of Service', href: '/terms' }} />",
|
"usageExample": "<FooterLogoReveal logoText=\"\" leftLink={{ text: 'Privacy Policy', href: '/privacy' }} rightLink={{ text: 'Terms of Service', href: '/terms' }} />",
|
||||||
"do": [
|
"do": [
|
||||||
"Use for general use"
|
"Use for general use"
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -6,14 +6,14 @@
|
|||||||
"textRules": {
|
"textRules": {
|
||||||
"logoText": {
|
"logoText": {
|
||||||
"required": false,
|
"required": false,
|
||||||
"default": "Webild",
|
"default": "",
|
||||||
"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 | ",
|
||||||
"example": "© 2025 Company Name",
|
"example": "© 2025 Company Name",
|
||||||
"minChars": 5,
|
"minChars": 5,
|
||||||
"maxChars": 50
|
"maxChars": 50
|
||||||
@@ -66,8 +66,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 (required)",
|
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns (required)",
|
||||||
"logoText?": "string (default: 'Webild')",
|
"logoText?": "string (default: '')",
|
||||||
"copyrightText?": "string (default: '© 2025 | Webild')",
|
"copyrightText?": "string (default: '© 2025 | ')",
|
||||||
"onPrivacyClick?": "() => void",
|
"onPrivacyClick?": "() => void",
|
||||||
"ariaLabel?": "string (default: 'Site footer')",
|
"ariaLabel?": "string (default: 'Site footer')",
|
||||||
"className?": "string",
|
"className?": "string",
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
},
|
},
|
||||||
"bottomRightText": {
|
"bottomRightText": {
|
||||||
"required": true,
|
"required": true,
|
||||||
"example": "Made with Webild",
|
"example": "Made with ",
|
||||||
"minChars": 2,
|
"minChars": 2,
|
||||||
"maxChars": 50
|
"maxChars": 50
|
||||||
},
|
},
|
||||||
@@ -63,7 +63,7 @@
|
|||||||
"bottomLeftTextClassName?": "string",
|
"bottomLeftTextClassName?": "string",
|
||||||
"bottomRightTextClassName?": "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 \" />",
|
||||||
"do": [
|
"do": [
|
||||||
"Use for feature showcases",
|
"Use for feature showcases",
|
||||||
"Use for capability displays",
|
"Use for capability displays",
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
"textRules": {
|
"textRules": {
|
||||||
"logoText": {
|
"logoText": {
|
||||||
"required": true,
|
"required": true,
|
||||||
"example": "Webild",
|
"example": "",
|
||||||
"minChars": 2,
|
"minChars": 2,
|
||||||
"maxChars": 20
|
"maxChars": 20
|
||||||
},
|
},
|
||||||
@@ -79,7 +79,7 @@
|
|||||||
"blurClassName?": "string",
|
"blurClassName?": "string",
|
||||||
"dimOverlayClassName?": "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=\"\" \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",
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
"required": false,
|
"required": false,
|
||||||
"minChars": 2,
|
"minChars": 2,
|
||||||
"maxChars": 20,
|
"maxChars": 20,
|
||||||
"example": "Webild",
|
"example": "",
|
||||||
"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}>",
|
||||||
"brandName?": "string (default: 'Webild')",
|
"brandName?": "string (default: '')",
|
||||||
"button": "{text: string, onClick?: () => void, href?: string}",
|
"button": "{text: string, onClick?: () => void, href?: string}",
|
||||||
"animateOnLoad?": "boolean (default: true)",
|
"animateOnLoad?": "boolean (default: true)",
|
||||||
"className?": "string (default: '')",
|
"className?": "string (default: '')",
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
"required": false,
|
"required": false,
|
||||||
"minChars": 2,
|
"minChars": 2,
|
||||||
"maxChars": 20,
|
"maxChars": 20,
|
||||||
"example": "Webild",
|
"example": "",
|
||||||
"fallbackBehavior": "Shows brandName text"
|
"fallbackBehavior": "Shows brandName text"
|
||||||
},
|
},
|
||||||
"buttonRules": {
|
"buttonRules": {
|
||||||
@@ -53,7 +53,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: '')",
|
||||||
"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: '')"
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
"required": false,
|
"required": false,
|
||||||
"minChars": 2,
|
"minChars": 2,
|
||||||
"maxChars": 20,
|
"maxChars": 20,
|
||||||
"example": "Webild",
|
"example": "",
|
||||||
"fallbackBehavior": "Shows brandName text"
|
"fallbackBehavior": "Shows brandName text"
|
||||||
},
|
},
|
||||||
"linkRules": {
|
"linkRules": {
|
||||||
@@ -35,7 +35,7 @@
|
|||||||
},
|
},
|
||||||
"propsSchema": {
|
"propsSchema": {
|
||||||
"navItems": "Array<{name: string, id: string}>",
|
"navItems": "Array<{name: string, id: string}>",
|
||||||
"brandName?": "string (default: 'Webild')"
|
"brandName?": "string (default: '')"
|
||||||
},
|
},
|
||||||
"usageExample": "<NavbarStyleApple />",
|
"usageExample": "<NavbarStyleApple />",
|
||||||
"do": [
|
"do": [
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
"required": false,
|
"required": false,
|
||||||
"minChars": 2,
|
"minChars": 2,
|
||||||
"maxChars": 20,
|
"maxChars": 20,
|
||||||
"example": "Webild",
|
"example": "",
|
||||||
"fallbackBehavior": "Shows brandName text"
|
"fallbackBehavior": "Shows brandName text"
|
||||||
},
|
},
|
||||||
"buttonRules": {
|
"buttonRules": {
|
||||||
@@ -53,7 +53,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: '')",
|
||||||
"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'}} />",
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
"required": false,
|
"required": false,
|
||||||
"minChars": 2,
|
"minChars": 2,
|
||||||
"maxChars": 20,
|
"maxChars": 20,
|
||||||
"example": "Webild",
|
"example": "",
|
||||||
"fallbackBehavior": "Shows brandName text"
|
"fallbackBehavior": "Shows brandName text"
|
||||||
},
|
},
|
||||||
"linkRules": {
|
"linkRules": {
|
||||||
@@ -49,7 +49,7 @@
|
|||||||
},
|
},
|
||||||
"propsSchema": {
|
"propsSchema": {
|
||||||
"navItems": "Array<{name: string, id: string}>",
|
"navItems": "Array<{name: string, id: string}>",
|
||||||
"brandName?": "string (default: 'Webild')",
|
"brandName?": "string (default: '')",
|
||||||
"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: '')"
|
||||||
|
|||||||
@@ -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: '')",
|
||||||
"copyrightText?": "string (default: '© 2025 | Webild')",
|
"copyrightText?": "string (default: '© 2025 | ')",
|
||||||
"onPrivacyClick?": "() => void",
|
"onPrivacyClick?": "() => void",
|
||||||
"ariaLabel?": "string (default: 'Site footer')",
|
"ariaLabel?": "string (default: 'Site footer')",
|
||||||
"className?": "string",
|
"className?": "string",
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
{
|
{
|
||||||
"name": "FooterBaseCard",
|
"name": "FooterBaseCard",
|
||||||
"propsSchema": {
|
"propsSchema": {
|
||||||
"logoText?": "string (default: 'Webild')",
|
"logoText?": "string (default: '')",
|
||||||
"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 | ')",
|
||||||
"onPrivacyClick?": "() => void",
|
"onPrivacyClick?": "() => void",
|
||||||
"ariaLabel?": "string (default: 'Site footer')",
|
"ariaLabel?": "string (default: 'Site footer')",
|
||||||
"className?": "string",
|
"className?": "string",
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
{
|
{
|
||||||
"name": "FooterCard",
|
"name": "FooterCard",
|
||||||
"propsSchema": {
|
"propsSchema": {
|
||||||
"logoText?": "string (default: 'Webild')",
|
"logoText?": "string (default: '')",
|
||||||
"copyrightText?": "string (default: '© 2025 | Webild')",
|
"copyrightText?": "string (default: '© 2025 | ')",
|
||||||
"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",
|
||||||
|
|||||||
@@ -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: '')",
|
||||||
"ariaLabel?": "string (default: 'Site footer')",
|
"ariaLabel?": "string (default: 'Site footer')",
|
||||||
"className?": "string",
|
"className?": "string",
|
||||||
"containerClassName?": "string",
|
"containerClassName?": "string",
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "FooterLogoReveal",
|
"name": "FooterLogoReveal",
|
||||||
"propsSchema": {
|
"propsSchema": {
|
||||||
"logoText?": "string (default: 'Webild')",
|
"logoText?": "string (default: '')",
|
||||||
"logoLineHeight?": "number (default: 1.1)",
|
"logoLineHeight?": "number (default: 1.1)",
|
||||||
"ariaLabel?": "string (default: 'Site footer')",
|
"ariaLabel?": "string (default: 'Site footer')",
|
||||||
"className?": "string",
|
"className?": "string",
|
||||||
|
|||||||
@@ -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: '')",
|
||||||
"copyrightText?": "string (default: '© 2025 | Webild')",
|
"copyrightText?": "string (default: '© 2025 | ')",
|
||||||
"onPrivacyClick?": "() => void",
|
"onPrivacyClick?": "() => void",
|
||||||
"ariaLabel?": "string (default: 'Site footer')",
|
"ariaLabel?": "string (default: 'Site footer')",
|
||||||
"className?": "string",
|
"className?": "string",
|
||||||
|
|||||||
@@ -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: '')",
|
||||||
"button": "{text: string, onClick?: () => void, href?: string}",
|
"button": "{text: string, onClick?: () => void, href?: string}",
|
||||||
"animateOnLoad?": "boolean (default: true)",
|
"animateOnLoad?": "boolean (default: true)",
|
||||||
"className?": "string (default: '')",
|
"className?": "string (default: '')",
|
||||||
|
|||||||
@@ -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: '')",
|
||||||
"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: '')"
|
||||||
|
|||||||
@@ -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: '')"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -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: '')",
|
||||||
"className?": "string (default: '')"
|
"className?": "string (default: '')"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -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: '')",
|
||||||
"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: '')"
|
||||||
|
|||||||
@@ -1,45 +1,22 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { DM_Sans } from "next/font/google";
|
|
||||||
import { Inter } from "next/font/google";
|
import { Inter } from "next/font/google";
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import "./styles/variables.css";
|
||||||
import Tag from "@/tag/Tag";
|
import "./styles/base.css";
|
||||||
|
|
||||||
const dmSans = DM_Sans({
|
const inter = Inter({ subsets: ["latin"] });
|
||||||
variable: "--font-dm-sans", subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const inter = Inter({
|
|
||||||
variable: "--font-inter", subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "DeCasa | Premium Wood-Fired Pizza in Midland", description: "Best pizza in Midland. 48-hour fermented dough, real wood-fired. Limited daily availability. Award-winning since 2024.", keywords: "wood-fired pizza, Midland pizza, artisan pizza, premium pizza, authentic Neapolitan", metadataBase: new URL("https://decasa-midland.com"),
|
title: "DeCasa - Premium Wood-Fired Pizza", description: "The best pizza in Midland. Wood-fired pizza with 48-hour fermented dough."};
|
||||||
alternates: {
|
|
||||||
canonical: "https://decasa-midland.com"
|
|
||||||
},
|
|
||||||
openGraph: {
|
|
||||||
title: "DeCasa | Premium Wood-Fired Pizza", description: "48-hour fermented dough. Real wood-fired pizza. Limited daily availability.", url: "https://decasa-midland.com", siteName: "DeCasa", type: "website"
|
|
||||||
},
|
|
||||||
twitter: {
|
|
||||||
card: "summary_large_image", title: "DeCasa | Premium Wood-Fired Pizza in Midland", description: "48-hour fermented dough. Real wood-fired pizza. Limited daily availability."
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: {
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en">
|
||||||
<ServiceWrapper>
|
<body className={inter.className}>{children}
|
||||||
<body
|
|
||||||
className={`${dmSans.variable} ${inter.variable} antialiased`}
|
|
||||||
>
|
|
||||||
<Tag />
|
|
||||||
{children}
|
|
||||||
|
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html: `
|
__html: `
|
||||||
@@ -1407,7 +1384,6 @@ export default function RootLayout({
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</body>
|
</body>
|
||||||
</ServiceWrapper>
|
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -8,7 +8,7 @@ import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|||||||
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
||||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||||
import { Award, MapPin } from "lucide-react";
|
import { Award, MapPin, Phone, Clock } from "lucide-react";
|
||||||
|
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Menu", id: "menu" },
|
{ name: "Menu", id: "menu" },
|
||||||
@@ -23,7 +23,7 @@ const navButton = {
|
|||||||
const heroProps = {
|
const heroProps = {
|
||||||
title: "The Best Pizza in Midland. Two Years Running.", description: "48-hour fermented dough. Real wood-fired pizza. Limited daily availability.", tag: "MRT Best of Midland 2024 & 2025", tagIcon: Award,
|
title: "The Best Pizza in Midland. Two Years Running.", description: "48-hour fermented dough. Real wood-fired pizza. Limited daily availability.", tag: "MRT Best of Midland 2024 & 2025", tagIcon: Award,
|
||||||
background: { variant: "plain" as const },
|
background: { variant: "plain" as const },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-pizza-social-post_23-2151895448.jpg?_wi=1", imageAlt: "Wood-fired pizza fresh from oven", imagePosition: "right" as const,
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOPwaLclIhBPrud8y1xTqDki0/uploaded-1772687760766-dd272pnn.png", imageAlt: "Wood-fired pizza fresh from oven", imagePosition: "right" as const,
|
||||||
mediaAnimation: "blur-reveal" as const,
|
mediaAnimation: "blur-reveal" as const,
|
||||||
buttons: [
|
buttons: [
|
||||||
{ text: "Reserve Your Slice", href: "#menu" },
|
{ text: "Reserve Your Slice", href: "#menu" },
|
||||||
@@ -80,18 +80,22 @@ const menuProps = {
|
|||||||
products: menuProducts,
|
products: menuProducts,
|
||||||
gridVariant: "three-columns-all-equal-width" as const,
|
gridVariant: "three-columns-all-equal-width" as const,
|
||||||
animationType: "slide-up" as const,
|
animationType: "slide-up" as const,
|
||||||
carouselMode: "buttons" as const
|
carouselMode: "buttons" as const,
|
||||||
|
buttons: [
|
||||||
|
{ text: "Call to Order: (632) 555-1234", href: "tel:+16325551234" }
|
||||||
|
],
|
||||||
|
buttonAnimation: "blur-reveal" as const
|
||||||
};
|
};
|
||||||
|
|
||||||
const locationFaqs = [
|
const locationFaqs = [
|
||||||
{
|
{
|
||||||
id: "hours-tue-wed-sat", title: "Tuesday, Wednesday, Saturday", content: "11am–2pm. Until sold out."
|
id: "hours-tue-wed-sat", title: "Tuesday, Wednesday, Saturday", content: "<div class='space-y-2'><p class='font-semibold'>11am–2pm</p><p class='text-sm opacity-75'>Until sold out.</p></div>"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "hours-thu-fri", title: "Thursday, Friday", content: "11am–2pm / 4pm–7pm. Until sold out."
|
id: "hours-thu-fri", title: "Thursday, Friday", content: "<div class='space-y-2'><p class='font-semibold'>11am–2pm / 4pm–7pm</p><p class='text-sm opacity-75'>Until sold out.</p></div>"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "hours-sun-mon", title: "Sunday, Monday", content: "Closed. Resting the dough."
|
id: "hours-sun-mon", title: "Sunday, Monday", content: "<div class='space-y-2'><p class='font-semibold'>Closed</p><p class='text-sm opacity-75'>Resting the dough.</p></div>"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "ordering", title: "How to Order", content: "Call to place an order. We prepare fresh wood-fired pizzas to order. Limited daily availability."
|
id: "ordering", title: "How to Order", content: "Call to place an order. We prepare fresh wood-fired pizzas to order. Limited daily availability."
|
||||||
|
|||||||
@@ -2,23 +2,23 @@
|
|||||||
/* Base units */
|
/* Base units */
|
||||||
/* --vw is set by ThemeProvider */
|
/* --vw is set by ThemeProvider */
|
||||||
|
|
||||||
/* --background: #000000;;
|
/* --background: #000000;;;;
|
||||||
--card: #0a0a0a;;
|
--card: #000000;;;;
|
||||||
--foreground: #F5F5F7;;
|
--foreground: #F5F5F7;;;;
|
||||||
--primary-cta: #F5F5F7;;
|
--primary-cta: #F5F5F7;;;;
|
||||||
--secondary-cta: #0a0a0a;;
|
--secondary-cta: #0a0a0a;;;;
|
||||||
--accent: #4a4a4a;;
|
--accent: #4a4a4a;;;;
|
||||||
--background-accent: #1a1a1a;; */
|
--background-accent: #883535;;;; */
|
||||||
|
|
||||||
--background: #000000;;
|
--background: #000000;;;;
|
||||||
--card: #0a0a0a;;
|
--card: #000000;;;;
|
||||||
--foreground: #F5F5F7;;
|
--foreground: #F5F5F7;;;;
|
||||||
--primary-cta: #F5F5F7;;
|
--primary-cta: #F5F5F7;;;;
|
||||||
--primary-cta-text: #000000;;
|
--primary-cta-text: #000000;;;;
|
||||||
--secondary-cta: #0a0a0a;;
|
--secondary-cta: #0a0a0a;;;;
|
||||||
--secondary-cta-text: #F5F5F7;;
|
--secondary-cta-text: #F5F5F7;;;;
|
||||||
--accent: #4a4a4a;;
|
--accent: #4a4a4a;;;;
|
||||||
--background-accent: #1a1a1a;;
|
--background-accent: #883535;;;;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
@@ -18,7 +18,7 @@ interface LogoProps {
|
|||||||
const Logo = ({
|
const Logo = ({
|
||||||
// logoSrc,
|
// logoSrc,
|
||||||
// logoAlt = "",
|
// logoAlt = "",
|
||||||
brandName = "Webild",
|
brandName = "",
|
||||||
// className = "",
|
// className = "",
|
||||||
// imageClassName = "",
|
// imageClassName = "",
|
||||||
textClassName = "",
|
textClassName = "",
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ interface NavbarLayoutFloatingInlineProps {
|
|||||||
|
|
||||||
const NavbarLayoutFloatingInline = ({
|
const NavbarLayoutFloatingInline = ({
|
||||||
navItems,
|
navItems,
|
||||||
brandName = "Webild",
|
brandName = "",
|
||||||
button,
|
button,
|
||||||
animateOnLoad = true,
|
animateOnLoad = true,
|
||||||
className = "",
|
className = "",
|
||||||
|
|||||||
@@ -28,7 +28,7 @@ const NavbarLayoutFloatingOverlay = ({
|
|||||||
// logoSrc,
|
// logoSrc,
|
||||||
// logoAlt = "",
|
// logoAlt = "",
|
||||||
className = "",
|
className = "",
|
||||||
brandName = "Webild",
|
brandName = "",
|
||||||
button,
|
button,
|
||||||
buttonClassName = "",
|
buttonClassName = "",
|
||||||
buttonTextClassName = "",
|
buttonTextClassName = "",
|
||||||
|
|||||||
@@ -25,7 +25,7 @@ const NavbarStyleApple = ({
|
|||||||
navItems,
|
navItems,
|
||||||
// logoSrc,
|
// logoSrc,
|
||||||
// logoAlt = "",
|
// logoAlt = "",
|
||||||
brandName = "Webild",
|
brandName = "",
|
||||||
button,
|
button,
|
||||||
buttonClassName = "",
|
buttonClassName = "",
|
||||||
buttonTextClassName = "",
|
buttonTextClassName = "",
|
||||||
|
|||||||
@@ -57,7 +57,7 @@ const NavbarStyleCentered = ({
|
|||||||
topBarButton,
|
topBarButton,
|
||||||
// logoSrc,
|
// logoSrc,
|
||||||
// logoAlt = "",
|
// logoAlt = "",
|
||||||
brandName = "Webild",
|
brandName = "",
|
||||||
className = "",
|
className = "",
|
||||||
}: NavbarStyleCenteredProps) => {
|
}: NavbarStyleCenteredProps) => {
|
||||||
const [isActive, setIsActive] = useState(false);
|
const [isActive, setIsActive] = useState(false);
|
||||||
|
|||||||
@@ -49,7 +49,7 @@ const NavbarStyleFullscreen = ({
|
|||||||
navItems,
|
navItems,
|
||||||
// logoSrc,
|
// logoSrc,
|
||||||
// logoAlt = "",
|
// logoAlt = "",
|
||||||
brandName = "Webild",
|
brandName = "",
|
||||||
bottomLeftText = "Global Community",
|
bottomLeftText = "Global Community",
|
||||||
bottomRightText = "hello@example.com",
|
bottomRightText = "hello@example.com",
|
||||||
topBarClassName = "",
|
topBarClassName = "",
|
||||||
|
|||||||
@@ -30,11 +30,11 @@ interface FooterBaseProps {
|
|||||||
|
|
||||||
const FooterBase = ({
|
const FooterBase = ({
|
||||||
// logoSrc = "/brand/logowhite.svg",
|
// logoSrc = "/brand/logowhite.svg",
|
||||||
logoText = "Webild",
|
logoText = "",
|
||||||
// logoWidth = 120,
|
// logoWidth = 120,
|
||||||
// logoHeight = 40,
|
// logoHeight = 40,
|
||||||
columns,
|
columns,
|
||||||
copyrightText = `© 2025 | Webild`,
|
copyrightText = `© 2025 | `,
|
||||||
onPrivacyClick,
|
onPrivacyClick,
|
||||||
ariaLabel = "Site footer",
|
ariaLabel = "Site footer",
|
||||||
className = "",
|
className = "",
|
||||||
|
|||||||
@@ -31,11 +31,11 @@ interface FooterBaseCardProps {
|
|||||||
|
|
||||||
const FooterBaseCard = ({
|
const FooterBaseCard = ({
|
||||||
// logoSrc = "/brand/logowhite.svg",
|
// logoSrc = "/brand/logowhite.svg",
|
||||||
logoText = "Webild",
|
logoText = "",
|
||||||
// logoWidth = 120,
|
// logoWidth = 120,
|
||||||
// logoHeight = 40,
|
// logoHeight = 40,
|
||||||
columns,
|
columns,
|
||||||
copyrightText = `© 2025 | Webild`,
|
copyrightText = `© 2025 | `,
|
||||||
onPrivacyClick,
|
onPrivacyClick,
|
||||||
ariaLabel = "Site footer",
|
ariaLabel = "Site footer",
|
||||||
className = "",
|
className = "",
|
||||||
|
|||||||
@@ -26,8 +26,8 @@ interface FooterCardProps {
|
|||||||
const FooterCard = ({
|
const FooterCard = ({
|
||||||
// logoSrc,
|
// logoSrc,
|
||||||
// logoAlt = "Logo",
|
// logoAlt = "Logo",
|
||||||
logoText = "Webild",
|
logoText = "",
|
||||||
copyrightText = `© 2025 | Webild`,
|
copyrightText = `© 2025 | `,
|
||||||
socialLinks,
|
socialLinks,
|
||||||
ariaLabel = "Site footer",
|
ariaLabel = "Site footer",
|
||||||
className = "",
|
className = "",
|
||||||
|
|||||||
@@ -28,7 +28,7 @@ interface FooterLogoRevealProps {
|
|||||||
const FooterLogoReveal = ({
|
const FooterLogoReveal = ({
|
||||||
// logoSrc,
|
// logoSrc,
|
||||||
// logoAlt = "Logo",
|
// logoAlt = "Logo",
|
||||||
logoText = "Webild",
|
logoText = "",
|
||||||
leftLink,
|
leftLink,
|
||||||
rightLink,
|
rightLink,
|
||||||
ariaLabel = "Site footer",
|
ariaLabel = "Site footer",
|
||||||
|
|||||||
@@ -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 = "",
|
||||||
// logoWidth = 120,
|
// logoWidth = 120,
|
||||||
// logoHeight = 40,
|
// logoHeight = 40,
|
||||||
columns,
|
columns,
|
||||||
copyrightText = `© 2025 | Webild`,
|
copyrightText = `© 2025 | `,
|
||||||
onPrivacyClick,
|
onPrivacyClick,
|
||||||
ariaLabel = "Site footer",
|
ariaLabel = "Site footer",
|
||||||
className = "",
|
className = "",
|
||||||
|
|||||||
Reference in New Issue
Block a user