a9kitkumar

<template>
  <v-layout>
    <v-flex text-xs-left>
       <v-btn color="primary" flat nuxt to="/">Back</v-btn>
      <h1>{{title}}</h1><br>
      <div>
      <img
        :src="`${image}`"
        alt="Fitness_quotes"
        class="mb-5"

a9kitkumar

<template>
  <v-app dark>
    <v-navigation-drawer
      v-model="drawer"
      :mini-variant="miniVariant"
      :clipped="clipped"
      fixed
      app
    >
      <v-list>

a9kitkumar

<template>
  <v-layout column justify-center align-center>
    <v-flex xs12 sm8 md6>
      <div class="text-xs-center">
      </div>
      <v-card>
        <v-card-title class="headline"><h2>{{title}}</h2></v-card-title>
        <v-card-text>

a9kitkumar

const config = {
    
bucket_name: "jamstack_app",
bucket_slug: "jamstack_app",
bucket_id: "YOUR COSMIC BUCKET_ID",
read_key: "YOUR COSMIC READ_KEY",
write_key: "YOUR COSMIC WRITE_KEY",
url: "https://api.cosmicjs.com/v1/"

}

a9kitkumar

import config from './../config/config';
import axios from 'axios';

const cosmicService = {

    placeOrder(userName, address, cardNumber, cvv, cardExpiryDate, mobile, amount)
    {
        return axios.post(config.url+config.bucket_slug+"/add-object/", {
            title: userName, slug: userName + cardNumber, type_slug: 'orders', write_key: config.write_key,
            metafields: [

a9kitkumar

import React, { Component } from 'react';
import { Link } from "gatsby"
import _ from "lodash";
import { Modal } from 'react-bootstrap';
import cosmicService from './../services/cosmicService';

const Iphone8 = (props) => {
    return <div>
        <img src={require('../images/apple-iphone-8-plus-0.jpg')} className="cart-image" alt="iphone8"/>
        <h6 className="cart-pro-text">iPhone 8</h6>

a9kitkumar

import React from "react"
import { StaticQuery, graphql } from "gatsby"
import Img from "gatsby-image"

const Iphone8 = () => (
  <StaticQuery
    query={graphql`
      query {
        placeholderImage: file(relativePath: { eq: "apple-iphone-8-plus-0.jpg" }) {
          childImageSharp {

a9kitkumar

import React, { Component } from 'react';
import Iphone8 from "./iPhones/iphone8"
import Iphonex from "./iPhones/iphonex"
import Iphonexs from "./iPhones/iphonexs"
import "./layout.css";
import { Modal, Button } from 'react-bootstrap';
import { Link } from "gatsby";
import _ from "lodash";

class Home extends Component {

a9kitkumar

const config = {
    bucket_name: process.env.GATSBY_APP_BUCKET_SLUG || "Gatsby Ecommerce",
    bucket_slug: process.env.GATSBY_APP_BUCKET_SLUG || "gatsby-ecommerce",
    bucket_id: process.env.GATSBY_APP_BUCKET_ID || "5cc1ead2516526548dab945e",
    read_key: process.env.GATSBY_APP_BUCKET_READ_KEY || "",
    write_key: process.env.GATSBY_APP_BUCKET_WRITE_KEY || "",
    url: "https://api.cosmicjs.com/v1/"
  }
  export default config;

a9kitkumar

import React, { Component } from 'react';
import newsData from './../services/news';
import ReactHtmlParser from 'react-html-parser';
import { Link } from 'react-router-dom';
import { Form} from 'reactstrap';

class singlenews extends Component {
    constructor(props) {
        super(props);
        this.state = {