Compare commits
131 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 48173908a1 | |||
| 7db784ce4e | |||
| 2abdb425c8 | |||
| 3a5699351d | |||
| 10b9a93f86 | |||
| 4ba70bc492 | |||
| 60e8c9a9ff | |||
| 0b2f633f5e | |||
| d5a1c3310b | |||
| 87c0f1f4e3 | |||
| 4bbae7aff5 | |||
| 3f3827f3fe | |||
| e165bf6b99 | |||
| 5da8a4fe00 | |||
| b3d8b01374 | |||
| 2717b03abd | |||
| fa604f979b | |||
| 3318c879c4 | |||
| 4540768849 | |||
| 82e60fb4b1 | |||
| 695e56f54e | |||
| b285e29e5e | |||
| 03cd11ee8d | |||
| 95da83fcad | |||
| b840a1c7a7 | |||
| 370e92f177 | |||
| 08110ef312 | |||
| 538416f72f | |||
| 221ee0fd20 | |||
| 06d05894b6 | |||
| 45a7044f61 | |||
| f3ecb3347f | |||
| d374f9c4fe | |||
| 936f7d5605 | |||
| 9e24070821 | |||
| 1b69bed492 | |||
| 07cd84f985 | |||
| 619d925dbe | |||
| 357ca8e083 | |||
| c1ee4e46cb | |||
| 11417ea61b | |||
| a5b6030d43 | |||
| 8ca2ee4412 | |||
| 7b685d4501 | |||
| e37ecdff1d | |||
| 9c1879475b | |||
| 60c309e22b | |||
| 04a3459fca | |||
| 60370a225a | |||
| 5e6bb7aa11 | |||
| 47a1bb8abf | |||
| 46fb35d278 | |||
| 47e7eae2c6 | |||
| 895252aae2 | |||
| 87b5d4173c | |||
| 29800af3a1 | |||
| 93a870d655 | |||
| 8a5489369c | |||
| 73f9231ba5 | |||
| ba3cbec156 | |||
| 4cfaae4bed | |||
| 2167f800df | |||
| b246e26e3e | |||
| c2ac66ed8f | |||
| b5b39aac56 | |||
| 2e69e8084d | |||
| 6b9ae58707 | |||
| f9e0ff296f | |||
| 5c20fed6d2 | |||
| 6e019ed2e4 | |||
| 2ea8027a54 | |||
| 044e49ffe2 | |||
| b1d35d8bbc | |||
| 716c84a9bb | |||
| ab45248b8d | |||
| 19df9365d5 | |||
| d7412d42d0 | |||
| 9b3dde4b91 | |||
| d9c9aad4f4 | |||
| 25f892819e | |||
| 59fd8e7c8e | |||
| 3ff3b81f37 | |||
| 9f34b1cc37 | |||
| c71df290f4 | |||
| 8832d4651c | |||
| 73fe47388d | |||
| ec43db1c08 | |||
| 00fb59066d | |||
| f0bd7f64bd | |||
| 18b282af55 | |||
| abe3354a98 | |||
| 3998377f3d | |||
| 51df14f5a4 | |||
| 7ffdbaedda | |||
| 61d7c3c7db | |||
| 163681d779 | |||
| fd442f56fb | |||
| d712bb4d53 | |||
| 252645d0d3 | |||
| 86cbd448e6 | |||
| a6c720b939 | |||
| 10e6adc05b | |||
| 1ecdb8195f | |||
| 249c746ace | |||
| 40cecafe55 | |||
| b67ef4837c | |||
| bdef5803fd | |||
| 19b82bd2d4 | |||
| d7c8f9ab9a | |||
| 1bb9a4bd81 | |||
| 90a1f6163c | |||
| 7c9e6304eb | |||
| 6c258d0f35 | |||
| 77dd1b456b | |||
| 9389887206 | |||
| 1f1a9e2997 | |||
| 5df7e6fd08 | |||
| c4d157e6b0 | |||
| 002cc5c680 | |||
| d8774dac3f | |||
| 25f038c822 | |||
| df00e6bbb8 | |||
| 7526b29254 | |||
| a434bce9f0 | |||
| 58b4641a8c | |||
| 7a8137ff07 | |||
| 78d79fe849 | |||
| f11acf0427 | |||
| 002b1b156c | |||
| 8620e66800 | |||
| ebc94e24ed |
@@ -6,14 +6,14 @@
|
||||
"textRules": {
|
||||
"logoText": {
|
||||
"required": false,
|
||||
"default": "Webild",
|
||||
"default": "AstroSec",
|
||||
"example": "Company Name",
|
||||
"minChars": 2,
|
||||
"maxChars": 30
|
||||
},
|
||||
"copyrightText": {
|
||||
"required": false,
|
||||
"default": "© 2025 | Webild",
|
||||
"default": "© 2025 | AstroSec",
|
||||
"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: 'AstroSec')",
|
||||
"copyrightText?": "string (default: '© 2025 | AstroSec')",
|
||||
"onPrivacyClick?": "() => void",
|
||||
"ariaLabel?": "string (default: 'Site footer')",
|
||||
"className?": "string",
|
||||
|
||||
@@ -6,14 +6,14 @@
|
||||
"textRules": {
|
||||
"copyrightText": {
|
||||
"required": false,
|
||||
"example": "© 2025 | Webild",
|
||||
"example": "© 2025 | AstroSec",
|
||||
"minChars": 5,
|
||||
"maxChars": 100,
|
||||
"note": "Copyright text displayed at bottom left"
|
||||
},
|
||||
"logoText": {
|
||||
"required": false,
|
||||
"example": "Webild",
|
||||
"example": "AstroSec",
|
||||
"minChars": 2,
|
||||
"maxChars": 30,
|
||||
"note": "Text used for h2 heading"
|
||||
@@ -34,9 +34,9 @@
|
||||
}
|
||||
},
|
||||
"propsSchema": {
|
||||
"logoText?": "string (default: 'Webild')",
|
||||
"logoText?": "string (default: 'AstroSec')",
|
||||
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns (required)",
|
||||
"copyrightText?": "string (default: '© 2025 | Webild')",
|
||||
"copyrightText?": "string (default: '© 2025 | AstroSec')",
|
||||
"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=\"AstroSec\" copyrightText=\"© 2025 | AstroSec\" 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 | AstroSec",
|
||||
"example": "© 2025 Company Name",
|
||||
"minChars": 5,
|
||||
"maxChars": 50
|
||||
|
||||
@@ -6,14 +6,14 @@
|
||||
"textRules": {
|
||||
"copyrightText": {
|
||||
"required": false,
|
||||
"example": "© 2025 | Webild",
|
||||
"example": "© 2025 | AstroSec",
|
||||
"minChars": 5,
|
||||
"maxChars": 100,
|
||||
"note": "Copyright text displayed at bottom left"
|
||||
},
|
||||
"logoText": {
|
||||
"required": false,
|
||||
"example": "Webild",
|
||||
"example": "AstroSec",
|
||||
"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: 'AstroSec')",
|
||||
"copyrightText?": "string (default: '© 2025 | AstroSec')",
|
||||
"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=\"AstroSec\" copyrightText=\"© 2025 | AstroSec\" 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": "AstroSec",
|
||||
"example": "Company Name",
|
||||
"minChars": 2,
|
||||
"maxChars": 30
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
"textRules": {
|
||||
"logoText": {
|
||||
"required": false,
|
||||
"example": "Webild",
|
||||
"example": "AstroSec",
|
||||
"minChars": 2,
|
||||
"maxChars": 30,
|
||||
"note": "Text used for SVG logo"
|
||||
@@ -20,7 +20,7 @@
|
||||
}
|
||||
},
|
||||
"propsSchema": {
|
||||
"logoText?": "string (default: 'Webild')",
|
||||
"logoText?": "string (default: 'AstroSec')",
|
||||
"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=\"AstroSec\" 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": "AstroSec",
|
||||
"example": "Company Name",
|
||||
"minChars": 2,
|
||||
"maxChars": 30
|
||||
},
|
||||
"copyrightText": {
|
||||
"required": false,
|
||||
"default": "© 2025 | Webild",
|
||||
"default": "© 2025 | AstroSec",
|
||||
"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: 'AstroSec')",
|
||||
"copyrightText?": "string (default: '© 2025 | AstroSec')",
|
||||
"onPrivacyClick?": "() => void",
|
||||
"ariaLabel?": "string (default: 'Site footer')",
|
||||
"className?": "string",
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
},
|
||||
"bottomRightText": {
|
||||
"required": true,
|
||||
"example": "Made with Webild",
|
||||
"example": "Made with AstroSec",
|
||||
"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 AstroSec\" />",
|
||||
"do": [
|
||||
"Use for feature showcases",
|
||||
"Use for capability displays",
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
"textRules": {
|
||||
"logoText": {
|
||||
"required": true,
|
||||
"example": "Webild",
|
||||
"example": "AstroSec",
|
||||
"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=\"AstroSec\" \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": "AstroSec",
|
||||
"fallbackBehavior": "Shows brandName text"
|
||||
},
|
||||
"buttonRules": {
|
||||
@@ -52,7 +52,7 @@
|
||||
},
|
||||
"propsSchema": {
|
||||
"navItems": "Array<{name: string, id: string}>",
|
||||
"brandName?": "string (default: 'Webild')",
|
||||
"brandName?": "string (default: 'AstroSec')",
|
||||
"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": "AstroSec",
|
||||
"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: 'AstroSec')",
|
||||
"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": "AstroSec",
|
||||
"fallbackBehavior": "Shows brandName text"
|
||||
},
|
||||
"linkRules": {
|
||||
@@ -35,7 +35,7 @@
|
||||
},
|
||||
"propsSchema": {
|
||||
"navItems": "Array<{name: string, id: string}>",
|
||||
"brandName?": "string (default: 'Webild')"
|
||||
"brandName?": "string (default: 'AstroSec')"
|
||||
},
|
||||
"usageExample": "<NavbarStyleApple />",
|
||||
"do": [
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
"required": false,
|
||||
"minChars": 2,
|
||||
"maxChars": 20,
|
||||
"example": "Webild",
|
||||
"example": "AstroSec",
|
||||
"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: 'AstroSec')",
|
||||
"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": "AstroSec",
|
||||
"fallbackBehavior": "Shows brandName text"
|
||||
},
|
||||
"linkRules": {
|
||||
@@ -49,7 +49,7 @@
|
||||
},
|
||||
"propsSchema": {
|
||||
"navItems": "Array<{name: string, id: string}>",
|
||||
"brandName?": "string (default: 'Webild')",
|
||||
"brandName?": "string (default: 'AstroSec')",
|
||||
"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: 'AstroSec')",
|
||||
"copyrightText?": "string (default: '© 2025 | AstroSec')",
|
||||
"onPrivacyClick?": "() => void",
|
||||
"ariaLabel?": "string (default: 'Site footer')",
|
||||
"className?": "string",
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
{
|
||||
"name": "FooterBaseCard",
|
||||
"propsSchema": {
|
||||
"logoText?": "string (default: 'Webild')",
|
||||
"logoText?": "string (default: 'AstroSec')",
|
||||
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
|
||||
"copyrightText?": "string (default: '© 2025 | Webild')",
|
||||
"copyrightText?": "string (default: '© 2025 | AstroSec')",
|
||||
"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: 'AstroSec')",
|
||||
"copyrightText?": "string (default: '© 2025 | AstroSec')",
|
||||
"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: 'AstroSec')",
|
||||
"ariaLabel?": "string (default: 'Site footer')",
|
||||
"className?": "string",
|
||||
"containerClassName?": "string",
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "FooterLogoReveal",
|
||||
"propsSchema": {
|
||||
"logoText?": "string (default: 'Webild')",
|
||||
"logoText?": "string (default: 'AstroSec')",
|
||||
"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: 'AstroSec')",
|
||||
"copyrightText?": "string (default: '© 2025 | AstroSec')",
|
||||
"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: 'AstroSec')",
|
||||
"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: 'AstroSec')",
|
||||
"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: 'AstroSec')"
|
||||
}
|
||||
}
|
||||
@@ -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: 'AstroSec')",
|
||||
"className?": "string (default: '')"
|
||||
}
|
||||
}
|
||||
@@ -2,7 +2,7 @@
|
||||
"name": "NavbarStyleFullscreen",
|
||||
"propsSchema": {
|
||||
"navItems": "Array<{name: string, id: string}>",
|
||||
"brandName?": "string (default: 'Webild')",
|
||||
"brandName?": "string (default: 'AstroSec')",
|
||||
"bottomLeftText?": "string (default: 'Global Community')",
|
||||
"bottomRightText?": "string (default: 'hello@example.com')",
|
||||
"topBarClassName?": "string (default: '')"
|
||||
|
||||
1370
src/app/layout.tsx
1370
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
@@ -20,6 +20,9 @@ import {
|
||||
Eye,
|
||||
Award,
|
||||
Star,
|
||||
Brain,
|
||||
Code,
|
||||
Lightbulb,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -38,16 +41,13 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="AstroSec"
|
||||
navItems={[
|
||||
{ name: "Services", id: "expertise" },
|
||||
{ name: "Expertise", id: "expertise" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started", href: "contact"}}
|
||||
animateOnLoad={true}
|
||||
button={{ text: "Get Started", href: "contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -78,13 +78,16 @@ export default function LandingPage() {
|
||||
stats: [
|
||||
{
|
||||
title: "Threats Blocked", values: [12487, 15632, 18945],
|
||||
description: "This week"},
|
||||
description: "This week"
|
||||
},
|
||||
{
|
||||
title: "System Uptime", values: [99.98, 99.99, 99.97],
|
||||
valueSuffix: "%", description: "Average performance"},
|
||||
valueSuffix: "%", description: "Average performance"
|
||||
},
|
||||
{
|
||||
title: "Active Clients", values: [456, 523, 687],
|
||||
description: "Protected globally"},
|
||||
description: "Protected globally"
|
||||
},
|
||||
],
|
||||
chartTitle: "Security Events Timeline", chartData: [
|
||||
{ value: 45 },
|
||||
@@ -96,13 +99,16 @@ export default function LandingPage() {
|
||||
listTitle: "Recent Security Actions", listItems: [
|
||||
{
|
||||
icon: AlertCircle,
|
||||
title: "Intrusion Attempt Blocked", status: "Mitigated"},
|
||||
title: "Intrusion Attempt Blocked", status: "Mitigated"
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Compliance Audit Passed", status: "Verified"},
|
||||
title: "Compliance Audit Passed", status: "Verified"
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Firewall Updated", status: "Complete"},
|
||||
title: "Firewall Updated", status: "Complete"
|
||||
},
|
||||
],
|
||||
}}
|
||||
/>
|
||||
@@ -113,19 +119,35 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: "ai-systems", label: "AI Systems & Agents", title: "Advanced AI Automation & Development", items: [
|
||||
"Custom AI Agents Development", "Business Process Automation", "AI Monitoring & Decision Systems"],
|
||||
"Custom AI Agents Development", "Business Process Automation", "AI Monitoring & Decision Systems"
|
||||
],
|
||||
buttons: [
|
||||
{ text: "Learn More", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "cybersecurity", label: "Cybersecurity", title: "Enterprise-Grade Protection", items: [
|
||||
"Security Audits & WMPT", "Cloud & Infrastructure Security", "Incident Response & Hardening"],
|
||||
"Security Audits & WMPT", "Cloud & Infrastructure Security", "Incident Response & Hardening"
|
||||
],
|
||||
buttons: [
|
||||
{ text: "Learn More", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "engineering", label: "IT & Engineering", title: "Robust Infrastructure & Development", items: [
|
||||
"Secure Web & App Development", "Cloud Architecture & DevOps", "Server & System Engineering"],
|
||||
"Secure Web & App Development", "Cloud Architecture & DevOps", "Server & System Engineering"
|
||||
],
|
||||
buttons: [
|
||||
{ text: "Learn More", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "consulting", label: "Strategy & Consulting", title: "Expert Advisory & Implementation", items: [
|
||||
"AI & Security Consulting", "Startup Tech Architecture", "Custom Enterprise Solutions"],
|
||||
"AI & Security Consulting", "Startup Tech Architecture", "Custom Enterprise Solutions"
|
||||
],
|
||||
buttons: [
|
||||
{ text: "Learn More", href: "#" }
|
||||
]
|
||||
},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
@@ -170,7 +192,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp Global", "SecureNet Systems", "CloudScale AI", "DataVault Inc", "InnovateX Labs", "CyberShield Pro", "AI Dynamics"]}
|
||||
"TechCorp Global", "SecureNet Systems", "CloudScale AI", "DataVault Inc", "InnovateX Labs", "CyberShield Pro", "AI Dynamics"
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -181,13 +204,16 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Chen", role: "CTO", company: "TechCorp Global", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTy5QR9k4M4P80OQXSbT6XGLr/uploaded-1772648769599-68c70eso.png?_wi=1", imageAlt: "Sarah Chen, CTO at TechCorp Global"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/axelborg-towers-modern-architecture_181624-37834.jpg?id=15036385", imageAlt: "Sarah Chen, CTO at TechCorp Global"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Rodriguez", role: "Security Director", company: "SecureNet Systems", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTy5QR9k4M4P80OQXSbT6XGLr/uploaded-1772648769599-68c70eso.png?_wi=2", imageAlt: "Michael Rodriguez, Security Director at SecureNet Systems"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-greyscale-building-with-modern-brutalist-architecture-sunlight_181624-21352.jpg?id=11062684", imageAlt: "Michael Rodriguez, Security Director at SecureNet Systems"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emma Watson", role: "Operations Lead", company: "CloudScale AI", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTy5QR9k4M4P80OQXSbT6XGLr/uploaded-1772648769599-68c70eso.png?_wi=3", imageAlt: "Emma Watson, Operations Lead at CloudScale AI"},
|
||||
imageSrc: "http://img.b2bpic.net/premium-photo/highrise-curved-architecture-bright-sun-clear-sky-day-aigx_31965-410009.jpg?id=199975907", imageAlt: "Emma Watson, Operations Lead at CloudScale AI"
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "180+", label: "Projects Completed" },
|
||||
@@ -254,7 +280,7 @@ export default function LandingPage() {
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2025 AstroSec. All rights reserved."
|
||||
bottomRightText="Securing Tomorrow, Today"
|
||||
bottomRightText="Security First. Always."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #fffffae6;
|
||||
--primary-cta: #fde047;
|
||||
--primary-cta: #4f84ff;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #fffffae6;
|
||||
|
||||
@@ -18,7 +18,7 @@ interface LogoProps {
|
||||
const Logo = ({
|
||||
// logoSrc,
|
||||
// logoAlt = "",
|
||||
brandName = "Webild",
|
||||
brandName = "AstroSec",
|
||||
// className = "",
|
||||
// imageClassName = "",
|
||||
textClassName = "",
|
||||
|
||||
@@ -23,7 +23,7 @@ interface NavbarLayoutFloatingInlineProps {
|
||||
|
||||
const NavbarLayoutFloatingInline = ({
|
||||
navItems,
|
||||
brandName = "Webild",
|
||||
brandName = "AstroSec",
|
||||
button,
|
||||
animateOnLoad = true,
|
||||
className = "",
|
||||
|
||||
@@ -28,7 +28,7 @@ const NavbarLayoutFloatingOverlay = ({
|
||||
// logoSrc,
|
||||
// logoAlt = "",
|
||||
className = "",
|
||||
brandName = "Webild",
|
||||
brandName = "AstroSec",
|
||||
button,
|
||||
buttonClassName = "",
|
||||
buttonTextClassName = "",
|
||||
|
||||
@@ -25,7 +25,7 @@ const NavbarStyleApple = ({
|
||||
navItems,
|
||||
// logoSrc,
|
||||
// logoAlt = "",
|
||||
brandName = "Webild",
|
||||
brandName = "AstroSec",
|
||||
button,
|
||||
buttonClassName = "",
|
||||
buttonTextClassName = "",
|
||||
|
||||
@@ -57,7 +57,7 @@ const NavbarStyleCentered = ({
|
||||
topBarButton,
|
||||
// logoSrc,
|
||||
// logoAlt = "",
|
||||
brandName = "Webild",
|
||||
brandName = "AstroSec",
|
||||
className = "",
|
||||
}: NavbarStyleCenteredProps) => {
|
||||
const [isActive, setIsActive] = useState(false);
|
||||
|
||||
@@ -49,7 +49,7 @@ const NavbarStyleFullscreen = ({
|
||||
navItems,
|
||||
// logoSrc,
|
||||
// logoAlt = "",
|
||||
brandName = "Webild",
|
||||
brandName = "AstroSec",
|
||||
bottomLeftText = "Global Community",
|
||||
bottomRightText = "hello@example.com",
|
||||
topBarClassName = "",
|
||||
|
||||
@@ -30,11 +30,11 @@ interface FooterBaseProps {
|
||||
|
||||
const FooterBase = ({
|
||||
// logoSrc = "/brand/logowhite.svg",
|
||||
logoText = "Webild",
|
||||
logoText = "AstroSec",
|
||||
// logoWidth = 120,
|
||||
// logoHeight = 40,
|
||||
columns,
|
||||
copyrightText = `© 2025 | Webild`,
|
||||
copyrightText = `© 2025 | AstroSec`,
|
||||
onPrivacyClick,
|
||||
ariaLabel = "Site footer",
|
||||
className = "",
|
||||
|
||||
@@ -31,11 +31,11 @@ interface FooterBaseCardProps {
|
||||
|
||||
const FooterBaseCard = ({
|
||||
// logoSrc = "/brand/logowhite.svg",
|
||||
logoText = "Webild",
|
||||
logoText = "AstroSec",
|
||||
// logoWidth = 120,
|
||||
// logoHeight = 40,
|
||||
columns,
|
||||
copyrightText = `© 2025 | Webild`,
|
||||
copyrightText = `© 2025 | AstroSec`,
|
||||
onPrivacyClick,
|
||||
ariaLabel = "Site footer",
|
||||
className = "",
|
||||
|
||||
@@ -26,8 +26,8 @@ interface FooterCardProps {
|
||||
const FooterCard = ({
|
||||
// logoSrc,
|
||||
// logoAlt = "Logo",
|
||||
logoText = "Webild",
|
||||
copyrightText = `© 2025 | Webild`,
|
||||
logoText = "AstroSec",
|
||||
copyrightText = `© 2025 | AstroSec`,
|
||||
socialLinks,
|
||||
ariaLabel = "Site footer",
|
||||
className = "",
|
||||
|
||||
@@ -28,7 +28,7 @@ interface FooterLogoRevealProps {
|
||||
const FooterLogoReveal = ({
|
||||
// logoSrc,
|
||||
// logoAlt = "Logo",
|
||||
logoText = "Webild",
|
||||
logoText = "AstroSec",
|
||||
leftLink,
|
||||
rightLink,
|
||||
ariaLabel = "Site footer",
|
||||
|
||||
@@ -51,11 +51,11 @@ const FooterMedia = ({
|
||||
imageAlt = "",
|
||||
videoAriaLabel = "Footer video",
|
||||
// logoSrc = "/brand/logowhite.svg",
|
||||
logoText = "Webild",
|
||||
logoText = "AstroSec",
|
||||
// logoWidth = 120,
|
||||
// logoHeight = 40,
|
||||
columns,
|
||||
copyrightText = `© 2025 | Webild`,
|
||||
copyrightText = `© 2025 | AstroSec`,
|
||||
onPrivacyClick,
|
||||
ariaLabel = "Site footer",
|
||||
className = "",
|
||||
|
||||
Reference in New Issue
Block a user