appbaseio/reactivesearch

import theme from './../../theme/native';
import baseConfig from './../base/native';

const { primary, primaryDark } = theme;

const baseConfigHeader = {
    ...baseConfig.header,
    links: [
        {
            description: 'examples',
            href: '#examples',
        },
        ...baseConfig.header.links,
    ],
};
export default {
    ...baseConfig,
    name: 'native',
    header: baseConfigHeader,
    banner1: {
        title: 'React Native UI Components for ElasticSearch',
        description: 'Build data-driven search experiences for iOS and Android apps.',
        image: {
            src: '../../reactivesearch/images/native/landing.png',
            alt: 'Native Components',
        },
        button: {
            title: 'Get Started',
            href: './quickstart',
        },
        link: {
            title: 'Docs',
            href:
                'https://opensource.appbase.io/reactive-manual/native/getting-started/reactivesearch.html',
        },
    },
    banner2: {
        image: {
            src: '../../reactivesearch/images/native/components.png',
            alt: 'Components',
            mobile: {
                src: '../../reactivesearch/images/native/components.png',
                srcSet: '../../reactivesearch/images/native/components.png',
            },
        },
        title: 'UI Components for every occasion',
        description:
            'Build the perfect search experience using our UI components or by creating your own. Over 10 prebuilt components with customizable queries and configurable styles.',
        button: {
            title: 'View Components',
            href: 'https://opensource.appbase.io/reactive-manual/native/components/textfield.html',
        },
        link: {
            title: 'Creating your components',
            href:
                'https://opensource.appbase.io/reactive-manual/native/advanced/reactivecomponent.html',
        },
        sketch: {
            href: '../../resources/ReactiveSearchNative_Playground.sketch',
        },
        style: {
            paddingLeft: '20px',
        },
    },
    banner3: {
        title: 'Up to 10x Time Savings',
        description: 'Focus on design and user experience as ReactiveSearch handles the details.',
        cards: [
            {
                image: {
                    src: '../../reactivesearch/images/rocket.png',
                    alt: 'Data-driven UIs',
                },
                title: 'Launch and iterate faster',
                description:
                    'Well-designed and performance optimized UI components. Ship faster and solve fewer edge cases.',
                href:
                    'https://medium.appbase.io/build-your-next-react-native-app-with-reactivesearch-ce21829f3bf5',
            },
            {
                image: {
                    src: '../../reactivesearch/icons/1.png',
                    alt: 'Icon',
                },
                title: 'Works with existing UIs',
                description:
                    'Already have your own components? Bring them to Reactivesearch Native.',
                href:
                    'https://opensource.appbase.io/reactive-manual/native/advanced/reactivecomponent.html',
            },
            {
                image: {
                    src: '../../reactivesearch/icons/2.png',
                    alt: 'Icon',
                },
                title: 'Configurable styles',
                description: 'Styled components with rich theming and style injection support.',
                href: 'https://opensource.appbase.io/reactive-manual/native/advanced/style.html',
            },
            {
                image: {
                    src: '../../reactivesearch/icons/3.png',
                    alt: 'Icon',
                },
                title: 'Create cross-platform apps',
                description:
                    'All Native components have equivalent React UI components, allowing creation of consistent cross-platform apps.',
                href: 'https://github.com/appbaseio/reactivesearch/tree/dev/packages/web',
            },
            {
                image: {
                    src: '../../reactivesearch/icons/4.png',
                    alt: 'Icon',
                },
                title: 'Elasticsearch compatible',
                description: 'Connect to an ES index hosted anywhere. Supports v2, v5 and v6.',
                href:
                    'https://opensource.appbase.io/reactive-manual/getting-started/native/reactivebase.html',
            },
            {
                image: {
                    src: '../../reactivesearch/icons/5.png',
                    alt: 'Icon',
                },
                title: 'Customizable queries',
                description:
                    'Components come with good query defaults, that can be customized with Elasticsearch query DSL.',
                href:
                    'https://opensource.appbase.io/reactive-manual/native/advanced/customquery.html',
            },
        ],
    },
    banner5: [
        {
            backgroundColor: primary,
            title: 'Build a live app in 5 easy steps',
            description:
                'Go from scratch to creating a data-driven search app with our beginner friendly quick start guide.',
            button: {
                title: 'Get Started',
                href: '../../reactivesearch/native/quickstart',
            },
            link: {
                title: 'Learn More',
                href:
                    'https://opensource.appbase.io/reactive-manual/native/getting-started/reactivesearch.html',
            },
        },
        {
            backgroundColor: primaryDark,
            title: 'Get dedicated support',
            description:
                'We offer production support for ReactiveSearch. Work with us to bring your dream project to life.',
            button: {
                title: 'SUPPORT PLANS',
                href: 'https://appbase.io/pricing#support',
            },
            link: {
                title: 'Get in touch',
                href: 'https://appbase.io/contact',
            },
        },
    ],
    banner6: {
        title: 'Check our demos',
        demos: [
            {
                src: '../../reactivesearch/images/native/booksearch.png',
                title: 'Book Search',
                href: 'https://snack.expo.io/@metagrover/booksearch',
            },
            {
                src: '../../reactivesearch/images/native/gitxplore.png',
                title: 'GitHub Search',
                href: 'https://snack.expo.io/@dhruvdutt/gitxplore-native-app',
            },
            {
                src: '../../reactivesearch/images/native/todo.png',
                title: 'Todo',
                href: 'https://snack.expo.io/@dhruvdutt/todo',
            },
        ],
    },
};