<template>
    <div>
        <v-container>
            <div style="padding: 50px;">
                <v-row>
                    <v-col v-for="card in gallery" :key="card.title" :cols="card.flex">
                        <v-card>
                            <v-img :src="card.src" class="white--text align-end" height="400px">
                                <v-card-title v-text="card.title"></v-card-title>
                            </v-img>
                            <v-card-actions>
                            <v-btn icon :href="card.src">
                                <v-icon>mdi-bookmark</v-icon>
                            </v-btn>
                            <v-btn
                                icon
                                :href="`https://wa.me/?text=Gita Enterprise.%20https://gita-enterprise.com/products`"
                            >
                                <v-icon>mdi-share-variant</v-icon>
                            </v-btn>
                            <v-btn>
                                <div
                                    class="fb-like"
                                    data-href="https://gita-enterprise.com/products"
                                    data-width
                                    data-layout="standard"
                                    data-action="like"
                                    data-size="small"
                                    data-share="true"
                                ></div>
                            </v-btn>
                        </v-card-actions>
                        </v-card>
                    </v-col>
                </v-row>
            </div>
        </v-container>
    </div>
</template>
<script>
export default {
    data() {
        return {
            slider: [
                {
                    src: '/img/cake-close-up.jpg',
                },
                {
                    src: '/Assets/gallery/bakery-products.jpg',
                },
                {
                    src: '/Assets/gallery/7.jpeg',
                },
                {
                    src: '/Assets/gallery/2.jpeg'
                },
            ],
            gallery: [
                { src: '/Assets/gallery/3.jpeg', title: 'Main1' },
                { src: '/Assets/gallery/4.jpeg', title: 'Main2' },
                { src: '/Assets/gallery/5.jpeg', title: 'Stock Rack 1 & 2' },
                { src: '/Assets/gallery/6.jpeg', title: 'Natural colour stock' },
                { src: '/Assets/gallery/7.jpeg', title: 'Main5' },
                { src: '/Assets/gallery/8.jpeg', title: 'Main6' },
                { src: '/Assets/gallery/9.jpeg', title: 'Main8' },
                { src: '/Assets/gallery/10.jpeg', title: 'Main9' }

            ]
        }
    },
}
</script>
