migrate

pages/gallery.vue

@@ -0,0 +1,72 @@
+<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>