migrate
This commit is contained in:
Kar l5
26
pages/about.vue
Normal file
26
pages/about.vue
Normal file
@@ -0,0 +1,26 @@
|
||||
<template>
|
||||
<div>
|
||||
<v-container fluid>
|
||||
<v-card>
|
||||
<v-card-title class="text-h5 grey lighten-2">
|
||||
About- Gita Enterprise
|
||||
</v-card-title>
|
||||
|
||||
<v-card-text>
|
||||
Gita Enterprise - selling bakery ingredients since 2005, We commit to provide all bakery products and related items maintaing the best quality and price ratio.
|
||||
</v-card-text>
|
||||
|
||||
<v-divider></v-divider>
|
||||
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn
|
||||
color="primary"
|
||||
>
|
||||
View Products
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-container>
|
||||
</div>
|
||||
</template>
|
||||
154
pages/contact.vue
Normal file
154
pages/contact.vue
Normal file
@@ -0,0 +1,154 @@
|
||||
<template>
|
||||
<v-row justify="center">
|
||||
<v-col cols="12">
|
||||
<v-img
|
||||
lazy-src="https://picsum.photos/id/11/10/6"
|
||||
max-height="40%"
|
||||
max-width="100%"
|
||||
src="/gita/t.jpg"
|
||||
></v-img>
|
||||
<v-form v-model="valid">
|
||||
<v-container>
|
||||
<v-row>
|
||||
<v-flex xs6 style="padding: 20px;">
|
||||
<div>
|
||||
<v-card style="padding: 10px;">
|
||||
<v-card-title class="cyan darken-1">
|
||||
<span class="text-h5 white--text">Request information</span>
|
||||
|
||||
<v-spacer></v-spacer>
|
||||
<!--
|
||||
<v-btn dark icon>
|
||||
<v-icon>mdi-chevron-left</v-icon>
|
||||
</v-btn>
|
||||
|
||||
<v-btn dark icon>
|
||||
<v-icon>mdi-pencil</v-icon>
|
||||
</v-btn>-->
|
||||
|
||||
<v-btn dark icon>
|
||||
<v-icon>mdi-dots-vertical</v-icon>
|
||||
</v-btn>
|
||||
</v-card-title>
|
||||
<v-text-field
|
||||
v-model="firstname"
|
||||
:rules="nameRules"
|
||||
:counter="10"
|
||||
label="First name"
|
||||
required
|
||||
></v-text-field>
|
||||
|
||||
<v-text-field
|
||||
v-model="lastname"
|
||||
:rules="nameRules"
|
||||
:counter="10"
|
||||
label="Last name"
|
||||
required
|
||||
></v-text-field>
|
||||
|
||||
<v-text-field
|
||||
v-model="email"
|
||||
:rules="emailRules"
|
||||
label="E-mail"
|
||||
required
|
||||
></v-text-field>
|
||||
<v-text-field
|
||||
v-model="Massege"
|
||||
:rules="massegeRules"
|
||||
label="Massege"
|
||||
required
|
||||
></v-text-field>
|
||||
<v-btn elevation="3" medium denger>submit</v-btn>
|
||||
</v-card>
|
||||
</div>
|
||||
</v-flex>
|
||||
<v-flex xs6 style="padding: 20px;">
|
||||
<v-card style="padding: 10px;">
|
||||
<v-card-title class="cyan darken-1">
|
||||
<span class="text-h5 white--text">Contact information</span>
|
||||
|
||||
<v-spacer></v-spacer>
|
||||
<!--
|
||||
<v-btn dark icon>
|
||||
<v-icon>mdi-chevron-left</v-icon>
|
||||
</v-btn>
|
||||
|
||||
<v-btn dark icon>
|
||||
<v-icon>mdi-pencil</v-icon>
|
||||
</v-btn>-->
|
||||
|
||||
<v-btn dark icon>
|
||||
<v-icon>mdi-dots-vertical</v-icon>
|
||||
</v-btn>
|
||||
</v-card-title>
|
||||
|
||||
<v-list>
|
||||
<v-list-item>
|
||||
<v-list-item-action>
|
||||
<v-icon>mdi-phone</v-icon>
|
||||
</v-list-item-action>
|
||||
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>098302 96155</v-list-item-title>
|
||||
</v-list-item-content>
|
||||
<v-list-item-action>
|
||||
<v-icon>mdi-message-text</v-icon>
|
||||
</v-list-item-action>
|
||||
</v-list-item>
|
||||
|
||||
<v-divider inset></v-divider>
|
||||
|
||||
<v-divider inset></v-divider>
|
||||
|
||||
<v-list-item>
|
||||
<v-list-item-action>
|
||||
<v-icon>mdi-email</v-icon>
|
||||
</v-list-item-action>
|
||||
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>dipak@gita-enterprise.com</v-list-item-title>
|
||||
</v-list-item-content>
|
||||
</v-list-item>
|
||||
|
||||
<v-divider inset></v-divider>
|
||||
|
||||
<v-list-item>
|
||||
<v-list-item-action>
|
||||
<v-icon>mdi-map-marker</v-icon>
|
||||
</v-list-item-action>
|
||||
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>HABRA BAZZAR, 1 NO GOL <br><br> Habra, West Bengal 743263 <br><br> West Bengal, India <br><br> </v-list-item-title>
|
||||
</v-list-item-content>
|
||||
</v-list-item>
|
||||
</v-list>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-row>
|
||||
|
||||
</v-container>
|
||||
</v-form>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data: () => ({
|
||||
valid: false,
|
||||
firstname: '',
|
||||
lastname: '',
|
||||
nameRules: [
|
||||
v => !!v || 'Name is required',
|
||||
v => v.length <= 10 || 'Name must be less than 10 characters',
|
||||
],
|
||||
email: '',
|
||||
emailRules: [
|
||||
v => !!v || 'E-mail is required',
|
||||
v => /.+@.+/.test(v) || 'E-mail must be valid',
|
||||
],
|
||||
Massege: ' ',
|
||||
massegeRules: [v => !!v || 'E-mail is required',
|
||||
v => /.+@.+/.test(v) || 'E-mail must be valid',],
|
||||
}),
|
||||
}
|
||||
</script>
|
||||
72
pages/gallery.vue
Normal file
72
pages/gallery.vue
Normal file
@@ -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>
|
||||
131
pages/index.vue
Normal file
131
pages/index.vue
Normal file
@@ -0,0 +1,131 @@
|
||||
<template>
|
||||
<div>
|
||||
<v-container>
|
||||
<v-carousel cycle show-arrows-on-hover class="rounded">
|
||||
<v-carousel-item
|
||||
v-for="(item,i) in slider"
|
||||
:key="i"
|
||||
:src="item.src"
|
||||
reverse-transition="fade-transition"
|
||||
transition="fade-transition"
|
||||
></v-carousel-item>
|
||||
</v-carousel>
|
||||
|
||||
<v-card>
|
||||
<v-card-actions class="justify-center" style="margin-top: 40px;">
|
||||
<v-btn to="/gallery">Click here to view gallery</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
<div style="padding: 0 40px;">
|
||||
<v-row>
|
||||
<v-col v-for="card in gallery" :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-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-card>
|
||||
<v-card-actions class="justify-center" style="margin-top: 40px;">
|
||||
<v-btn to="/products">Click here to view Products</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
<div style="padding: 0 40px;">
|
||||
<v-row>
|
||||
<v-col v-for="card in products" :key="card.title" sm2 md2 lg2>
|
||||
<v-card>
|
||||
<v-img
|
||||
:src="card.src"
|
||||
class="white--text align-end"
|
||||
style="height:300px"
|
||||
>
|
||||
<v-card-title v-text="card.title"></v-card-title>
|
||||
</v-img>
|
||||
<v-card-actions>
|
||||
<v-spacer></v-spacer>
|
||||
|
||||
<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`"
|
||||
>
|
||||
<v-icon>mdi-share-variant</v-icon>
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</div>
|
||||
|
||||
<v-img
|
||||
style="border-radius: 8px;"
|
||||
src="/Assets/gallery/2.jpeg"
|
||||
class="white--text align-end"
|
||||
height="700px"
|
||||
>
|
||||
<v-card-title>Main Outlet</v-card-title>
|
||||
</v-img>
|
||||
</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'
|
||||
},
|
||||
],
|
||||
products: [
|
||||
{ title: 'GEL COLOUR', src: '/gita/cake gel.jpeg', flex: 3 },
|
||||
{ title: 'COLOUR SPALASH', src: '/gita/colour splash.jpg', flex: 3 },
|
||||
{ title: 'COLOUR MIST', src: '/gita/colourmist.jpg', flex: 3 },
|
||||
{ title: 'GEL COLOUR', src: 'gita/gel colour.jpg', flex: 3 },
|
||||
],
|
||||
gallery: [
|
||||
|
||||
{ src: '/Assets/gallery/5.jpeg', title: 'Stock Rack 1 & 2' },
|
||||
{ src: '/Assets/gallery/6.jpeg', title: 'Natural colour stock' },
|
||||
]
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
25
pages/inspire.vue
Normal file
25
pages/inspire.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<template>
|
||||
<v-row>
|
||||
<v-col class="text-center">
|
||||
<img
|
||||
src="/v.png"
|
||||
alt="Vuetify.js"
|
||||
class="mb-5"
|
||||
>
|
||||
<blockquote class="blockquote">
|
||||
“First, solve the problem. Then, write the code.”
|
||||
<footer>
|
||||
<small>
|
||||
<em>—John Johnson</em>
|
||||
</small>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'InspirePage'
|
||||
}
|
||||
</script>
|
||||
66
pages/products.vue
Normal file
66
pages/products.vue
Normal file
@@ -0,0 +1,66 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user