@ar-dacity/ardacity-hyperspeed

ArDacity Hero Two

A React component that recreates the Bella hero section with animations and transitions.

Installation

```bash npm install @ar-dacity/ardacity-hero-two ```

or

```bash yarn add @ar-dacity/ardacity-hero-two ```

Usage

```jsx import React from 'react'; import { ArDacityHeroTwo } from '@ar-dacity/ardacity-hero-two';

const App = () => { return ( <ArDacityHeroTwo title={['Custom', 'Hero', 'Title']} subtitle="YOUR CUSTOM SUBTITLE" logoText="Your Brand" /> ); };

export default App; ```

Props

The component accepts the following props:

Prop	Type	Description
title	string[]	Array of strings for the main title
subtitle	string	Subtitle text
backgroundColor	string	Background color for the hero section
navLinks	Array<{ label: string; url: string }>	Navigation links
galleryImages	string[]	Array of image URLs for the gallery
portfolioItems	Array<{ title: string; color: string; imageLarge: string; imageSmall: string }>	Portfolio items
blogPost	{ date: string; title: string; image: string }	Blog post information
contactInfo	{ title: string; description: string; image: string }	Contact information
stages	Array<{ id: string; number: string; title: string; description: string; image: string; color: string }>	Work stages
values	Array<{ number: string; title: string; description: string; image: string; color: string }>	Company values
loaderContent	{ title: string[]; image: string }	Loader content
logoText	string	Logo text

Dependencies

• React 16.8+ (for Hooks)
• GSAP
• Smooth Scrollbar
• ImagesLoaded

License

MIT