{"_id":"@ar-dacity/ardacity-header-one","name":"@ar-dacity/ardacity-header-one","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@ar-dacity/ardacity-header-one","version":"0.1.0","description":"A stylish animated header component with integrated ArDacity Navbar","main":"dist/index.js","module":"dist/index.esm.js","types":"dist/index.d.ts","scripts":{"prebuild":"rimraf dist","build":"rollup -c","prepublishOnly":"npm run build"},"keywords":["arweave","header","animation","gsap","react","tailwind","component","ardacity","web3"],"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","gsap":">=3.0.0","@ar-dacity/ardacity-navbar":">=0.1.0"},"dependencies":{"@ar-dacity/ardacity-navbar":"^0.1.0"},"devDependencies":{"@rollup/plugin-commonjs":"^22.0.0","@rollup/plugin-node-resolve":"^13.3.0","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","gsap":"^3.12.4","rimraf":"^3.0.2","rollup":"^2.79.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-typescript2":"^0.34.1","typescript":"^4.9.0"},"author":{"name":"ArDacity"},"license":"MIT","publishConfig":{"access":"public"},"_id":"@ar-dacity/ardacity-header-one@0.1.0","gitHead":"d51949d2a6f5e03715cf51764a4d7abed1e76e49","_nodeVersion":"20.12.1","_npmVersion":"10.8.1","dist":{"integrity":"sha512-TCneWxVqQpu0tO2n14IJK5DHf/0MFn/wGJa8BfLluZ8MlOlIFBqiWO6a72OIQkEwYsnOCcYxxLLcQ5RsYX0EAw==","shasum":"2c05c3321988d2cfafd85f6eaa839ed9cec48d17","tarball":"https://registry.npmjs.org/@ar-dacity/ardacity-header-one/-/ardacity-header-one-0.1.0.tgz","fileCount":8,"unpackedSize":71831,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCDEkvn+dOT5tuMoBUh5PHybBvtPae0mZlkGoWx67WVgQIhALrc4enLzhyH9ouj6MakfUfkPDM7s6By0W7jAPJZtoWt"}]},"_npmUser":{"name":"ruffledzest","email":"vibhanshalok@gmail.com"},"directories":{},"maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ardacity-header-one_0.1.0_1745276321896_0.6837994753650152"},"_hasShrinkwrap":false}},"time":{"created":"2025-04-21T22:58:41.784Z","0.1.0":"2025-04-21T22:58:42.129Z","modified":"2025-04-21T22:58:42.456Z"},"maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"description":"A stylish animated header component with integrated ArDacity Navbar","keywords":["arweave","header","animation","gsap","react","tailwind","component","ardacity","web3"],"author":{"name":"ArDacity"},"license":"MIT","readme":"# ArDacity Header One\r\n\r\nA stylish animated header component with integrated ArDacity Navbar and GSAP animations.\r\n\r\n## Features\r\n\r\n- 🎬 Smooth GSAP animations for text and images\r\n- 🧩 Integrated ArDacity Navbar\r\n- 📱 Fully responsive design\r\n- 🌙 Dark theme by default\r\n- ✨ Customizable content\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @ar-dacity/ardacity-header-one gsap\r\n```\r\n\r\n## Usage\r\n\r\n```jsx\r\nimport { ArdacityHeaderOne } from '@ar-dacity/ardacity-header-one';\r\nimport '@ar-dacity/ardacity-navbar/dist/styles.css'; // Important for navbar styling\r\n\r\nfunction App() {\r\n  return (\r\n    <ArdacityHeaderOne \r\n      name=\"Vibhansh Alok\"\r\n      title=\"Web Developer\"\r\n      navLinks={[\r\n        { label: 'Home', href: '#', isActive: true },\r\n        { label: 'Projects', href: '#projects' },\r\n        { label: 'About', href: '#about' },\r\n        { label: 'Contact', href: '#contact' }\r\n      ]}\r\n      images={[\r\n        \"/path/to/image1.jpg\",\r\n        \"/path/to/image2.jpg\",\r\n        \"/path/to/image3.jpg\"\r\n      ]}\r\n    />\r\n  );\r\n}\r\n```\r\n\r\n## Props\r\n\r\n| Prop         | Type                | Default                   | Description                     |\r\n|--------------|---------------------|---------------------------|---------------------------------|\r\n| `name`       | string              | \"Vibhansh Alok\"           | Name to display in the header   |\r\n| `title`      | string              | \"Web Developer\"           | Title or role                   |\r\n| `navLinks`   | array               | Basic navigation links    | Navigation links                |\r\n| `images`     | array               | Sample images             | Image URLs for the header       |\r\n| `className`  | string              | ''                        | Custom class for the header     |\r\n| `navbarProps`| object              | undefined                 | Props for the navbar component  |\r\n\r\n## Customizing Navbar\r\n\r\nYou can customize the navbar by passing props through the `navbarProps` property:\r\n\r\n```jsx\r\n<ArdacityHeaderOne \r\n  navbarProps={{\r\n    variant: 'glass',\r\n    position: 'fixed',\r\n    showWalletButton: true\r\n  }}\r\n/>\r\n```\r\n\r\n## Dependencies\r\n\r\nThis component requires the following dependencies:\r\n\r\n- GSAP (for animations)\r\n- ArDacity Navbar (for navigation)\r\n\r\n## License\r\n\r\nMIT ","readmeFilename":"README.md","_rev":"1-20454d3f1637f5dc85e9513aeb12511f"}