<template>
    <div>
        <v-card class="mx-auto my-12" md="4">
            <v-row justify="center">
                <h1 style="padding: 5px;">Products sold by GITA ENTERPRISE</h1>
            </v-row>
        </v-card>

        <div style="padding: 0 40px;">
            <v-row>
                <v-col v-for="card in products" :key="card.title" sm2 md2 lg1>
                    <v-card>
                        <v-img :src="card.src" class="white--text align-end" height="300px">
                            <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-whatsapp</v-icon>
                            </v-btn>
                            <v-btn>
                                <ShareNetwork
                                    network="facebook"
                                    url="https://gita-enterprise.com/products"
                                    title="Gita Enterprise"
                                    description="Bakery equipments ingredients"
                                    quote="All products and item related to bakery"
                                    hashtags="bakery"
                                > <v-icon>mdi-facebook</v-icon> </ShareNetwork>
                            </v-btn>
                        </v-card-actions>
                    </v-card>
                </v-col>
            </v-row>
        </div>
    </div>
</template>
<script>
export default {
    data: () => ({
        products: [
            { title: 'BAKING SODA', src: '/gita/bakingsoda.jpg', flex: 3 },
            { title: 'GEL-COLOUR', src: '/gita/cake gel.jpeg', flex: 3 },
            { title: 'CAKE MOULD', src: 'gita/cake mould.jpg', flex: 3 },

            { title: 'FRUIT CRUSH', src: 'gita/fruit crush.jpeg', flex: 3 },
            { title: 'GEL_COLOUR', src: 'gita/gel colour.jpg', flex: 3 },
            { title: 'IEIN NOZZLE', src: 'gita/iein nozzles.jpg', flex: 3 },
            { title: 'NEUTRAL GEL', src: 'gita/neutral gel.jpg', flex: 3 },
            { title: 'SUGAR PASTE', src: 'gita/sugarpaste.jpg', flex: 3 },
            { title: 'TURNING TABLE', src: 'gita/caketurning table.jpg', flex: 3 },
            { title: 'COCOA POWDER', src: '/gita/cocoa powder.jpg', flex: 3 },
            { title: 'COLOUR SPALASH', src: '/gita/colour splash.jpg', flex: 3 },
            { title: 'COLOUR MIST', src: '/gita/colourmist.jpg', flex: 3 },
            { title: 'CREAM CHEESE', src: 'gita/cream cheese.jpg', flex: 3 },
            { title: 'DARK COMPOUND SLAB', src: 'gita/dark compound slab.png', flex: 3 },

        ],
    }),
}
</script>
