+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{news.Title}
+
+ {util.htmlParse(news.Description||'')}
+
+
+ {(navigation.length>0)?(
+
+ {nav}
+
+ ):""
+ }
+
+
+
+
+
+
+ {/*
+
+
+
{news.Title}
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+
+
+ Admin August 15, 2021
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...
+
+
+
+ Read Story
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Admin August 18, 2021
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...
+
+
+
+ Read Story
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Admin August 15, 2021
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...
+
+
+
+ Read Story
+
+
+
+
+
+
+ */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/*
*/}
+
+
+ )
+}
+
+export default NewsDetails;
\ No newline at end of file
diff --git a/components/Common/new/NewsList.js b/components/Common/new/NewsList.js
new file mode 100644
index 0000000..96ae3f1
--- /dev/null
+++ b/components/Common/new/NewsList.js
@@ -0,0 +1,111 @@
+import Link from "next/link";
+import * as Icon from 'react-feather';
+
+
+const NewsList = ({company,news,pages,current})=>{
+ if(news&&news.length>0){
+ const pagination = ()=>{
+ var paging = [];
+ for(var i=1;i<=pages;i++){
+ paging.push(
+
+ {i}
+
+ );
+ }
+ return paging;
+ };
+ const listNews = news.map((data,idx)=>{
+ return(
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
);
+ });
+ return(
+
+
+
+ {listNews}
+ {/* Pagination */}
+
+
+
+
+ {(current!='1')?(Prev
+ Next
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+ }
+ else{
+ return (
+
+
Belum ada berita untuk saat ini. Tunggu berita selanjutnya dari kami ya!
+ );
+ }
+
+
+};
+
+export default NewsList;
\ No newline at end of file
diff --git a/components/Common/new/ProductDetails.js b/components/Common/new/ProductDetails.js
new file mode 100644
index 0000000..99b72e1
--- /dev/null
+++ b/components/Common/new/ProductDetails.js
@@ -0,0 +1,417 @@
+import React, { useState } from 'react'
+
+//component
+import PageBanner from '@/components/Common/PageBanner';
+import * as Icon from 'react-feather'
+import { useSelector, useDispatch } from 'react-redux'
+import { useRouter } from 'next/router'
+import { useToasts } from 'react-toast-notifications'
+
+//addon library
+import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs';
+resetIdCounter();
+
+import dynamic from 'next/dynamic'
+const OwlCarousel = dynamic(import('react-owl-carousel3'))
+
+//library yarn
+import NumberFormat from 'react-number-format';
+import util from '../../../lib/util';
+
+//sweet alert
+import swal from 'sweetalert';
+
+const options = {
+ loop: true,
+ nav: true,
+ dots: false,
+ autoplay: true,
+ items: 1,
+ smartSpeed: 1000,
+ autoplayTimeout: 5000,
+ navText: [
+ "
",
+ "
"
+ ],
+};
+
+const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
+ const [formValue, setFormValue] = React.useState({
+ product_img: "",
+ product_name: "",
+ product_color: "",
+ product_price: "",
+ product_parts:"",
+ });
+
+ const [OTRProduct, setProductOTR] = useState((detailproduct.Product_prices.data&&detailproduct.Product_prices.data.length==1)?detailproduct.Product_prices.data[0].attributes.Price:'');
+
+ const router = useRouter();
+ const [displayOwl, setDisplay] = React.useState(false);
+
+ React.useEffect(() => {
+ setDisplay(true);
+ }, [])
+
+ return (
+ <>
+
+
+
+
+
+ {(displayOwl)?
+ {(detailproduct.Image.data)?detailproduct.Image.data.map((option,idx) => (
+ :''}
+
+
+
+
+
+ {detailproduct.Name}
+
+
+
+
+ {/*
+
+
+
+
+ */}
+
+ {/*
{this.state.selectedOption}
*/}
+
+ {/*
*/}
+
+ {/*
+ Availability: {detailproduct.Stock}
+
*/}
+
+
+ {/*
+
Metode Pembayaran :
+
+
+
*/}
+
+ {/*
*/}
+
+
+
+
+
+
+
+ Deskripsi
+ {/* Info Penting */}
+ {
+ (detailproduct.Category.data && detailproduct.Category.data.attributes.Name == "Unit")
+ ? Spesifikasi
+ : ""
+ }
+ {/* Review */}
+
+
+
+
+
{util.htmlParse(detailproduct.Description)}
+
+
+ {/*
+
+
+
Informasi mengenai prosedur pengiriman, pembelian dan dokumen
+
+ Kota Palembang, Kayu Agung, Prabumulih, Pangkalan Balai, Betung : 2-3 hari kerja*
+ Untuk daerah Sungsang/daerah lain yang menggunakan kapal motor, maka motor diantar sampai di dermaga sesuai dengan jadwal yang diinformasikan
+ Sekayu, Babat Toman, Pendopo, Baturaja, Martapura, Muara Dua, Lahat, Tanjung Enim, Tugu Mulyo, Belitang : 4-5 hari kerja*
+ Lubuk Linggau, Curup, Pagar Alam : 6-7 hari kerja*
+
+
+
Harga
+
+ Harga OTR sudah termasuk biaya pengiriman dan BBN, kecuali tambahan pengenaan pajak progresif kepemilikan kendaraan bermotor (sesuai dengan peraturan yang telah ditetapkan oleh pemerintah)
+ Harga OTR diatas berlaku untuk KTP domisili PALEMBANG, OGAN ILIR, dan BANYUASIN, diluar wilayah tersebut harap menghubungi kami untuk konfirmasi harga.
+ Harga OTR sewaktu-waktu dapat berubah.
+ Proses pemesanan sepeda motor tidak dapat dibatalkan dan warna yang sudah dipesan tidak dapat diubah.
+ Proses pemesanan yang terkait waktu pengiriman produk dan kelengkapan dokumen yang dibutuhkan untuk pembuatan STNK dan BPKB akan diinformasikan oleh pihak Dealer.
+ Proses pengiriman sepeda motor akan dilakukan setelah pelunasan transaksi dan dokumen yang dibutuhkan telah lengkap.
+
+
+
Dokumen
+
+ Proses pembuatan STNK setelah KTP diterima oleh pihak dealer adalah 19-25 hari kerja*.
+ Proses pembuatan BPKB adalah 3-4 bulan.
+ STNK dan BPKB wajib diambil sendiri oleh pihak yang bersangkutan sesuai dengan identitas yang tertera STNK di dealer yang ditunjuk.
+ Untuk proses pembuatan STNK dan BPKB sepenuhnya menjadi tanggung jawab dealer terkait.
+ Buku servis diterima bersamaan dengan pengiriman sepeda motor.
+
+
+
*tidak termasuk Sabtu dan Minggu.
+
+
*/}
+
+
+
+
+ Spesifikasi Mesin
+ {util.htmlParse(detailproduct.Machine)}Spesifikasi Dimensi
+ {util.htmlParse(detailproduct.Dimension)}Spesifikasi Rangka
+ {util.htmlParse(detailproduct.Structure)}Spesifikasi Kelistrikan
+ {util.htmlParse(detailproduct.Voltage)}
+
+
+ {/*
+
+
Customer Reviews
+
There are no reviews yet.
+
+
+
*/}
+
+
+
+
+
+
+
+ )
+}
+
+export default ProductDetails;
\ No newline at end of file
diff --git a/components/Common/new/Sales.js b/components/Common/new/Sales.js
new file mode 100644
index 0000000..ae33ffd
--- /dev/null
+++ b/components/Common/new/Sales.js
@@ -0,0 +1,79 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const Sales = function ({ company, sales, ...props }) {
+
+ const DataSales = sales.map((data) => {
+ return (
+
+
+
+
+
+
+ {(data.Name)?(data.Name.length>20)?data.Name.substring(0,20):data.Name:''} Sales Consultant
+
+
+
+ {/*
+
+
+
+
+
+
+
+
+ */}
+
+
+
Details
+
+
+
+
+ )
+ })
+ return (
+
+
+
+
Mercedes Benz Sales
+
+
+
+
+ {DataSales}
+
+
+
+ )
+}
+
+export default Sales;
\ No newline at end of file
diff --git a/components/Common/new/Sales_Detail.js b/components/Common/new/Sales_Detail.js
new file mode 100644
index 0000000..3f8c00f
--- /dev/null
+++ b/components/Common/new/Sales_Detail.js
@@ -0,0 +1,90 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+import { FaWhatsapp } from "react-icons/fa";
+import { FaRegEnvelope } from "react-icons/fa";
+import { FaPhoneAlt } from "react-icons/fa";
+
+const Sales = function ({ sales, ...props }) {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
{sales.Name}
+
Sales Consultant
+
+
+
+
+
+
+
+
+
+
+
+ {sales.Telp}
+
+
+
+
+ {sales.Email}
+
+
+
+
+ {sales.Company.data?sales.Company.data.attributes.Name:''}
+
+
+
+
+ {(sales.Company.data?sales.Company.data.attributes.Website:'thamrin.mercedes-benz.co.id')}
+
+
+
+
+
+
+ )
+}
+
+export default Sales;
\ No newline at end of file
diff --git a/components/Common/new/SparepartList.js b/components/Common/new/SparepartList.js
new file mode 100644
index 0000000..57d345d
--- /dev/null
+++ b/components/Common/new/SparepartList.js
@@ -0,0 +1,236 @@
+import React from 'react'
+import * as Icon from 'react-feather'
+import { useSelector } from 'react-redux'
+import Select from 'react-select';
+import Router from 'next/router';
+import Link from 'next/link';
+
+//addon library
+import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs';
+resetIdCounter();
+
+//yarn library
+import NumberFormat from 'react-number-format';
+
+const SparepartList = function ({ company,category,page,selected,products, ...props }) {
+ // const handleName = values => {
+ // Router.push({
+ // pathname: '/${company}/product/Sparepart?c='+(company||''),
+ // query: (values && values.length != 0) ? { filter: values["name"] } : {},
+ // })
+ // }
+
+ category = category.map((i)=>i.replace(' ','_'));
+ const pagination = (type,pages)=>{
+ var paging = [];
+ var current = (selected==type)?page:1;
+ for(var i=1;i<=pages;i++){
+ paging.push(
+
+ {i}
+
+ );
+ }
+
+ return (
+
+
+
+
+
+ {(current!='1')?(
+ Prev
+ ):""}
+ {paging}
+ {(current!=pages)?
+ Next
+ :""}
+
+
+
+
+
+ );
+ };
+
+ const productGrid = function(product){
+ if(product){
+ return product.map((data) => {
+ return (
+
+
+
+
+
+
+
+
+
+
+ 0?data.attributes.Product_prices.data[0].attributes.Price:0 *( 1- data.discount)} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />
+
+
+
+
+
+ 0?data.attributes.Product_prices.data[0].attributes.Price:0} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />
+
+
+
+
+
Detail Product
+
+
+
+
+ );
+ });
+ }
+ else return(
+
+
Belum ada produk untuk saat ini. Tunggu berita selanjutnya dari kami ya! );
+ }
+
+ return (
+
+
+
+
+
+ {/*
+ i.id == selected) : null}
+ getOptionLabel={option => `${option.name}`}
+ getOptionValue={option => option.id}
+ options={ygp}
+ isSearchable
+ isMulti
+ isClearable
+ instanceId="name"
+ placeholder="Cari Produk"
+ onChange={values => handleName(values)}
+ />
+
*/}
+
+
+
+
+
+
+
+ {category.map((i)=>{
+ return ({i.replace(/\_/g,' ')} );
+ })}
+
+ {category.map((i,idx)=>{
+ return (
+
+
+
+
Showing {(((selected==i)?page:1)-1)*8+1}-{(((selected==i)?page:1)*8>products[i].meta.pagination.total)?products[i].meta.pagination.total:((selected==i)?page:1)*8} of {products[i].meta.pagination.total} results
+
+
+ {productGrid(products[i].data)}
+ {pagination(i.toLowerCase(),(products[i].meta)?products[i].meta.pagination.pageCount:1)}
+
+
+ );
+ })}
+ {/*
+
+ {YGP}
+ {pagination('ygp',ygp.meta.pagination.pageCount)}
+
+
+
+
+ {Yamalube}
+ {pagination('lube',yamalube.meta.pagination.pageCount)}
+
+
+
+
+ {Helmet}
+ {pagination('helmet',helmet.meta.pagination.pageCount)}
+
+
+
+
+ {Apparel}
+ {pagination('apparel',apparel.meta.pagination.pageCount)}
+
+
+
+
+ {Accessories}
+ {pagination('accessories',accessories.meta.pagination.pageCount)}
+
+ */}
+
+
+
+
+ {/*
+
+ {Product}
+
+ Pagination
+
+
*/}
+
+
+ )
+}
+
+export default SparepartList;
\ No newline at end of file
diff --git a/components/Common/new/UnitList.js b/components/Common/new/UnitList.js
new file mode 100644
index 0000000..bd624af
--- /dev/null
+++ b/components/Common/new/UnitList.js
@@ -0,0 +1,160 @@
+import React from 'react'
+import * as Icon from 'react-feather'
+import { useSelector } from 'react-redux'
+import NumberFormat from 'react-number-format';
+import Select from 'react-select';
+import Router from 'next/router';
+import Link from 'next/link';
+
+const ProductCards = function ({ company,total,selected, product,pages,current, backend, user, ...props }) {
+ // const products = useSelector((state) => state.products)
+ // const handleName = values => {
+ // Router.push({
+ // pathname: '/yamaha/product/motor',
+ // query: (values&&values.length!=0)?{ filter: values["name"] }:{},
+ // })
+ // }
+ if(product&&product.length>0){
+ const pagination = ()=>{
+ var paging = [];
+ for(var i=1;i<=pages;i++){
+ paging.push(
+
+ {i}
+
+ );
+ }
+ return paging;
+ };
+
+ const Product = product.map((data) => {
+ return (
+
+
+
+
+
+
+
+
+
+ {
+ (data.attributes.Product_prices.data.length==0)
+ ?"-"
+ :(data.attributes.Product_prices.data.length==1)
+ ?(
i.attributes.Price))} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /> )
+ :(
+
+ i.attributes.Price))} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />
+ {" s/d "}
+ i.attributes.Price))} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />
+
+ )
+ }
+ {/*
*/}
+
+
+
Detail Product
+
+
+
+
+ );
+ })
+ return (
+
+
+
+
+
+
+
Menampilkan {(current-1)*8+1}-{(current*8>total)?total:current*8} of {total} results
+
+
+
+
+ {/* i.id == selected) : null}
+ getOptionLabel={option => `${option.name}`}
+ getOptionValue={option => option.id}
+ options={product}
+ isClearable="true"
+ instanceId="name"
+ placeholder="Cari Produk"
+ onChange={values => handleName(values)}
+ /> */}
+
+
+
+
+
+
+ {Product}
+
+ {/* Pagination */}
+
+
+
+
+ {(current!='1')?(
+ Prev
+ ):""}
+ {pagination()}
+ {(current!=pages)?
+ Next
+ :""}
+
+
+
+
+
+
+
+ )
+ }
+ else{
+ return (
+
+
Belum ada produk yang terdaftar untuk saat ini. Tunggu berita selanjutnya dari kami ya!
+ );
+ }
+}
+
+export default ProductCards;
\ No newline at end of file
diff --git a/components/Company/AboutUs/AboutUs.js b/components/Company/AboutUs/AboutUs.js
new file mode 100644
index 0000000..577386f
--- /dev/null
+++ b/components/Company/AboutUs/AboutUs.js
@@ -0,0 +1,68 @@
+import React from 'react';
+import Partner from "@/components/Common/Partner";
+import Link from 'next/link';
+import util from '../../../lib/util';
+
+const About1 = ({info,company,img}) => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
Tentang Kami
+
{util.htmlParse(info)||
}
+
+
+
Visi
+
{util.htmlParse(company.Visi)||
}
+
+
+
Misi
+
+ {/* {util.htmlParse(misi)} */}
+ {util.htmlParse(company.Misi)||
}
+ {/*
+ 1. Melayani 21,7 juta pelanggan di tahun 2022
+
+
+ 2. Mengembangkan pemimpin yang sukses
+
+
+ 3. Mengelola proses administrasi yang simple & excellent
+
+
+ 4. Mendukung continuous improvement
+
*/}
+
+
+
+
+
+
+
+
+
+
+
Ingin Info Lebih Lanjut ?
+
Tanyakan Kepada Pihak Kami Untuk Info Lebih Lanjutnya
+
+
+
Contact Us
+
+
+
+
+
+ )
+}
+
+export default About1;
\ No newline at end of file
diff --git a/components/Company/ContactUs/ContactUs.js b/components/Company/ContactUs/ContactUs.js
new file mode 100644
index 0000000..7a0c8df
--- /dev/null
+++ b/components/Company/ContactUs/ContactUs.js
@@ -0,0 +1,40 @@
+import React from 'react';
+import * as Icon from 'react-feather';
+
+const ContactInfo = ({mail,phone}) => {
+ return (
+
+ )
+}
+
+export default ContactInfo;
\ No newline at end of file
diff --git a/components/Company/Footer.js b/components/Company/Footer.js
new file mode 100644
index 0000000..1ad3a86
--- /dev/null
+++ b/components/Company/Footer.js
@@ -0,0 +1,165 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const Footer = ({company,social,icon,desc}) => {
+ company = company||{};
+ const currentYear = new Date().getFullYear();
+ const Socials = (social)?social.map((data,idx)=>{
+ return(
+
+
+ );
+ }):"";
+
+ return (
+
+
+
+
+
+
+
+ {/*
*/}
+
+ {/*
*/}
+
+
+
+
+ {/*
Copyright © {currentYear} All Right Reserved by PT THAMRIN BROTHERS
*/}
+
Copyright © {currentYear} All Right Reserved by PT Citra Lestari Mobilindo
+
+
+
+
+
+
+
+
+
+
+ )
+
+}
+
+export default Footer;
\ No newline at end of file
diff --git a/components/Company/Header.js b/components/Company/Header.js
new file mode 100644
index 0000000..a90365c
--- /dev/null
+++ b/components/Company/Header.js
@@ -0,0 +1,250 @@
+import React, { useState } from "react";
+import Link from '@/utils/ActiveLink';
+import * as Icon from 'react-feather';
+
+export default function NavbarYamaha({ company,icon,username, ...props }) {
+ const [menu, setMenu] = React.useState(true)
+ const toggleNavbar = () => {
+ setMenu(!menu)
+ }
+
+ React.useEffect(() => {
+ let elementId = document.getElementById("header");
+ document.addEventListener("scroll", () => {
+ if (window.scrollY > 170) {
+ elementId.classList.add("is-sticky");
+ } else {
+ elementId.classList.remove("is-sticky");
+ }
+ });
+ window.scrollTo(0, 0);
+ })
+
+ const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+ const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+ return (
+
+ );
+}
\ No newline at end of file
diff --git a/components/Company/Home/Dealer.js b/components/Company/Home/Dealer.js
new file mode 100644
index 0000000..30c0c19
--- /dev/null
+++ b/components/Company/Home/Dealer.js
@@ -0,0 +1,56 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const Dealers = function ({ title,backend, dealers, ...props }) {
+ const ListDealer = (dealers)?dealers.map((data,idx) => {
+ try{
+ if(data.attributes.Gmap && data.attributes.Gmap[0]=='<'){
+ var span = document.createElement('span');
+ span.innerHTML = data.attributes.Gmap;
+ data.attributes.Gmap = span.textContent || span.innerText;
+ }
+ }
+ catch(e){
+
+ }
+ return (
+
+
+
+
+
+
+
{data.attributes.Name} - {data.attributes.Kota}
+
{data.attributes.Telp}
+
{data.attributes.Address}
+
+
+
+
+ View Location
+
+
+
+
+ );
+ }):"";
+ return (
+
+ );
+}
+
+export default Dealers;
\ No newline at end of file
diff --git a/components/Company/Home/FeatureProduct.js b/components/Company/Home/FeatureProduct.js
new file mode 100644
index 0000000..a5489ed
--- /dev/null
+++ b/components/Company/Home/FeatureProduct.js
@@ -0,0 +1,192 @@
+// import React, { Component } from 'react';
+// import Masonry from 'react-masonry-component';
+// import Link from 'next/link';
+
+// const masonryOptions = {
+// transitionDuration: 0
+// };
+
+// export class Projects extends Component {
+// render() {
+// const images = this.props.images.map((image, idx) => {
+// return (
+//
+//
+//
+
+//
+// {image.category}
+//
{image.title}
+//
+
+//
+//
+//
+//
+//
+// )
+// })
+// return (
+//
+//
+//
+//
Our Latest Projects
+//
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+//
+
+//
+// {images}
+//
+//
+//
+// );
+// }
+// }
+
+// Projects.defaultProps = {
+// images: [
+// {
+// image: "/images/Home/gallery/1.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// {
+// image: "/images/Home/gallery/2.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// {
+// image: "/images/Home/gallery/3.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// {
+// image: "/images/Home/gallery/4.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// {
+// image: "/images/Home/gallery/5.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// {
+// image: "/images/Home/gallery/6.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// {
+// image: "/images/Home/gallery/7.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// {
+// image: "/images/Home/gallery/8.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// {
+// image: "/images/Home/gallery/9.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// ]
+// }
+
+// export default Projects;
+
+import React from 'react';
+import Link from 'next/link';
+import dynamic from 'next/dynamic';
+const OwlCarousel = dynamic(import('react-owl-carousel3'));
+
+const options = {
+ loop: true,
+ nav: false,
+ dots: true,
+ autoplay: true,
+ smartSpeed: 1000,
+ margin: 30,
+ autoplayTimeout: 5000,
+ responsive: {
+ 0:{
+ items: 1,
+ },
+ 576:{
+ items: 2,
+ },
+ 768:{
+ items: 2,
+ },
+ 1024:{
+ items: 3,
+ },
+ 1200:{
+ items: 4,
+ }
+ },
+}
+
+const Projects = ({company,featuredProduct}) => {
+ const [display, setDisplay] = React.useState(false);
+
+ React.useEffect(() => {
+ setDisplay(true);
+ }, [])
+
+ const ListImage = featuredProduct.map((data)=>{
+ return(
+
+
+
+ );
+ });
+
+ return (featuredProduct)?(
+
+
+
+
{(company)?company[0]+company.substring(1):'Yamaha'} Featured Motor Product
+
+
+
+
+
+ {display ?
+ {ListImage}
+ : ''}
+
+
+ {/* Shape Images */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ):"";
+}
+
+export default Projects;
\ No newline at end of file
diff --git a/components/Company/Home/MainBanner.js b/components/Company/Home/MainBanner.js
new file mode 100644
index 0000000..e93b68e
--- /dev/null
+++ b/components/Company/Home/MainBanner.js
@@ -0,0 +1,37 @@
+import React from 'react';
+import Link from 'next/link';
+
+const MainBanner = () => {
+ return (
+
+
+
+
+
+
+
+
Exclusif Motor Untuk Anda
+
PT.Thamrin Brother's Yamaha merupakan sebuah bisnis company dari Thamrin Group yang bergerak dalam bidang penjualan produk Motor dan Sparepart Yamaha
+
+
+
Get Started
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default MainBanner
\ No newline at end of file
diff --git a/components/Company/Home/OurServices.js b/components/Company/Home/OurServices.js
new file mode 100644
index 0000000..e69d4b4
--- /dev/null
+++ b/components/Company/Home/OurServices.js
@@ -0,0 +1,64 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const OurServices = () => {
+ return (
+
+
+
+
Yamaha 3S Service
+
+
Yamaha 3S Service merupakan pelayanan dari Yamaha untuk meningkatkan kupuasan pelanggan Yamaha
+
+
+
+
+
+
+
+
+
Selling
+
+
+
+
+
+
+
+
+
+
+
+
Services
+ {/*
Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.
*/}
+
+
+
+
+
+
+
+
+
+
+
+
+
Sparepart
+ {/*
Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.
*/}
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default OurServices;
diff --git a/components/Company/Home/Summary.js b/components/Company/Home/Summary.js
new file mode 100644
index 0000000..5cf02bb
--- /dev/null
+++ b/components/Company/Home/Summary.js
@@ -0,0 +1,60 @@
+import React from 'react';
+import Link from 'next/link';
+
+const FunFactsArea = () => {
+ return (
+
+
+
+
Total Penjualan, Service & Dealer Yamaha
+
+
+
+
+
+
+
200
+
Product Motor Terjual
+
+
+
+
+
+
+
+
800+
+
Sparepart Terjual
+
+
+
+
+
+
30
+
Dealers yang tersebar di Sumsel & Bengkulu
+
+
+
+
+
+
Punya Pertanyaan ?
+
Segera Hubungi Kami
+
+
+
Hubungi Kami
+
+
+
+
+
+
+
+
+ )
+}
+
+export default FunFactsArea;
\ No newline at end of file
diff --git a/components/Company/Home/Testimoni.js b/components/Company/Home/Testimoni.js
new file mode 100644
index 0000000..9fb2826
--- /dev/null
+++ b/components/Company/Home/Testimoni.js
@@ -0,0 +1,227 @@
+import React from 'react';
+import Slider from "react-slick";
+import * as Icon from 'react-feather';
+
+const NextArrow = (props) => {
+ const { onClick } = props;
+ return (
+
+
+ );
+}
+
+const PrevArrow = (props) => {
+ const { onClick } = props;
+ return (
+
+
+ );
+}
+
+class Feedback extends React.Component {
+ state = {
+ imagesSlider: null,
+ thumbnailsSlider: null,
+ oldSlide: 0,
+ activeSlide: 0,
+ activeSlide2: 0
+ };
+
+ componentDidMount() {
+ this.setState({
+ imagesSlider: this.slider1,
+ thumbnailsSlider: this.slider2
+ });
+ }
+
+ renderSliderFullContent = () => {
+ return DEFAULT_PROPS.map(({name,profession,image,content}) => {
+ return (
+
+
+
+
+
+
+
+
{name}
+
{profession}
+
{content}
+
+
+
+ )
+ })
+ }
+
+ renderSliderImages = () => {
+ return DEFAULT_PROPS.map(({name, image}) => {
+ return (
+
+
+
+
+
+
+
+ )
+ })
+ }
+
+ render() {
+ const sliderSettings1 = {
+ speed: 100,
+ slidesToShow: 1,
+ slidesToScroll: 1,
+ cssEase: 'linear',
+ fade: true,
+ autoplay: true,
+ draggable: true,
+ asNavFor: this.state.thumbnailsSlider,
+ draggable: false,
+ arrows: false,
+ nextArrow: false,
+ prevArrow: false
+ }
+
+ const sliderSettings2 = {
+ speed: 300,
+ slidesToShow: 5,
+ slidesToScroll: 1,
+ cssEase: 'linear',
+ autoplay: true,
+ centerMode: true,
+ draggable: false,
+ focusOnSelect: true,
+ asNavFor: this.state.imagesSlider,
+ nextArrow:
,
+ prevArrow:
,
+ beforeChange: (current, next) => this.setState({ oldSlide: current, activeSlide: next }),
+ afterChange: current => this.setState({ activeSlide2: current })
+ }
+
+ return (
+
+
+
+
Testimoni Customer Yamaha
+
+
+
+
+
+
+ (this.slider1 = slider)}
+ {...sliderSettings1}
+ >
+ {
+ this.renderSliderFullContent()
+ }
+
+
+
+
+
+
+ (this.slider2 = slider)}
+ {...sliderSettings2}
+ >
+ {
+ this.renderSliderImages()
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+ }
+}
+
+const DEFAULT_PROPS = [
+ {
+ name: 'David Gale',
+ profession: 'Web Developer',
+ image: '/images/client-image/client2.jpg',
+ content: 'Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+ },
+ {
+ name: 'Matt Damon',
+ profession: 'Software Engineer',
+ image: '/images/client-image/client4.jpg',
+ content: 'Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+ },
+ {
+ name: 'Nicky Parsons',
+ profession: 'Fictional Character',
+ image: '/images/client-image/client1.jpg',
+ content: 'Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+ },
+ {
+ name: 'Jason Momoa',
+ profession: 'American Actor',
+ image: '/images/client-image/client5.jpg',
+ content: 'Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+ },
+ {
+ name: 'Gennady Korotkevich',
+ profession: 'Sport Programmer',
+ image: '/images/client-image/client3.jpg',
+ content: 'Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+ },
+ {
+ name: 'Petr Mitrichev',
+ profession: 'Russian Programmer',
+ image: '/images/client-image/client3.jpg',
+ content: 'Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+ },
+ {
+ name: 'Reid W. Barton',
+ profession: 'Mathematics',
+ image: '/images/client-image/client2.jpg',
+ content: 'Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+ },
+ {
+ name: 'Lisa Sauermann',
+ profession: 'Mathematician',
+ image: '/images/client-image/client1.jpg',
+ content: 'Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+ }
+];
+
+export default Feedback;
diff --git a/components/Company/LatestNews/LatestNews.js b/components/Company/LatestNews/LatestNews.js
new file mode 100644
index 0000000..a6ec520
--- /dev/null
+++ b/components/Company/LatestNews/LatestNews.js
@@ -0,0 +1,146 @@
+import React from 'react';
+import * as Icon from 'react-feather';
+import Link from 'next/link';
+
+const News = function ({ backend, news, othernews, ...props }) {
+
+ const NewsList = news.map((data) => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+ })
+
+ const PopularNews = othernews.map((data) => {
+ return (
+
+
+
+
+
+
+
+
{data.published_at}
+
+
+
+ )
+ })
+ return (
+
+
+
+
+
+
+
+ {NewsList}
+
+ {/* Pagination */}
+
+
+
+
+
+
+
+
+
+
+ {PopularNews}
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default News;
\ No newline at end of file
diff --git a/components/Company/LatestNews/LatestNewsDetail.js b/components/Company/LatestNews/LatestNewsDetail.js
new file mode 100644
index 0000000..9508eab
--- /dev/null
+++ b/components/Company/LatestNews/LatestNewsDetail.js
@@ -0,0 +1,137 @@
+import React from 'react';
+import PageBanner from '@/components/Common/PageBanner';
+import * as Icon from 'react-feather';
+import Link from 'next/link';
+
+import ReactHtmlParser from "react-html-parser";
+
+const News = function ({ backend, news, othernews, ...props }) {
+
+ const NewsList = news.map((data) => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
{data.title}
+
+
{ReactHtmlParser(data.description)}
+
+ {/*
+ It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
+
+ Tom Cruise
+ */}
+
+
+
+
+
+ )
+ })
+
+ const PopularNews = othernews.map((data) => {
+ return (
+
+
+
+
+
+
+
+
{data.published_at}
+
+
+
+ )
+ })
+ return (
+
+
+
+
+
+
+
+
+ {NewsList}
+
+
+
+
+
+
+
+
+ {PopularNews}
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default News;
\ No newline at end of file
diff --git a/components/Company/Login.js b/components/Company/Login.js
new file mode 100644
index 0000000..ee34955
--- /dev/null
+++ b/components/Company/Login.js
@@ -0,0 +1,68 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const Login = function ({ backend, dealers, ...props }) {
+ return (
+
+
+
+
+
+
+
Tidak Punya Akun ? Silahkan
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Login;
\ No newline at end of file
diff --git a/components/Company/Product/Accessories_Detail.js b/components/Company/Product/Accessories_Detail.js
new file mode 100644
index 0000000..f6bdced
--- /dev/null
+++ b/components/Company/Product/Accessories_Detail.js
@@ -0,0 +1,345 @@
+import React from 'react'
+
+//component
+import PageBanner from '@/components/Common/PageBanner';
+import * as Icon from 'react-feather'
+import { useSelector, useDispatch } from 'react-redux'
+import { useRouter } from 'next/router'
+import { useToasts } from 'react-toast-notifications'
+
+//addon library
+import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs';
+resetIdCounter();
+
+import dynamic from 'next/dynamic'
+const OwlCarousel = dynamic(import('react-owl-carousel3'))
+
+//library yarn
+import NumberFormat from 'react-number-format';
+import ReactHtmlParser from "react-html-parser";
+
+//sweet alert
+import swal from 'sweetalert';
+
+const options = {
+ loop: true,
+ nav: true,
+ dots: false,
+ autoplay: true,
+ items: 1,
+ smartSpeed: 1000,
+ autoplayTimeout: 5000,
+ navText: [
+ "
",
+ "
"
+ ],
+};
+
+const ProductDetails = function ({ detailaccessories, backend, user, ...props }) {
+
+ const [formValue, setFormValue] = React.useState({
+ product_img: "",
+ product_name: "",
+ product_color: "",
+ product_price: "",
+ });
+
+ const router = useRouter();
+
+ const MotorDetail = detailaccessories.map((data) => {
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
{data.name}
+
+
+
+
+
+
+
+
+
+
+ Availability: {data.stock}
+
+
+
+
+
Metode Pembayaran :
+
+
+
+
+
+
+
+
+
+
+
+
+ Deskripsi
+ Info Penting
+ {/* Review */}
+
+
+
+
+
{ReactHtmlParser(data.description)}
+
+
+
+
+
+
Informasi mengenai prosedur pengiriman, pembelian dan dokumen
+
+ Kota Palembang, Kayu Agung, Prabumulih, Pangkalan Balai, Betung : 2-3 hari kerja*
+ Untuk daerah Sungsang/daerah lain yang menggunakan kapal motor, maka motor diantar sampai di dermaga sesuai dengan jadwal yang diinformasikan
+ Sekayu, Babat Toman, Pendopo, Baturaja, Martapura, Muara Dua, Lahat, Tanjung Enim, Tugu Mulyo, Belitang : 4-5 hari kerja*
+ Lubuk Linggau, Curup, Pagar Alam : 6-7 hari kerja*
+
+
+
Harga
+
+ Harga OTR sudah termasuk biaya pengiriman dan BBN, kecuali tambahan pengenaan pajak progresif kepemilikan kendaraan bermotor (sesuai dengan peraturan yang telah ditetapkan oleh pemerintah)
+ Harga OTR diatas berlaku untuk KTP domisili PALEMBANG, OGAN ILIR, dan BANYUASIN, diluar wilayah tersebut harap menghubungi kami untuk konfirmasi harga.
+ Harga OTR sewaktu-waktu dapat berubah.
+ Proses pemesanan sepeda motor tidak dapat dibatalkan dan warna yang sudah dipesan tidak dapat diubah.
+ Proses pemesanan yang terkait waktu pengiriman produk dan kelengkapan dokumen yang dibutuhkan untuk pembuatan STNK dan BPKB akan diinformasikan oleh pihak Dealer.
+ Proses pengiriman sepeda motor akan dilakukan setelah pelunasan transaksi dan dokumen yang dibutuhkan telah lengkap.
+
+
+
Dokumen
+
+ Proses pembuatan STNK setelah KTP diterima oleh pihak dealer adalah 19-25 hari kerja*.
+ Proses pembuatan BPKB adalah 3-4 bulan.
+ STNK dan BPKB wajib diambil sendiri oleh pihak yang bersangkutan sesuai dengan identitas yang tertera STNK di dealer yang ditunjuk.
+ Untuk proses pembuatan STNK dan BPKB sepenuhnya menjadi tanggung jawab dealer terkait.
+ Buku servis diterima bersamaan dengan pengiriman sepeda motor.
+
+
+
*tidak termasuk Sabtu dan Minggu.
+
+
+
+ {/*
+
+
Customer Reviews
+
There are no reviews yet.
+
+
+
*/}
+
+
+
+
+
+
+
+ );
+ })
+
+ return (
+ <>
+ {MotorDetail}
+
+ )
+}
+
+export default ProductDetails;
\ No newline at end of file
diff --git a/components/Company/Product/Apparel_Detail.js b/components/Company/Product/Apparel_Detail.js
new file mode 100644
index 0000000..7747156
--- /dev/null
+++ b/components/Company/Product/Apparel_Detail.js
@@ -0,0 +1,345 @@
+import React from 'react'
+
+//component
+import PageBanner from '@/components/Common/PageBanner';
+import * as Icon from 'react-feather'
+import { useSelector, useDispatch } from 'react-redux'
+import { useRouter } from 'next/router'
+import { useToasts } from 'react-toast-notifications'
+
+//addon library
+import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs';
+resetIdCounter();
+
+import dynamic from 'next/dynamic'
+const OwlCarousel = dynamic(import('react-owl-carousel3'))
+
+//library yarn
+import NumberFormat from 'react-number-format';
+import ReactHtmlParser from "react-html-parser";
+
+//sweet alert
+import swal from 'sweetalert';
+
+const options = {
+ loop: true,
+ nav: true,
+ dots: false,
+ autoplay: true,
+ items: 1,
+ smartSpeed: 1000,
+ autoplayTimeout: 5000,
+ navText: [
+ "
",
+ "
"
+ ],
+};
+
+const ProductDetails = function ({ detailapparel, backend, user, ...props }) {
+
+ const [formValue, setFormValue] = React.useState({
+ product_img: "",
+ product_name: "",
+ product_color: "",
+ product_price: "",
+ });
+
+ const router = useRouter();
+
+ const MotorDetail = detailapparel.map((data) => {
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
{data.name}
+
+
+
+
+
+
+
+
+
+
+ Availability: {data.stock}
+
+
+
+
+
Metode Pembayaran :
+
+
+
+
+
+
+
+
+
+
+
+
+ Deskripsi
+ Info Penting
+ {/* Review */}
+
+
+
+
+
{ReactHtmlParser(data.description)}
+
+
+
+
+
+
Informasi mengenai prosedur pengiriman, pembelian dan dokumen
+
+ Kota Palembang, Kayu Agung, Prabumulih, Pangkalan Balai, Betung : 2-3 hari kerja*
+ Untuk daerah Sungsang/daerah lain yang menggunakan kapal motor, maka motor diantar sampai di dermaga sesuai dengan jadwal yang diinformasikan
+ Sekayu, Babat Toman, Pendopo, Baturaja, Martapura, Muara Dua, Lahat, Tanjung Enim, Tugu Mulyo, Belitang : 4-5 hari kerja*
+ Lubuk Linggau, Curup, Pagar Alam : 6-7 hari kerja*
+
+
+
Harga
+
+ Harga OTR sudah termasuk biaya pengiriman dan BBN, kecuali tambahan pengenaan pajak progresif kepemilikan kendaraan bermotor (sesuai dengan peraturan yang telah ditetapkan oleh pemerintah)
+ Harga OTR diatas berlaku untuk KTP domisili PALEMBANG, OGAN ILIR, dan BANYUASIN, diluar wilayah tersebut harap menghubungi kami untuk konfirmasi harga.
+ Harga OTR sewaktu-waktu dapat berubah.
+ Proses pemesanan sepeda motor tidak dapat dibatalkan dan warna yang sudah dipesan tidak dapat diubah.
+ Proses pemesanan yang terkait waktu pengiriman produk dan kelengkapan dokumen yang dibutuhkan untuk pembuatan STNK dan BPKB akan diinformasikan oleh pihak Dealer.
+ Proses pengiriman sepeda motor akan dilakukan setelah pelunasan transaksi dan dokumen yang dibutuhkan telah lengkap.
+
+
+
Dokumen
+
+ Proses pembuatan STNK setelah KTP diterima oleh pihak dealer adalah 19-25 hari kerja*.
+ Proses pembuatan BPKB adalah 3-4 bulan.
+ STNK dan BPKB wajib diambil sendiri oleh pihak yang bersangkutan sesuai dengan identitas yang tertera STNK di dealer yang ditunjuk.
+ Untuk proses pembuatan STNK dan BPKB sepenuhnya menjadi tanggung jawab dealer terkait.
+ Buku servis diterima bersamaan dengan pengiriman sepeda motor.
+
+
+
*tidak termasuk Sabtu dan Minggu.
+
+
+
+ {/*
+
+
Customer Reviews
+
There are no reviews yet.
+
+
+
*/}
+
+
+
+
+
+
+
+ );
+ })
+
+ return (
+ <>
+ {MotorDetail}
+
+ )
+}
+
+export default ProductDetails;
\ No newline at end of file
diff --git a/components/Company/Product/Helmet_Detail.js b/components/Company/Product/Helmet_Detail.js
new file mode 100644
index 0000000..0e33ba0
--- /dev/null
+++ b/components/Company/Product/Helmet_Detail.js
@@ -0,0 +1,345 @@
+import React from 'react'
+
+//component
+import PageBanner from '@/components/Common/PageBanner';
+import * as Icon from 'react-feather'
+import { useSelector, useDispatch } from 'react-redux'
+import { useRouter } from 'next/router'
+import { useToasts } from 'react-toast-notifications'
+
+//addon library
+import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs';
+resetIdCounter();
+
+import dynamic from 'next/dynamic'
+const OwlCarousel = dynamic(import('react-owl-carousel3'))
+
+//library yarn
+import NumberFormat from 'react-number-format';
+import ReactHtmlParser from "react-html-parser";
+
+//sweet alert
+import swal from 'sweetalert';
+
+const options = {
+ loop: true,
+ nav: true,
+ dots: false,
+ autoplay: true,
+ items: 1,
+ smartSpeed: 1000,
+ autoplayTimeout: 5000,
+ navText: [
+ "
",
+ "
"
+ ],
+};
+
+const ProductDetails = function ({ detailhelmet, backend, user, ...props }) {
+
+ const [formValue, setFormValue] = React.useState({
+ product_img: "",
+ product_name: "",
+ product_color: "",
+ product_price: "",
+ });
+
+ const router = useRouter();
+
+ const MotorDetail = detailhelmet.map((data) => {
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
{data.name}
+
+
+
+
+
+
+
+
+
+
+ Availability: {data.stock}
+
+
+
+
+
Metode Pembayaran :
+
+
+
+
+
+
+
+
+
+
+
+
+ Deskripsi
+ Info Penting
+ {/* Review */}
+
+
+
+
+
{ReactHtmlParser(data.description)}
+
+
+
+
+
+
Informasi mengenai prosedur pengiriman, pembelian dan dokumen
+
+ Kota Palembang, Kayu Agung, Prabumulih, Pangkalan Balai, Betung : 2-3 hari kerja*
+ Untuk daerah Sungsang/daerah lain yang menggunakan kapal motor, maka motor diantar sampai di dermaga sesuai dengan jadwal yang diinformasikan
+ Sekayu, Babat Toman, Pendopo, Baturaja, Martapura, Muara Dua, Lahat, Tanjung Enim, Tugu Mulyo, Belitang : 4-5 hari kerja*
+ Lubuk Linggau, Curup, Pagar Alam : 6-7 hari kerja*
+
+
+
Harga
+
+ Harga OTR sudah termasuk biaya pengiriman dan BBN, kecuali tambahan pengenaan pajak progresif kepemilikan kendaraan bermotor (sesuai dengan peraturan yang telah ditetapkan oleh pemerintah)
+ Harga OTR diatas berlaku untuk KTP domisili PALEMBANG, OGAN ILIR, dan BANYUASIN, diluar wilayah tersebut harap menghubungi kami untuk konfirmasi harga.
+ Harga OTR sewaktu-waktu dapat berubah.
+ Proses pemesanan sepeda motor tidak dapat dibatalkan dan warna yang sudah dipesan tidak dapat diubah.
+ Proses pemesanan yang terkait waktu pengiriman produk dan kelengkapan dokumen yang dibutuhkan untuk pembuatan STNK dan BPKB akan diinformasikan oleh pihak Dealer.
+ Proses pengiriman sepeda motor akan dilakukan setelah pelunasan transaksi dan dokumen yang dibutuhkan telah lengkap.
+
+
+
Dokumen
+
+ Proses pembuatan STNK setelah KTP diterima oleh pihak dealer adalah 19-25 hari kerja*.
+ Proses pembuatan BPKB adalah 3-4 bulan.
+ STNK dan BPKB wajib diambil sendiri oleh pihak yang bersangkutan sesuai dengan identitas yang tertera STNK di dealer yang ditunjuk.
+ Untuk proses pembuatan STNK dan BPKB sepenuhnya menjadi tanggung jawab dealer terkait.
+ Buku servis diterima bersamaan dengan pengiriman sepeda motor.
+
+
+
*tidak termasuk Sabtu dan Minggu.
+
+
+
+ {/*
+
+
Customer Reviews
+
There are no reviews yet.
+
+
+
*/}
+
+
+
+
+
+
+
+ );
+ })
+
+ return (
+ <>
+ {MotorDetail}
+
+ )
+}
+
+export default ProductDetails;
\ No newline at end of file
diff --git a/components/Company/Product/Motor.js b/components/Company/Product/Motor.js
new file mode 100644
index 0000000..bc85c3d
--- /dev/null
+++ b/components/Company/Product/Motor.js
@@ -0,0 +1,138 @@
+import React from 'react'
+import Link from 'next/link'
+import * as Icon from 'react-feather'
+import { useSelector } from 'react-redux'
+import AddToCartBtn from '@/components/others/Shop/AddToCartBtn'
+import NumberFormat from 'react-number-format';
+import Select from 'react-select';
+import Router from 'next/router'
+
+const ProductCard = function ({ selected, product, backend, user, ...props }) {
+ const products = useSelector((state) => state.products)
+
+ const handleName = values => {
+ Router.push({
+ pathname: '/yamaha/Product/Motor',
+ query: (values&&values.length!=0)?{ filter: values["name"] }:{},
+ })
+ }
+
+ const Product = product.map((data) => {
+ return (
+
+
+
+
+
+
+
+
+
+
+ {
+ (data.attributes.Product_prices.data.length==0)
+ ?"-"
+ :(data.attributes.Product_prices.data.length==1)
+ ?(
i.attributes.Price))} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /> )
+ :(
+
+ i.attributes.Price))} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />
+ {" s/d "}
+ i.attributes.Price))} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />
+
+ )
+ }
+ {/*
*/}
+
+
+
Detail Product
+
+
+
+
+ );
+ })
+ return (
+
+
+
+
+
+
+
Showing 1-8 of 14 results
+
+
+
+
+ i.id == selected) : null}
+ getOptionLabel={option => `${option.name}`}
+ getOptionValue={option => option.id}
+ options={product}
+ isClearable="true"
+ instanceId="name"
+ placeholder="Cari Produk"
+ onChange={values => handleName(values)}
+ />
+
+
+
+
+
+
+ {Product}
+
+ {/* Pagination */}
+
+
+
+
+ )
+}
+
+export default ProductCard;
\ No newline at end of file
diff --git a/components/Company/Product/Motor_Detail.js b/components/Company/Product/Motor_Detail.js
new file mode 100644
index 0000000..9094d65
--- /dev/null
+++ b/components/Company/Product/Motor_Detail.js
@@ -0,0 +1,347 @@
+import React, { useState } from 'react'
+
+//component
+import PageBanner from '@/components/Common/PageBanner';
+import * as Icon from 'react-feather'
+import { useSelector, useDispatch } from 'react-redux'
+import { useRouter } from 'next/router'
+import { useToasts } from 'react-toast-notifications'
+
+//addon library
+import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs';
+resetIdCounter();
+
+import dynamic from 'next/dynamic'
+const OwlCarousel = dynamic(import('react-owl-carousel3'))
+
+//library yarn
+import NumberFormat from 'react-number-format';
+import util from '../../../lib/util';
+
+//sweet alert
+import swal from 'sweetalert';
+
+const options = {
+ loop: true,
+ nav: true,
+ dots: false,
+ autoplay: true,
+ items: 1,
+ smartSpeed: 1000,
+ autoplayTimeout: 5000,
+ navText: [
+ "
",
+ "
"
+ ],
+};
+
+const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
+ const [formValue, setFormValue] = React.useState({
+ product_img: "",
+ product_name: "",
+ product_color: "",
+ product_price: "",
+ });
+
+ const [OTRProduct, setProductOTR] = useState('');
+
+ const router = useRouter();
+
+ return (
+ <>
+
+
+
+
+
+
+ {detailproduct.Image.data.map((option) => (
+
+
+
+
+
+
+
+ {/*
+
+
+
+
+ */}
+
+ {/*
{this.state.selectedOption}
*/}
+
+
+
+
+ Availability: {detailproduct.Stock}
+
+
+
+
+
Metode Pembayaran :
+
+
+
+
+
+
+
+
+
+
+
+
+ Deskripsi
+ {/* Info Penting */}
+ Spesifikasi
+ {/* Review */}
+
+
+
+
+
{util.htmlParse(detailproduct.Description)}
+
+
+ {/*
+
+
+
Informasi mengenai prosedur pengiriman, pembelian dan dokumen
+
+ Kota Palembang, Kayu Agung, Prabumulih, Pangkalan Balai, Betung : 2-3 hari kerja*
+ Untuk daerah Sungsang/daerah lain yang menggunakan kapal motor, maka motor diantar sampai di dermaga sesuai dengan jadwal yang diinformasikan
+ Sekayu, Babat Toman, Pendopo, Baturaja, Martapura, Muara Dua, Lahat, Tanjung Enim, Tugu Mulyo, Belitang : 4-5 hari kerja*
+ Lubuk Linggau, Curup, Pagar Alam : 6-7 hari kerja*
+
+
+
Harga
+
+ Harga OTR sudah termasuk biaya pengiriman dan BBN, kecuali tambahan pengenaan pajak progresif kepemilikan kendaraan bermotor (sesuai dengan peraturan yang telah ditetapkan oleh pemerintah)
+ Harga OTR diatas berlaku untuk KTP domisili PALEMBANG, OGAN ILIR, dan BANYUASIN, diluar wilayah tersebut harap menghubungi kami untuk konfirmasi harga.
+ Harga OTR sewaktu-waktu dapat berubah.
+ Proses pemesanan sepeda motor tidak dapat dibatalkan dan warna yang sudah dipesan tidak dapat diubah.
+ Proses pemesanan yang terkait waktu pengiriman produk dan kelengkapan dokumen yang dibutuhkan untuk pembuatan STNK dan BPKB akan diinformasikan oleh pihak Dealer.
+ Proses pengiriman sepeda motor akan dilakukan setelah pelunasan transaksi dan dokumen yang dibutuhkan telah lengkap.
+
+
+
Dokumen
+
+ Proses pembuatan STNK setelah KTP diterima oleh pihak dealer adalah 19-25 hari kerja*.
+ Proses pembuatan BPKB adalah 3-4 bulan.
+ STNK dan BPKB wajib diambil sendiri oleh pihak yang bersangkutan sesuai dengan identitas yang tertera STNK di dealer yang ditunjuk.
+ Untuk proses pembuatan STNK dan BPKB sepenuhnya menjadi tanggung jawab dealer terkait.
+ Buku servis diterima bersamaan dengan pengiriman sepeda motor.
+
+
+
*tidak termasuk Sabtu dan Minggu.
+
+
*/}
+
+
+
+
+ Spesifikasi Mesin
+ {util.htmlParse(detailproduct.Machine)}Spesifikasi Dimensi
+ {util.htmlParse(detailproduct.Dimension)}Spesifikasi Rangka
+ {util.htmlParse(detailproduct.Structure)}Spesifikasi Kelistrikan
+ {util.htmlParse(detailproduct.Voltage)}
+
+
+ {/*
+
+
Customer Reviews
+
There are no reviews yet.
+
+
+
*/}
+
+
+
+
+
+
+
+ )
+}
+
+export default ProductDetails;
\ No newline at end of file
diff --git a/components/Company/Product/Sparepart.js b/components/Company/Product/Sparepart.js
new file mode 100644
index 0000000..c3e9b12
--- /dev/null
+++ b/components/Company/Product/Sparepart.js
@@ -0,0 +1,253 @@
+import React from 'react'
+import Link from 'next/link'
+import * as Icon from 'react-feather'
+import { useSelector } from 'react-redux'
+import AddToCartBtn from '@/components/others/Shop/AddToCartBtn'
+import Select from 'react-select';
+import Router from 'next/router'
+
+//addon library
+import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs';
+resetIdCounter();
+
+//yarn library
+import NumberFormat from 'react-number-format';
+
+const ProductCard = function ({ category,page,selected,products, ...props }) {
+ const handleName = values => {
+ Router.push({
+ pathname: '/yamaha/Product/Sparepart',
+ query: (values && values.length != 0) ? { filter: values["name"] } : {},
+ })
+ }
+
+ category = category.map((i)=>i.replace(' ','_'));
+ const pagination = (type,pages)=>{
+ console.log(type,selected);
+ var paging = [];
+ var current = (selected==type)?page:1;
+ for(var i=1;i<=pages;i++){
+ paging.push(
+
+
+ {i}
+
+
+ );
+ }
+
+ return (
+
+
+
+
+
+ {(current!='1')?(Prev
+ Next
+
+
+
+
+
+ );
+ };
+
+ const productGrid = function(product){
+ if(product){
+ return product.map((data) => {
+ return (
+
+
+
+
+
+
+
+
+
+
+ );
+ });
+ }
+ else return(
+
+
Belum ada produk untuk saat ini. Tunggu berita selanjutnya dari kami ya! );
+ }
+
+ return (
+
+
+
+
+
+ {/*
+ i.id == selected) : null}
+ getOptionLabel={option => `${option.name}`}
+ getOptionValue={option => option.id}
+ options={ygp}
+ isSearchable
+ isMulti
+ isClearable
+ instanceId="name"
+ placeholder="Cari Produk"
+ onChange={values => handleName(values)}
+ />
+
*/}
+
+
+
+
+
+
+
+ {category.map((i)=>{
+ return ({i.replace(/\_/g,' ')} );
+ })}
+
+ {category.map((i)=>{
+ return (
+
+
+
+
Showing {(((selected==i)?page:1)-1)*8+1}-{(((selected==i)?page:1)*8>products[i].meta.pagination.total)?products[i].meta.pagination.total:((selected==i)?page:1)*8} of {products[i].meta.pagination.total} results
+
+
+ {productGrid(products[i].data)}
+ {pagination(i.toLowerCase(),(products[i].meta)?products[i].meta.pagination.pageCount:1)}
+
+
+ );
+ })}
+ {/*
+
+ {YGP}
+ {pagination('ygp',ygp.meta.pagination.pageCount)}
+
+
+
+
+ {Yamalube}
+ {pagination('lube',yamalube.meta.pagination.pageCount)}
+
+
+
+
+ {Helmet}
+ {pagination('helmet',helmet.meta.pagination.pageCount)}
+
+
+
+
+ {Apparel}
+ {pagination('apparel',apparel.meta.pagination.pageCount)}
+
+
+
+
+ {Accessories}
+ {pagination('accessories',accessories.meta.pagination.pageCount)}
+
+ */}
+
+
+
+
+ {/*
+
+ {Product}
+
+ Pagination
+
+
*/}
+
+
+ )
+}
+
+export default ProductCard;
\ No newline at end of file
diff --git a/components/Company/Product/Yamalube_Detail.js b/components/Company/Product/Yamalube_Detail.js
new file mode 100644
index 0000000..abdda91
--- /dev/null
+++ b/components/Company/Product/Yamalube_Detail.js
@@ -0,0 +1,345 @@
+import React from 'react'
+
+//component
+import PageBanner from '@/components/Common/PageBanner';
+import * as Icon from 'react-feather'
+import { useSelector, useDispatch } from 'react-redux'
+import { useRouter } from 'next/router'
+import { useToasts } from 'react-toast-notifications'
+
+//addon library
+import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs';
+resetIdCounter();
+
+import dynamic from 'next/dynamic'
+const OwlCarousel = dynamic(import('react-owl-carousel3'))
+
+//library yarn
+import NumberFormat from 'react-number-format';
+import ReactHtmlParser from "react-html-parser";
+
+//sweet alert
+import swal from 'sweetalert';
+
+const options = {
+ loop: true,
+ nav: true,
+ dots: false,
+ autoplay: true,
+ items: 1,
+ smartSpeed: 1000,
+ autoplayTimeout: 5000,
+ navText: [
+ "
",
+ "
"
+ ],
+};
+
+const ProductDetails = function ({ detailyamalube, backend, user, ...props }) {
+
+ const [formValue, setFormValue] = React.useState({
+ product_img: "",
+ product_name: "",
+ product_color: "",
+ product_price: "",
+ });
+
+ const router = useRouter();
+
+ const MotorDetail = detailyamalube.map((data) => {
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
{data.name}
+
+
+
+
+
+
+
+
+
+
+ Availability: {data.stock}
+
+
+
+
+
Metode Pembayaran :
+
+
+
+
+
+
+
+
+
+
+
+
+ Deskripsi
+ Info Penting
+ {/* Review */}
+
+
+
+
+
{ReactHtmlParser(data.description)}
+
+
+
+
+
+
Informasi mengenai prosedur pengiriman, pembelian dan dokumen
+
+ Kota Palembang, Kayu Agung, Prabumulih, Pangkalan Balai, Betung : 2-3 hari kerja*
+ Untuk daerah Sungsang/daerah lain yang menggunakan kapal motor, maka motor diantar sampai di dermaga sesuai dengan jadwal yang diinformasikan
+ Sekayu, Babat Toman, Pendopo, Baturaja, Martapura, Muara Dua, Lahat, Tanjung Enim, Tugu Mulyo, Belitang : 4-5 hari kerja*
+ Lubuk Linggau, Curup, Pagar Alam : 6-7 hari kerja*
+
+
+
Harga
+
+ Harga OTR sudah termasuk biaya pengiriman dan BBN, kecuali tambahan pengenaan pajak progresif kepemilikan kendaraan bermotor (sesuai dengan peraturan yang telah ditetapkan oleh pemerintah)
+ Harga OTR diatas berlaku untuk KTP domisili PALEMBANG, OGAN ILIR, dan BANYUASIN, diluar wilayah tersebut harap menghubungi kami untuk konfirmasi harga.
+ Harga OTR sewaktu-waktu dapat berubah.
+ Proses pemesanan sepeda motor tidak dapat dibatalkan dan warna yang sudah dipesan tidak dapat diubah.
+ Proses pemesanan yang terkait waktu pengiriman produk dan kelengkapan dokumen yang dibutuhkan untuk pembuatan STNK dan BPKB akan diinformasikan oleh pihak Dealer.
+ Proses pengiriman sepeda motor akan dilakukan setelah pelunasan transaksi dan dokumen yang dibutuhkan telah lengkap.
+
+
+
Dokumen
+
+ Proses pembuatan STNK setelah KTP diterima oleh pihak dealer adalah 19-25 hari kerja*.
+ Proses pembuatan BPKB adalah 3-4 bulan.
+ STNK dan BPKB wajib diambil sendiri oleh pihak yang bersangkutan sesuai dengan identitas yang tertera STNK di dealer yang ditunjuk.
+ Untuk proses pembuatan STNK dan BPKB sepenuhnya menjadi tanggung jawab dealer terkait.
+ Buku servis diterima bersamaan dengan pengiriman sepeda motor.
+
+
+
*tidak termasuk Sabtu dan Minggu.
+
+
+
+ {/*
+
+
Customer Reviews
+
There are no reviews yet.
+
+
+
*/}
+
+
+
+
+
+
+
+ );
+ })
+
+ return (
+ <>
+ {MotorDetail}
+
+ )
+}
+
+export default ProductDetails;
\ No newline at end of file
diff --git a/components/Company/Product/Ygp_Detail.js b/components/Company/Product/Ygp_Detail.js
new file mode 100644
index 0000000..0cc6770
--- /dev/null
+++ b/components/Company/Product/Ygp_Detail.js
@@ -0,0 +1,346 @@
+import React from 'react'
+
+//component
+import PageBanner from '@/components/Common/PageBanner';
+import * as Icon from 'react-feather'
+import { useSelector, useDispatch } from 'react-redux'
+import { useRouter } from 'next/router'
+import { useToasts } from 'react-toast-notifications'
+
+//addon library
+import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs';
+resetIdCounter();
+
+import dynamic from 'next/dynamic'
+const OwlCarousel = dynamic(import('react-owl-carousel3'))
+
+//library yarn
+import NumberFormat from 'react-number-format';
+import ReactHtmlParser from "react-html-parser";
+
+//sweet alert
+import swal from 'sweetalert';
+
+const options = {
+ loop: true,
+ nav: true,
+ dots: false,
+ autoplay: true,
+ items: 1,
+ smartSpeed: 1000,
+ autoplayTimeout: 5000,
+ navText: [
+ "
",
+ "
"
+ ],
+};
+
+const ProductDetails = function ({ details, backend, user, ...props }) {
+ console.log(details);
+ const [formValue, setFormValue] = React.useState({
+ product_img: "",
+ product_name: "",
+ product_color: "",
+ product_price: "",
+ });
+
+ const router = useRouter();
+ return (
+
+
+
+
+
+
+
+ {
+ (details.Image.data)?details.Image.data.map(i=>(
+
+
+
+
+
+
{details.Name}
+
+
+
+
+
+
+
+
+
+
+ Availability: {details.stock}
+
+
+
+
+
Metode Pembayaran :
+
+
+
+
+
+
+
+
+
+
+
+
+ Deskripsi
+ Info Penting
+ {/* Review */}
+
+
+
+
+
{ReactHtmlParser(details.description)}
+
+
+
+
+
+
Informasi mengenai prosedur pengiriman, pembelian dan dokumen
+
+ Kota Palembang, Kayu Agung, Prabumulih, Pangkalan Balai, Betung : 2-3 hari kerja*
+ Untuk daerah Sungsang/daerah lain yang menggunakan kapal motor, maka motor diantar sampai di dermaga sesuai dengan jadwal yang diinformasikan
+ Sekayu, Babat Toman, Pendopo, Baturaja, Martapura, Muara Dua, Lahat, Tanjung Enim, Tugu Mulyo, Belitang : 4-5 hari kerja*
+ Lubuk Linggau, Curup, Pagar Alam : 6-7 hari kerja*
+
+
+
Harga
+
+ Harga OTR sudah termasuk biaya pengiriman dan BBN, kecuali tambahan pengenaan pajak progresif kepemilikan kendaraan bermotor (sesuai dengan peraturan yang telah ditetapkan oleh pemerintah)
+ Harga OTR diatas berlaku untuk KTP domisili PALEMBANG, OGAN ILIR, dan BANYUASIN, diluar wilayah tersebut harap menghubungi kami untuk konfirmasi harga.
+ Harga OTR sewaktu-waktu dapat berubah.
+ Proses pemesanan sepeda motor tidak dapat dibatalkan dan warna yang sudah dipesan tidak dapat diubah.
+ Proses pemesanan yang terkait waktu pengiriman produk dan kelengkapan dokumen yang dibutuhkan untuk pembuatan STNK dan BPKB akan diinformasikan oleh pihak Dealer.
+ Proses pengiriman sepeda motor akan dilakukan setelah pelunasan transaksi dan dokumen yang dibutuhkan telah lengkap.
+
+
+
Dokumen
+
+ Proses pembuatan STNK setelah KTP diterima oleh pihak dealer adalah 19-25 hari kerja*.
+ Proses pembuatan BPKB adalah 3-4 bulan.
+ STNK dan BPKB wajib diambil sendiri oleh pihak yang bersangkutan sesuai dengan identitas yang tertera STNK di dealer yang ditunjuk.
+ Untuk proses pembuatan STNK dan BPKB sepenuhnya menjadi tanggung jawab dealer terkait.
+ Buku servis diterima bersamaan dengan pengiriman sepeda motor.
+
+
+
*tidak termasuk Sabtu dan Minggu.
+
+
+
+ {/*
+
+
Customer Reviews
+
There are no reviews yet.
+
+
+
*/}
+
+
+
+
+
+
+
+ );
+
+
+ return (
+ <>
+ {MotorDetail}
+
+ )
+}
+
+export default ProductDetails;
\ No newline at end of file
diff --git a/components/Company/Shop/Cart.js b/components/Company/Shop/Cart.js
new file mode 100644
index 0000000..7237f02
--- /dev/null
+++ b/components/Company/Shop/Cart.js
@@ -0,0 +1,244 @@
+import React from 'react'
+import Link from 'next/link'
+import * as Icon from 'react-feather'
+import { useSelector, useDispatch } from 'react-redux'
+import { useToasts } from 'react-toast-notifications'
+import { useRouter } from 'next/router'
+import QtyForm from './QtyForm'
+
+//library yarn
+import NumberFormat from 'react-number-format';
+
+//sweet alert
+import swal from 'sweetalert';
+
+const CartContent = function ({ backend, cart_product, ...props }) {
+ const router = useRouter()
+ const { addToast } = useToasts()
+ const dispatch = useDispatch()
+ const cart = useSelector((state) => state.cart)
+ const total = useSelector((state) => state.total)
+ // console.log(cart)
+
+ const [qty, setQty] = React.useState(1)
+
+ const increment = () => {
+ setQty(qty + 1)
+ }
+
+ const decrement = () => {
+ setQty(qty - 1)
+ }
+
+ const removeItem = () => {
+ dispatch({
+ type: 'REMOVE_ITEM',
+ id: pId
+ })
+ addToast('Cart Removed Successfully', { appearance: 'error' })
+ }
+
+ const reset = () => {
+ dispatch({
+ type: 'RESET'
+ })
+ addToast('Thanks for your order.', { appearance: 'success' })
+ router.push('/')
+ }
+
+ const [formValue, setFormValue] = React.useState({
+ transaction_id: GenerateID(),
+ product_img: "",
+ product_name: "",
+ product_color: "",
+ product_quantity: "",
+ product_total: "",
+ });
+
+ function GenerateID() {
+ var dt = new Date().getTime();
+ var uuid = 'Trx-Ord-yyyyyyyy'.replace(/[y]/g, function (c) {
+ var r = (dt + Math.random() * 16) % 16 | 0;
+ dt = Math.floor(dt / 16);
+ return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
+ });
+ return uuid;
+ }
+
+ // console.log(GenerateID());
+
+ return (
+
+ )
+}
+
+export default CartContent
diff --git a/components/Company/Shop/Checkout.js b/components/Company/Shop/Checkout.js
new file mode 100644
index 0000000..fcd26e8
--- /dev/null
+++ b/components/Company/Shop/Checkout.js
@@ -0,0 +1,489 @@
+import React from 'react';
+import * as Icon from 'react-feather';
+
+import {
+ Accordion,
+ AccordionItem,
+ AccordionItemHeading,
+ AccordionItemPanel,
+ AccordionItemButton
+} from 'react-accessible-accordion';
+
+//library yarn
+import NumberFormat from 'react-number-format';
+
+//sweet alert
+import swal from 'sweetalert';
+
+const CheckoutContent = function ({ backend, checkout_product, user, provinces, ...props }) {
+ const [formValue, setFormValue] = React.useState({
+ order_id: "",
+ product_name: "",
+ product_color: "",
+ product_quantity: "",
+ product_price: "",
+ product_courier: "JNE",
+ cust_name: "",
+ cust_telp: "",
+ cust_email: "",
+ cust_postCode: "",
+ cust_address: "",
+ cust_village: "",
+ cust_district: "",
+ cust_city: "",
+ cust_province: "",
+ note: "",
+ });
+
+ return (
+ <>
+
+
+
+ )
+}
+
+export default CheckoutContent;
\ No newline at end of file
diff --git a/components/Company/Shop/OrderSummary.js b/components/Company/Shop/OrderSummary.js
new file mode 100644
index 0000000..4b8f7ab
--- /dev/null
+++ b/components/Company/Shop/OrderSummary.js
@@ -0,0 +1,149 @@
+import React from 'react';
+import {
+ Accordion,
+ AccordionItem,
+ AccordionItemHeading,
+ AccordionItemPanel,
+ AccordionItemButton
+} from 'react-accessible-accordion';
+
+const OrderSummary = () => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+ Nomer Pemesanan - Pesanan Sedang di Proses
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+
+ Is Smart Lock required for instant apps?
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+
+ Can I have multiple activities in a single feature?
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+
+ Can I share resources between features?
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+
+ Is multidex supported for instant apps?
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+
+ Can I share resources between features?
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default OrderSummary;
\ No newline at end of file
diff --git a/components/Company/Shop/QtyForm.js b/components/Company/Shop/QtyForm.js
new file mode 100644
index 0000000..beaea59
--- /dev/null
+++ b/components/Company/Shop/QtyForm.js
@@ -0,0 +1,53 @@
+import React from 'react'
+import { useDispatch } from 'react-redux'
+import * as Icon from 'react-feather'
+
+const QtyForm = ({ id, quantity}) => {
+
+ const dispatch = useDispatch()
+
+ const addQuantity = (pId) => {
+ dispatch({
+ type: 'ADD_QUANTITY',
+ id: pId
+ })
+ }
+
+ const subQuantity = (pId) => {
+ dispatch({
+ type: 'SUB_QUANTITY',
+ id: pId
+ })
+ }
+ return (
+
+ {
+ e.preventDefault();
+ subQuantity(id);
+ }}
+ >
+
+
+ {
+ e.preventDefault();
+ addQuantity(id);
+ }}>
+
+
+ )
+}
+
+export default QtyForm
diff --git a/components/MainWebsite/BusineesPartner.js b/components/MainWebsite/BusineesPartner.js
new file mode 100644
index 0000000..6907dd9
--- /dev/null
+++ b/components/MainWebsite/BusineesPartner.js
@@ -0,0 +1,63 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const OurServices = ({companies}) => {
+ const partners = companies.map((data, index) => {
+ return (
+
+
+
+
+
{data.attributes.Business_name}
+
+
+
+
+
+
+ );
+ });
+ return (
+
+
+
+
Thamrin Group Businees Partner
+
+
Thamrin Group mempunyai beberapa Businees Partner sebagai Unit Bisnis nya, antar lain
+
+
+
+ {partners}
+
+
+
+ );
+}
+
+export default OurServices;
+
diff --git a/components/MainWebsite/EmailSubscription.js b/components/MainWebsite/EmailSubscription.js
new file mode 100644
index 0000000..54df17c
--- /dev/null
+++ b/components/MainWebsite/EmailSubscription.js
@@ -0,0 +1,59 @@
+import React from 'react';
+import subscription from '../../api/subscription/subscription';
+
+const Newsletter = () => {
+ const [email, setEmail] = React.useState("");
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
Enter Your Email For Get Info & Promo
+
+
+
+
+
+
+
+ {/* Shape Images */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Newsletter;
\ No newline at end of file
diff --git a/components/MainWebsite/Footer.js b/components/MainWebsite/Footer.js
new file mode 100644
index 0000000..42075e0
--- /dev/null
+++ b/components/MainWebsite/Footer.js
@@ -0,0 +1,188 @@
+import React from 'react';
+import Link from 'next/link';
+import { Link as LinkScroll} from 'react-scroll';
+import * as Icon from 'react-feather';
+
+const Footer = ({info,social,desc,isHome}) => {
+ info = (info == null)?{
+ Email : "",
+ Telp :"",
+ Address : "",
+ }:info;
+ isHome = (isHome == null)?true:isHome;
+ const currentYear = new Date().getFullYear();
+ const Socials = (social)?social.map((data,idx)=>{
+ return(
+
+
+ );
+ }):"";
+
+ return (
+
+
+
+
+
+
+
+
+ )
+
+}
+
+export default Footer;
\ No newline at end of file
diff --git a/components/MainWebsite/Header.js b/components/MainWebsite/Header.js
new file mode 100644
index 0000000..758afbe
--- /dev/null
+++ b/components/MainWebsite/Header.js
@@ -0,0 +1,170 @@
+import React, { useState } from "react";
+import { Link as LinkScroll} from 'react-scroll'
+import Link from 'next/link';
+
+const Header = ({sticky,isHome}) => {
+ isHome = (isHome == null)?true:isHome;
+ const [menu, setMenu] = React.useState(true)
+
+ const toggleNavbar = () => {
+ setMenu(!menu)
+ }
+
+ React.useEffect(() => {
+ let elementId = document.getElementById("header");
+ if(!(sticky||false)){
+ document.addEventListener("scroll", () => {
+ if (window.scrollY > 170) {
+ elementId.classList.add("is-sticky");
+ } else {
+ elementId.classList.remove("is-sticky");
+ }
+ });
+ }
+ else{
+ elementId.classList.add("is-sticky");
+ }
+ window.scrollTo(0, 0);
+ })
+
+ const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+ const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+
+ return (
+
+ );
+}
+
+export default Header;
\ No newline at end of file
diff --git a/components/MainWebsite/IndustriesWeServe.js b/components/MainWebsite/IndustriesWeServe.js
new file mode 100644
index 0000000..7c132bb
--- /dev/null
+++ b/components/MainWebsite/IndustriesWeServe.js
@@ -0,0 +1,36 @@
+import React from 'react';
+import Link from 'next/link';
+
+const IndustriesWeServe = ({industries}) => {
+ const Industry = industries?industries.map((data,index)=>{
+ return (
+
+
+
+ {data.attributes.Name}
+
+
+ );
+ }):"";
+ return (
+
+
+
+
Sektor Industri
+
+
Kami melayani berbagai macam sektor industri, antara lain
+
+
+
+ {Industry}
+
+
+
+
+
+
+
+ )
+}
+
+export default IndustriesWeServe;
\ No newline at end of file
diff --git a/components/Yamaha/Header.js b/components/Yamaha/Header.js
new file mode 100644
index 0000000..88b7645
--- /dev/null
+++ b/components/Yamaha/Header.js
@@ -0,0 +1,250 @@
+import React, { useState } from "react";
+import Link from '@/utils/ActiveLink';
+import * as Icon from 'react-feather';
+
+export default function NavbarYamaha({ company,icon,username, ...props }) {
+ const [menu, setMenu] = React.useState(true)
+ const toggleNavbar = () => {
+ setMenu(!menu)
+ }
+
+ React.useEffect(() => {
+ let elementId = document.getElementById("header");
+ document.addEventListener("scroll", () => {
+ if (window.scrollY > 170) {
+ elementId.classList.add("is-sticky");
+ } else {
+ elementId.classList.remove("is-sticky");
+ }
+ });
+ window.scrollTo(0, 0);
+ })
+
+ const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+ const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+ return (
+
+ );
+}
\ No newline at end of file
diff --git a/components/_App/Footer.js b/components/_App/Footer.js
new file mode 100644
index 0000000..c835af9
--- /dev/null
+++ b/components/_App/Footer.js
@@ -0,0 +1,214 @@
+import React from 'react';
+import Link from 'next/link';
+import { Link as LinkScroll} from 'react-scroll';
+import * as Icon from 'react-feather';
+
+const Footer = () => {
+
+ const currentYear = new Date().getFullYear();
+
+ return (
+
+
+
+
+
+
+
Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti.
+
+
+
+
+
+ {/*
*/}
+
+
+
+
Address
+
+
+
+
+
+ thamrin@gmail.co.id
+
+
+ + (321) 984 754
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+
+}
+
+export default Footer;
\ No newline at end of file
diff --git a/components/_App/GoTop.js b/components/_App/GoTop.js
new file mode 100644
index 0000000..bf27b93
--- /dev/null
+++ b/components/_App/GoTop.js
@@ -0,0 +1,45 @@
+import React from 'react';
+import * as Icon from 'react-feather';
+
+const GoTop = ({scrollStepInPx, delayInMs}) => {
+
+ const [thePosition, setThePosition] = React.useState(false);
+ const timeoutRef = React.useRef(null);
+
+ React.useEffect(() => {
+ document.addEventListener("scroll", () => {
+ if (window.scrollY > 170) {
+ setThePosition(true)
+ } else {
+ setThePosition(false);
+ }
+ });
+ }, [])
+
+ const onScrollStep = () => {
+ if (window.pageYOffset === 0){
+ clearInterval(timeoutRef.current);
+ }
+ window.scroll(0, window.pageYOffset - scrollStepInPx);
+ }
+
+ const scrollToTop = () => {
+ timeoutRef.current = setInterval(onScrollStep, delayInMs);
+ }
+
+ const renderGoTopIcon = () => {
+ return (
+
+
+ )
+ }
+
+ return (
+
+ {renderGoTopIcon()}
+
+ )
+}
+
+export default GoTop;
\ No newline at end of file
diff --git a/components/_App/Layout.js b/components/_App/Layout.js
new file mode 100644
index 0000000..a8637ff
--- /dev/null
+++ b/components/_App/Layout.js
@@ -0,0 +1,20 @@
+import React from 'react'
+import Head from "next/head"
+import GoTop from './GoTop'
+
+const Layout = ({ children }) => {
+ return(
+ <>
+
+
+
+
Thamrin Group
+
+ {children}
+
+
+
+ )
+}
+
+export default Layout
\ No newline at end of file
diff --git a/components/_App/Navbar.js b/components/_App/Navbar.js
new file mode 100644
index 0000000..1d99094
--- /dev/null
+++ b/components/_App/Navbar.js
@@ -0,0 +1,429 @@
+import React from "react"
+import Link from '@/utils/ActiveLink'
+import * as Icon from 'react-feather'
+import { useSelector } from 'react-redux'
+
+const Navbar = () => {
+ const cart = useSelector((state) => state.cart)
+ const [menu, setMenu] = React.useState(true)
+
+ const toggleNavbar = () => {
+ setMenu(!menu)
+ }
+
+ React.useEffect(() => {
+ let elementId = document.getElementById("header");
+ document.addEventListener("scroll", () => {
+ if (window.scrollY > 170) {
+ elementId.classList.add("is-sticky");
+ } else {
+ elementId.classList.remove("is-sticky");
+ }
+ });
+ window.scrollTo(0, 0);
+ })
+
+ const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+ const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+
+ return (
+
+ );
+}
+
+export default Navbar;
\ No newline at end of file
diff --git a/components/_App/NavbarStyleFive.js b/components/_App/NavbarStyleFive.js
new file mode 100644
index 0000000..9370d45
--- /dev/null
+++ b/components/_App/NavbarStyleFive.js
@@ -0,0 +1,428 @@
+import React, { useState } from "react";
+import Link from '@/utils/ActiveLink';
+import * as Icon from 'react-feather';
+
+const NavbarStyleFive = () => {
+ const [menu, setMenu] = React.useState(true)
+
+ const toggleNavbar = () => {
+ setMenu(!menu)
+ }
+
+ React.useEffect(() => {
+ let elementId = document.getElementById("header");
+ document.addEventListener("scroll", () => {
+ if (window.scrollY > 170) {
+ elementId.classList.add("is-sticky");
+ } else {
+ elementId.classList.remove("is-sticky");
+ }
+ });
+ window.scrollTo(0, 0);
+ })
+
+ const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+ const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+
+ return (
+
+ );
+}
+
+export default NavbarStyleFive;
\ No newline at end of file
diff --git a/components/_App/NavbarStyleFour.js b/components/_App/NavbarStyleFour.js
new file mode 100644
index 0000000..a2101c7
--- /dev/null
+++ b/components/_App/NavbarStyleFour.js
@@ -0,0 +1,422 @@
+import React, { useState } from "react";
+import Link from '@/utils/ActiveLink';
+import * as Icon from 'react-feather';
+
+const NavbarStyleFour = () => {
+ const [menu, setMenu] = React.useState(true)
+
+ const toggleNavbar = () => {
+ setMenu(!menu)
+ }
+
+ React.useEffect(() => {
+ let elementId = document.getElementById("header");
+ document.addEventListener("scroll", () => {
+ if (window.scrollY > 170) {
+ elementId.classList.add("is-sticky");
+ } else {
+ elementId.classList.remove("is-sticky");
+ }
+ });
+ window.scrollTo(0, 0);
+ })
+
+ const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+ const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+
+ return (
+
+ );
+}
+
+export default NavbarStyleFour;
\ No newline at end of file
diff --git a/components/_App/NavbarStyleSix.js b/components/_App/NavbarStyleSix.js
new file mode 100644
index 0000000..4f5f70f
--- /dev/null
+++ b/components/_App/NavbarStyleSix.js
@@ -0,0 +1,439 @@
+import React, { useState } from "react";
+import Link from '@/utils/ActiveLink';
+import * as Icon from 'react-feather';
+
+const NavbarStyleSix = () => {
+ const [menu, setMenu] = React.useState(true)
+
+ const toggleNavbar = () => {
+ setMenu(!menu)
+ }
+
+ React.useEffect(() => {
+ let elementId = document.getElementById("header");
+ document.addEventListener("scroll", () => {
+ if (window.scrollY > 170) {
+ elementId.classList.add("is-sticky");
+ } else {
+ elementId.classList.remove("is-sticky");
+ }
+ });
+ window.scrollTo(0, 0);
+ })
+
+ const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+ const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+
+ return (
+
+ );
+}
+
+export default NavbarStyleSix;
\ No newline at end of file
diff --git a/components/_App/NavbarStyleThree.js b/components/_App/NavbarStyleThree.js
new file mode 100644
index 0000000..a8fe1a0
--- /dev/null
+++ b/components/_App/NavbarStyleThree.js
@@ -0,0 +1,439 @@
+import React, { useState } from "react";
+import Link from '@/utils/ActiveLink';
+import * as Icon from 'react-feather';
+
+const NavbarStyleThree = () => {
+ const [menu, setMenu] = React.useState(true)
+
+ const toggleNavbar = () => {
+ setMenu(!menu)
+ }
+
+ React.useEffect(() => {
+ let elementId = document.getElementById("header");
+ document.addEventListener("scroll", () => {
+ if (window.scrollY > 170) {
+ elementId.classList.add("is-sticky");
+ } else {
+ elementId.classList.remove("is-sticky");
+ }
+ });
+ window.scrollTo(0, 0);
+ })
+
+ const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+ const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+
+ return (
+
+ );
+}
+
+export default NavbarStyleThree;
\ No newline at end of file
diff --git a/components/_App/NavbarStyleTwo.js b/components/_App/NavbarStyleTwo.js
new file mode 100644
index 0000000..7dac161
--- /dev/null
+++ b/components/_App/NavbarStyleTwo.js
@@ -0,0 +1,439 @@
+import React, { useState } from "react";
+import Link from '@/utils/ActiveLink';
+import * as Icon from 'react-feather';
+
+const NavbarStyleTwo = () => {
+ const [menu, setMenu] = React.useState(true)
+
+ const toggleNavbar = () => {
+ setMenu(!menu)
+ }
+
+ React.useEffect(() => {
+ let elementId = document.getElementById("header");
+ document.addEventListener("scroll", () => {
+ if (window.scrollY > 170) {
+ elementId.classList.add("is-sticky");
+ } else {
+ elementId.classList.remove("is-sticky");
+ }
+ });
+ window.scrollTo(0, 0);
+ })
+
+ const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+ const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+
+ return (
+
+ );
+}
+
+export default NavbarStyleTwo;
\ No newline at end of file
diff --git a/components/others/BigdataAnalytics/BigdataFunFacts.js b/components/others/BigdataAnalytics/BigdataFunFacts.js
new file mode 100644
index 0000000..c5c12d4
--- /dev/null
+++ b/components/others/BigdataAnalytics/BigdataFunFacts.js
@@ -0,0 +1,57 @@
+import React from 'react';
+import Link from 'next/link';
+
+const BigdataFunFacts = () => {
+ return (
+
+
+
+
We always try to understand users expectation
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
+
Have any question about us?
+
Don't hesitate to contact us
+
+
+
Contact Us
+
+
+
+
+ )
+}
+
+export default BigdataFunFacts;
\ No newline at end of file
diff --git a/components/others/BigdataAnalytics/BlogPost.js b/components/others/BigdataAnalytics/BlogPost.js
new file mode 100644
index 0000000..9d21678
--- /dev/null
+++ b/components/others/BigdataAnalytics/BlogPost.js
@@ -0,0 +1,142 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const BlogPost = () => {
+ return (
+
+
+
+
Our Recent Story
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+
+
+
+ Admin August 15, 2021
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...
+
+
+
+ Read Story
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Admin August 18, 2021
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...
+
+
+
+ Read Story
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Admin August 15, 2021
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...
+
+
+
+ Read Story
+
+
+
+
+
+
+
+ {/* Shape Images */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default BlogPost;
\ No newline at end of file
diff --git a/components/others/BigdataAnalytics/DiscoverArea.js b/components/others/BigdataAnalytics/DiscoverArea.js
new file mode 100644
index 0000000..04fcc27
--- /dev/null
+++ b/components/others/BigdataAnalytics/DiscoverArea.js
@@ -0,0 +1,36 @@
+import React from 'react';
+import Link from 'next/link';
+
+const DiscoverArea = () => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
Engaging New Audiences through Smart Approach
+
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage.
+
+
+
Discover More
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default DiscoverArea;
\ No newline at end of file
diff --git a/components/others/BigdataAnalytics/Feedback.js b/components/others/BigdataAnalytics/Feedback.js
new file mode 100644
index 0000000..8b02e75
--- /dev/null
+++ b/components/others/BigdataAnalytics/Feedback.js
@@ -0,0 +1,61 @@
+import React from 'react';
+
+const Feedback = () => {
+ return (
+
+
+
+
What Users Saying
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accus antium doloremque laudantium, totam rem aperiam, eaque ipsaquaeab illo.
+
+
+
+
+
David Luis
+
Founder & CEO
+
+
+
+
+
+
+
+
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accus antium doloremque laudantium, totam rem aperiam, eaque ipsaquaeab illo.
+
+
+
+
+
Steven Smith
+
Developer
+
+
+
+
+
+
+
+
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accus antium doloremque laudantium, totam rem aperiam, eaque ipsaquaeab illo.
+
+
+
+
+
Sarah Lucy
+
Designer
+
+
+
+
+
+
+ )
+}
+
+export default Feedback;
\ No newline at end of file
diff --git a/components/others/BigdataAnalytics/IndustriesWeServe.js b/components/others/BigdataAnalytics/IndustriesWeServe.js
new file mode 100644
index 0000000..8a72b67
--- /dev/null
+++ b/components/others/BigdataAnalytics/IndustriesWeServe.js
@@ -0,0 +1,120 @@
+import React from 'react';
+import Link from 'next/link';
+
+const IndustriesWeServe = () => {
+ return (
+
+
+
+
Industries We Serve
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+ Manufacturing
+
+
+
+
+
+
+
+
+
+
+ Healthcare
+
+
+
+
+
+
+
+
+
+
+ Automobile
+
+
+
+
+
+
+
+
+
+
+
+
+ Real Estate
+
+
+
+
+
+
+
+
+
+
+ Logistics
+
+
+
+
+
+
+
+
+
+
+ Insurance
+
+
+
+
+
+
+
+
+
+
+ Capital Markets
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default IndustriesWeServe;
\ No newline at end of file
diff --git a/components/others/BigdataAnalytics/MainBanner.js b/components/others/BigdataAnalytics/MainBanner.js
new file mode 100644
index 0000000..86b76e5
--- /dev/null
+++ b/components/others/BigdataAnalytics/MainBanner.js
@@ -0,0 +1,58 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const MainBanner = () => {
+ return (
+
+
+
+
Leading Big Data Analytics Company
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.
+
+
+
Get Started
+
+
+
+
+
+
+
+
+
+
+
+
Analyze Your Data
+
Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.
+
+
+
+
+
+
+
+
Customized Plan
+
Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.
+
+
+
+
+
+
+
+
Implement Solution
+
Lorem ipsum dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.
+
+
+
+
+
+
+ )
+}
+
+export default MainBanner;
\ No newline at end of file
diff --git a/components/others/BigdataAnalytics/Services.js b/components/others/BigdataAnalytics/Services.js
new file mode 100644
index 0000000..c465bb5
--- /dev/null
+++ b/components/others/BigdataAnalytics/Services.js
@@ -0,0 +1,165 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const Services = () => {
+ return (
+
+
+
+
Services We Can Help You With
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default Services;
\ No newline at end of file
diff --git a/components/others/BigdataAnalytics/WhatWeDo.js b/components/others/BigdataAnalytics/WhatWeDo.js
new file mode 100644
index 0000000..3878301
--- /dev/null
+++ b/components/others/BigdataAnalytics/WhatWeDo.js
@@ -0,0 +1,107 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const WhatWeDo = () => {
+ return (
+
+
+
+
What We Do
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
+ )
+}
+
+export default WhatWeDo;
\ No newline at end of file
diff --git a/components/others/Blog/BlogSidebar.js b/components/others/Blog/BlogSidebar.js
new file mode 100644
index 0000000..081b21c
--- /dev/null
+++ b/components/others/Blog/BlogSidebar.js
@@ -0,0 +1,108 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const BlogSidebar = () => {
+ return (
+
+
+
+
+
+
+
Popular Posts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default BlogSidebar;
\ No newline at end of file
diff --git a/components/others/Cart/CartContent.js b/components/others/Cart/CartContent.js
new file mode 100644
index 0000000..432a511
--- /dev/null
+++ b/components/others/Cart/CartContent.js
@@ -0,0 +1,126 @@
+import React from 'react'
+import Link from 'next/link'
+import * as Icon from 'react-feather'
+import { useSelector, useDispatch } from 'react-redux'
+import { useToasts } from 'react-toast-notifications'
+import { useRouter } from 'next/router'
+import QtyForm from './QtyForm'
+
+const CartContent = () => {
+ const router = useRouter()
+ const { addToast } = useToasts()
+ const dispatch = useDispatch()
+ const cart = useSelector((state) => state.cart)
+ const total = useSelector((state) => state.total)
+ // console.log(cart)
+
+ const removeItem = (pId) => {
+ dispatch({
+ type: 'REMOVE_ITEM',
+ id: pId
+ })
+ addToast('Cart Removed Successfully', { appearance: 'error' })
+ }
+
+ const reset = () => {
+ dispatch({
+ type: 'RESET'
+ })
+ addToast('Thanks for your order.', { appearance: 'success' })
+ router.push('/')
+ }
+
+ return (
+ <>
+
+
+
+
+ Product
+ Name
+ Unit Price
+ Quantity
+ Total
+
+
+
+
+ {cart.length ? cart.map(crt => (
+
+
+
+
+
+
+
+
+ {crt.name}
+
+
+
+
+ ${crt.price}
+
+
+
+
+
+
+ ${(crt.quantity * crt.price).toFixed(2)}
+
+ {removeItem(crt.id)}}>
+
+
+
+ )) : (
+
+ Empty
+
+ )}
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default CartContent
diff --git a/components/others/Cart/QtyForm.js b/components/others/Cart/QtyForm.js
new file mode 100644
index 0000000..235d638
--- /dev/null
+++ b/components/others/Cart/QtyForm.js
@@ -0,0 +1,51 @@
+import React from 'react'
+import { useDispatch } from 'react-redux'
+import * as Icon from 'react-feather'
+
+const QtyForm = ({ id, quantity}) => {
+ const dispatch = useDispatch()
+
+ const addQuantity = (pId) => {
+ dispatch({
+ type: 'ADD_QUANTITY',
+ id: pId
+ })
+ }
+
+ const subQuantity = (pId) => {
+ dispatch({
+ type: 'SUB_QUANTITY',
+ id: pId
+ })
+ }
+ return (
+
+ {
+ e.preventDefault();
+ subQuantity(id);
+ }}
+ >
+
+
+ {
+ e.preventDefault();
+ addQuantity(id);
+ }}>
+
+
+ )
+}
+
+export default QtyForm
diff --git a/components/others/Home/BlogPost.js b/components/others/Home/BlogPost.js
new file mode 100644
index 0000000..142746a
--- /dev/null
+++ b/components/others/Home/BlogPost.js
@@ -0,0 +1,141 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const BlogPost = () => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ Admin August 15, 2021
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...
+
+
+
+ Read Story
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Admin August 18, 2021
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...
+
+
+
+ Read Story
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Admin August 15, 2021
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod...
+
+
+
+ Read Story
+
+
+
+
+
+
+
+ {/* Shape Images */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default BlogPost;
\ No newline at end of file
diff --git a/components/others/Home/BusineesPartner.js b/components/others/Home/BusineesPartner.js
new file mode 100644
index 0000000..a739266
--- /dev/null
+++ b/components/others/Home/BusineesPartner.js
@@ -0,0 +1,57 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const OurServices = ({companies}) => {
+ const partners = companies.map((data, index) => {
+ return (
+
+
+
+
+
{data.attributes.Business_name}
+
+
+
+
+
+
+ );
+ });
+ return (
+
+
+
+
Thamrin Group Businees Partner
+
+
Thamrin Group mempunyai beberapa Businees Partner sebagai Unit Bisnis nya, antar lain
+
+
+
+ {partners}
+
+
+
+ );
+}
+
+export default OurServices;
+
diff --git a/components/others/Home/EmailSubscription.js b/components/others/Home/EmailSubscription.js
new file mode 100644
index 0000000..aa51b9f
--- /dev/null
+++ b/components/others/Home/EmailSubscription.js
@@ -0,0 +1,59 @@
+import React from 'react';
+import subscription from '../../../api/subscription/subscription';
+
+const Newsletter = () => {
+ const [email, setEmail] = React.useState("");
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
Enter Your Email For Get Info & Promo
+
+
+
+
+
+
+
+ {/* Shape Images */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Newsletter;
\ No newline at end of file
diff --git a/components/others/Home/Footer.js b/components/others/Home/Footer.js
new file mode 100644
index 0000000..c835af9
--- /dev/null
+++ b/components/others/Home/Footer.js
@@ -0,0 +1,214 @@
+import React from 'react';
+import Link from 'next/link';
+import { Link as LinkScroll} from 'react-scroll';
+import * as Icon from 'react-feather';
+
+const Footer = () => {
+
+ const currentYear = new Date().getFullYear();
+
+ return (
+
+
+
+
+
+
+
Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti.
+
+
+
+
+
+ {/*
*/}
+
+
+
+
Address
+
+
+
+
+
+ thamrin@gmail.co.id
+
+
+ + (321) 984 754
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+
+}
+
+export default Footer;
\ No newline at end of file
diff --git a/components/others/Home/Gallery.js b/components/others/Home/Gallery.js
new file mode 100644
index 0000000..0525b73
--- /dev/null
+++ b/components/others/Home/Gallery.js
@@ -0,0 +1,228 @@
+// import React, { Component } from 'react';
+// import Masonry from 'react-masonry-component';
+// import Link from 'next/link';
+
+// const masonryOptions = {
+// transitionDuration: 0
+// };
+
+// export class Projects extends Component {
+// render() {
+// const images = this.props.images.map((image, idx) => {
+// return (
+//
+//
+//
+
+//
+// {image.category}
+//
{image.title}
+//
+
+//
+//
+//
+//
+//
+// )
+// })
+// return (
+//
+//
+//
+//
Our Latest Projects
+//
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+//
+
+//
+// {images}
+//
+//
+//
+// );
+// }
+// }
+
+// Projects.defaultProps = {
+// images: [
+// {
+// image: "/images/Home/gallery/1.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// {
+// image: "/images/Home/gallery/2.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// {
+// image: "/images/Home/gallery/3.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// {
+// image: "/images/Home/gallery/4.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// {
+// image: "/images/Home/gallery/5.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// {
+// image: "/images/Home/gallery/6.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// {
+// image: "/images/Home/gallery/7.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// {
+// image: "/images/Home/gallery/8.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// {
+// image: "/images/Home/gallery/9.jpg",
+// category: "Marketing",
+// title: "Marketing & Reporting"
+// },
+// ]
+// }
+
+// export default Projects;
+
+import React from 'react';
+import Link from 'next/link';
+import dynamic from 'next/dynamic';
+const OwlCarousel = dynamic(import('react-owl-carousel3'));
+
+const options = {
+ loop: true,
+ nav: false,
+ dots: true,
+ autoplay: true,
+ smartSpeed: 1000,
+ margin: 30,
+ autoplayTimeout: 5000,
+ responsive: {
+ 0:{
+ items: 1,
+ },
+ 576:{
+ items: 2,
+ },
+ 768:{
+ items: 2,
+ },
+ 1024:{
+ items: 3,
+ },
+ 1200:{
+ items: 4,
+ }
+ },
+}
+
+const Projects = ({galleries}) => {
+
+ const images = galleries.map((data, index) => {
+ return (
+
+
+
+ );
+ });
+
+ const [display, setDisplay] = React.useState(false);
+
+ React.useEffect(() => {
+ setDisplay(true);
+ }, [])
+
+ return (
+
+
+
+
Thamrin Group Gallery
+
+
+
+
+
+ {display ?
+ {images}
+ {/*
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
: ''}
+
+
+ {/* Shape Images */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Projects;
\ No newline at end of file
diff --git a/components/others/Home/IndustriesWeServe.js b/components/others/Home/IndustriesWeServe.js
new file mode 100644
index 0000000..966fecb
--- /dev/null
+++ b/components/others/Home/IndustriesWeServe.js
@@ -0,0 +1,36 @@
+import React from 'react';
+import Link from 'next/link';
+
+const IndustriesWeServe = ({industries}) => {
+ const Industry = industries.map((data,index)=>{
+ return (
+
+
+
+ {data.attributes.Name}
+
+
+ );
+ });
+ return (
+
+
+
+
Sektor Industri
+
+
Kami melayani berbagai macam sektor industri, antara lain
+
+
+
+ {Industry}
+
+
+
+
+
+
+
+ )
+}
+
+export default IndustriesWeServe;
\ No newline at end of file
diff --git a/components/others/Home/MainBanner.js b/components/others/Home/MainBanner.js
new file mode 100644
index 0000000..816ed0b
--- /dev/null
+++ b/components/others/Home/MainBanner.js
@@ -0,0 +1,76 @@
+import React from 'react';
+import { Link as LinkScroll } from 'react-scroll'
+import Link from 'next/link';
+import dynamic from 'next/dynamic';
+
+
+
+
+const MainBanner = ({main_banner,news}) => {
+ const Main_Banner = (main_banner && main_banner.length > 0)?(
+
+
+
{main_banner[0].attributes.Contents.data[0].attributes.Title}
+
{main_banner[0].attributes.Contents.data[0].attributes.Description}
+
+
+ Get Started
+
+
+
+ ):(
+
+
+
Selamat Datang di Thamrin Group
+
Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti.
+
+
+ Get Started
+
+
+
+ );
+ const News = (news && news.length >0)?news[0].attributes.Contents.data.map((data)=>{
+ return (
+
+
+
+
{data.attributes.Title}
+
+
+
+ );
+ }):"";
+ const OwlCarousel = dynamic(import('react-owl-carousel3'));
+ const options = {
+ center:false,
+ loop: false,
+ nav: false,
+ dots: true,
+ autoplay: true,
+ smartSpeed: 1000,
+ margin: 0,
+ autoplayTimeout: 5000,
+ autoWidth:false,
+ responsive: {
+ 0:{
+ items: 1,
+ },
+ },
+ }
+ return (
+
+
+ {Main_Banner}
+ {News}
+
+
+ )
+}
+
+export default MainBanner;
\ No newline at end of file
diff --git a/components/others/Home/NavBar.js b/components/others/Home/NavBar.js
new file mode 100644
index 0000000..219cf2f
--- /dev/null
+++ b/components/others/Home/NavBar.js
@@ -0,0 +1,180 @@
+import React, { useState } from "react";
+import { Link as LinkScroll} from 'react-scroll'
+import Link from 'next/link';
+
+// import Link from '@/utils/ActiveLink';
+import * as Icon from 'react-feather';
+
+const Header = ({sticky}) => {
+ const [menu, setMenu] = React.useState(true)
+
+ const toggleNavbar = () => {
+ setMenu(!menu)
+ }
+
+ React.useEffect(() => {
+ let elementId = document.getElementById("header");
+ if(!(sticky||false)){
+ document.addEventListener("scroll", () => {
+ if (window.scrollY > 170) {
+ elementId.classList.add("is-sticky");
+ } else {
+ elementId.classList.remove("is-sticky");
+ }
+ });
+ }
+ else{
+ elementId.classList.add("is-sticky");
+ }
+ window.scrollTo(0, 0);
+ })
+
+ const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
+ const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
+
+ return (
+
+ );
+}
+
+export default Header;
\ No newline at end of file
diff --git a/components/others/Home/TeamStyleTwo.js b/components/others/Home/TeamStyleTwo.js
new file mode 100644
index 0000000..6618699
--- /dev/null
+++ b/components/others/Home/TeamStyleTwo.js
@@ -0,0 +1,185 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const TeamStyleTwo = () => {
+ return (
+
+
+
+
Thamrin Group Founders
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
+
+
+
+
+
+
+
+
+
+
Josh Buttler
+ CEO & Founder
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum.
+
+
+
+
+
+
+
+
+
+
+
+
+
Alex Maxwel
+ CEO & Founder
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum.
+
+
+
+
+
+
+
+
+
+
+
+
+
Janny Cotller
+ CEO & Founder
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum.
+
+
+
+
+
+
+
+
+
+
+
+
+
Jason Statham
+ CEO & Founder
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Risus commodo viverra maecenas accumsan lacus vel facilisis quis ipsum.
+
+
+
+
+
+
+ )
+}
+
+export default TeamStyleTwo;
\ No newline at end of file
diff --git a/components/others/Sales/Sales.js b/components/others/Sales/Sales.js
new file mode 100644
index 0000000..ae33ffd
--- /dev/null
+++ b/components/others/Sales/Sales.js
@@ -0,0 +1,79 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const Sales = function ({ company, sales, ...props }) {
+
+ const DataSales = sales.map((data) => {
+ return (
+
+
+
+
+
+
+ {(data.Name)?(data.Name.length>20)?data.Name.substring(0,20):data.Name:''} Sales Consultant
+
+
+
+ {/*
+
+
+
+
+
+
+
+
+ */}
+
+
+
Details
+
+
+
+
+ )
+ })
+ return (
+
+
+
+
Mercedes Benz Sales
+
+
+
+
+ {DataSales}
+
+
+
+ )
+}
+
+export default Sales;
\ No newline at end of file
diff --git a/components/others/Sales/Sales_Detail.js b/components/others/Sales/Sales_Detail.js
new file mode 100644
index 0000000..0c5ae36
--- /dev/null
+++ b/components/others/Sales/Sales_Detail.js
@@ -0,0 +1,98 @@
+import React from 'react';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+import { FaWhatsapp } from "react-icons/fa";
+import { FaRegEnvelope } from "react-icons/fa";
+import { FaPhoneAlt } from "react-icons/fa";
+
+const Sales = function ({ backend, sales, ...props }) {
+
+ const DataSales = sales.map((data) => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
{data.Name}
+
Sales Consultant
+
+
+
+ CALL US EMAIL US WA US
+
+
+
+
+
+
+
+
+ {data.Telp}
+
+
+
+
+ {data.Email}
+
+
+
+
+ {data.company||''}
+
+
+
+
+ thamrin.mercedes-benz.co.id
+
+
+
+
+
+
+ )
+ })
+ return (
+
+ {DataSales}
+
+ )
+}
+
+export default Sales;
\ No newline at end of file
diff --git a/components/others/Shop/AddToCartBtn.js b/components/others/Shop/AddToCartBtn.js
new file mode 100644
index 0000000..b2c8ae1
--- /dev/null
+++ b/components/others/Shop/AddToCartBtn.js
@@ -0,0 +1,28 @@
+import React from 'react'
+import Link from 'next/link'
+import { useToasts } from 'react-toast-notifications'
+import { useDispatch } from 'react-redux'
+
+const AddToCartBtn = ({ id }) => {
+ // console.log(id)
+ const { addToast } = useToasts()
+ const dispatch = useDispatch()
+
+ const addToCart = () => {
+ dispatch({
+ type: 'ADD_TO_CART',
+ id
+ })
+ addToast('Cart Added Successfully', { appearance: 'success' })
+ }
+ return (
+
+
{
+ e.preventDefault();
+ addToCart()
+ }} className="add-to-cart-btn">Add to Cart
+
+ )
+}
+
+export default AddToCartBtn
diff --git a/components/others/Shop/ProductCard.js b/components/others/Shop/ProductCard.js
new file mode 100644
index 0000000..7c2000e
--- /dev/null
+++ b/components/others/Shop/ProductCard.js
@@ -0,0 +1,112 @@
+import React from 'react'
+import Link from 'next/link'
+import * as Icon from 'react-feather'
+import { useSelector } from 'react-redux'
+import AddToCartBtn from './AddToCartBtn'
+
+const ProductCard = () => {
+ const products = useSelector((state) => state.products)
+
+ // console.log(products)
+
+ return (
+
+
+
+
+
+
+
Showing 1-8 of 14 results
+
+
+
+
+
+
+ Sort by Popularity
+ Sort by Average Rating
+ Sort by Latest
+ Sort by price: Low to High
+ Sort by price: High to Low
+ Sort by New
+
+
+
+
+
+
+
+
+ {products.map(product => (
+
+
+
+
+
+
+
+
+
+
+
${product.price}
+
+
+
+
+
+
+ ))}
+
+ {/* Pagination */}
+
+
+
+
+ )
+}
+
+export default ProductCard;
\ No newline at end of file
diff --git a/components/others/Shop/ProductSlider.js b/components/others/Shop/ProductSlider.js
new file mode 100644
index 0000000..0e6e3fe
--- /dev/null
+++ b/components/others/Shop/ProductSlider.js
@@ -0,0 +1,42 @@
+import React from 'react'
+import dynamic from 'next/dynamic'
+const OwlCarousel = dynamic(import('react-owl-carousel3'))
+
+const options = {
+ loop: true,
+ nav: true,
+ dots: false,
+ autoplay: true,
+ items: 1,
+ smartSpeed: 1000,
+ autoplayTimeout: 5000,
+ navText: [
+ "
",
+ "
"
+ ],
+};
+
+const ProductSlider = ({ images }) => {
+ const [display, setDisplay] = React.useState(false);
+
+ React.useEffect(() => {
+ setDisplay(true);
+ }, [])
+
+ return (
+ <>
+ {display ?
+ {images && images.map((img, idx) => (
+
+
+
: ''}
+
+ )
+}
+
+export default ProductSlider;
\ No newline at end of file
diff --git a/components/others/Shop/ProductsDetailsTabs.js b/components/others/Shop/ProductsDetailsTabs.js
new file mode 100644
index 0000000..1f383ee
--- /dev/null
+++ b/components/others/Shop/ProductsDetailsTabs.js
@@ -0,0 +1,82 @@
+import React from 'react';
+import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs';
+resetIdCounter();
+
+const ProductsDetailsTabs = () => {
+ return (
+
+
+
+ Description
+ Additional Information
+ Review
+
+
+
+
+
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Lorem Ipsum is simply dummy text of the printing.
+
+
+
+
+
+ Brand ThemeForestColor BrownSize Large, MediumWeight 27 kgDimensions 16 x 22 x 123 cm
+
+
+
+
+
Customer Reviews
+
There are no reviews yet.
+
+
+
+
+
+ )
+}
+
+export default ProductsDetailsTabs;
\ No newline at end of file
diff --git a/components/others/Shop/QuickViewModal.js b/components/others/Shop/QuickViewModal.js
new file mode 100644
index 0000000..3249395
--- /dev/null
+++ b/components/others/Shop/QuickViewModal.js
@@ -0,0 +1,58 @@
+import React from 'react';
+import * as Icon from 'react-feather';
+
+const QuickViewModal = () => {
+ return (
+
+
+
+
+ ×
+
+
+
+
+
+
+
+
+
+
+
+
Wood Pencil
+
+
+ $200.00 $191.00
+
+
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default QuickViewModal;
\ No newline at end of file
diff --git a/config/apollo-config.js b/config/apollo-config.js
new file mode 100644
index 0000000..c6d9e29
--- /dev/null
+++ b/config/apollo-config.js
@@ -0,0 +1,6 @@
+// Apollo Value Configuration
+const ApolloConfig = {
+ graphql_uri: process.env.NEXT_PUBLIC_API_GRAPHQL_URI,
+};
+
+export default ApolloConfig;
diff --git a/config/backend-config.js b/config/backend-config.js
new file mode 100644
index 0000000..6e5b86d
--- /dev/null
+++ b/config/backend-config.js
@@ -0,0 +1,7 @@
+//Backend Value Configuration
+const BackendConfig = {
+ uri: process.env.BACKEND_SERVER_URI,
+ // captcha: process.env.CAPTCHA_CLIENT_KEY,
+};
+
+export default BackendConfig;
\ No newline at end of file
diff --git a/ecosystem.config.js b/ecosystem.config.js
new file mode 100644
index 0000000..cb4ad73
--- /dev/null
+++ b/ecosystem.config.js
@@ -0,0 +1,16 @@
+const path = require("path");
+require("dotenv").config({ path: path.join(__dirname, ".env") });
+
+module.exports = {
+ apps: [
+ {
+ name: "tbg-frontend-web",
+ script: "index.js",
+ time: true,
+ env: {
+ NODE_ENV: "development",
+ },
+ env_production: process.env,
+ },
+ ],
+};
diff --git a/env-example b/env-example
new file mode 100644
index 0000000..c099582
--- /dev/null
+++ b/env-example
@@ -0,0 +1,5 @@
+NEXT_PUBLIC_API_GRAPHQL_URI=#STRAPI URL#/graphql
+BACKEND_SERVER_URI =#STRAPI URL#
+
+PORT=#PORT#
+NODE_ENV = production
\ No newline at end of file
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..2e7cbf8
--- /dev/null
+++ b/index.js
@@ -0,0 +1,55 @@
+const { createServer } = require("http");
+const express = require('express')
+
+const { parse } = require("url");
+const next = require("next");
+const { createProxyMiddleware } = require('http-proxy-middleware');
+
+const cli = require("next/dist/cli/next-start");
+
+const dev = process.env.NODE_ENV !== "production";
+const app = next({ dev });
+const handle = app.getRequestHandler();
+// require("dotenv").config();
+
+console.log(process.env.PORT);
+const port = process.env.PORT || "14011";
+
+
+app.prepare().then(() => {
+
+ // const server = createServer((req, res) => {
+ // const parsedUrl = parse(req.url, true);
+ // const { pathname,query } = parsedUrl;
+ // if(pathname=='/index.html.var'){
+ // app.render(req, res, "/home", query);
+ // }
+ // // if (pathname === "/") {
+ // // console.log("=>",parsedUrl);
+ // // }
+ // // if(!pathname.includes('api/util')){
+ // // if(pathname.includes('/product')){
+ // // var company = pathname.substring(1,pathname.lastIndexOf('/product'));
+ // // if(company.length>1)parsedUrl.query = {'company':company,...parsedUrl.query};
+ // // }
+ // // console.log("rendering..",pathname);
+ // // }
+ // else handle(req, res, parsedUrl);
+ // });
+ const server = express();
+
+ server.use(
+ '/uploads',
+ createProxyMiddleware({
+ target: process.env.BACKEND_SERVER_URI,
+ changeOrigin: true,
+ }),
+ );
+
+ server.all('*', (req, res) => handle(req, res));
+
+ server.listen(port, (err) => {
+ if (err) throw err;
+ console.log(`Ready on port ${port}`);
+ });
+});
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000..5995ee5
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,13 @@
+{
+ "compilerOptions": {
+ "baseUrl": ".",
+ "paths": {
+ "@/components/*": ["components/*"],
+ "@/utils/*": ["utils/*"],
+ "@/public/*": ["public/*"],
+ "@/api/*": ["api/*"],
+ "@/lib/*": ["lib/*"],
+ "@/config/*": ["config/*"]
+ }
+ }
+}
\ No newline at end of file
diff --git a/lib/apollo.js b/lib/apollo.js
new file mode 100644
index 0000000..bc819fa
--- /dev/null
+++ b/lib/apollo.js
@@ -0,0 +1,95 @@
+import {
+ ApolloClient,
+ InMemoryCache,
+ gql,
+ ApolloLink,
+ concat,
+ // useQuery,
+ // createHttpLink,
+ HttpLink
+} from "@apollo/client";
+import ApolloConfig from "../config/apollo-config";
+// import fetch from "cross-fetch";
+
+function errorHandler(object) {
+ return object.graphQLErrors.length != 0
+ ? object.graphQLErrors[0].message
+ : object.networkError && object.networkError.result
+ ? object.networkError.result.errors.join(" ; ")
+ : object.networkError
+ ? object.networkError[Object.keys(object.networkError)[0]].toString()
+ : "Fetch failed";
+}
+
+function initApollo(token) {
+ // const httpLink = createHttpLink({
+ // uri: ApolloConfig.graphql_uri,
+ // fetch: fetch,
+ // headers:
+ // token != ""
+ // ? {
+ // Authorization: `Bearer ${token}`,
+ // }
+ // : null,
+ // });
+ const httpLink = new HttpLink({ uri: ApolloConfig.graphql_uri });
+
+ const authMiddleware = new ApolloLink((operation, forward) => {
+ operation.setContext(({ headers = {} }) => token == ""?headers:({
+ headers: {
+ ...headers,
+ Authorization: `Bearer ${token}`,
+ }
+ }));
+ return forward(operation);
+ })
+
+ return new ApolloClient({
+ cache: new InMemoryCache({
+ addTypename: false,
+ }),
+ link: concat(authMiddleware, httpLink),
+ });
+}
+
+async function query(query, token = "", variables = {}, cache = false) {
+ const client = initApollo(token);
+ var res;
+ try {
+ var sql = await client.query({
+ query: gql`
+ ${query}
+ `,
+ variables: variables,
+ fetchPolicy: cache ? "cache-first" : "no-cache",
+ });
+ res = { STATUS: 1, DATA: sql.data };
+ } catch (e) {
+ console.log(e.message);
+ res = { STATUS: 0, DATA: e.message };
+ }
+ return res;
+}
+
+async function mutation(mutation, token = "", variables = {}) {
+ const client = initApollo(token);
+ var res;
+ try {
+ var sql = await client.mutate({
+ mutation: gql`
+ ${mutation}
+ `,
+ variables: variables,
+ });
+ res = { STATUS: 1, DATA: sql.data };
+ } catch (e) {
+ console.log(e.message);
+ res = { STATUS: 0, DATA: e.message };
+ }
+ return res;
+}
+
+module.exports = {
+ query: query,
+ mutation: mutation,
+};
diff --git a/lib/ga/index.js b/lib/ga/index.js
new file mode 100644
index 0000000..9752245
--- /dev/null
+++ b/lib/ga/index.js
@@ -0,0 +1,11 @@
+// log the pageview with their URL
+export const pageview = (url) => {
+ window.gtag('config', process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS, {
+ page_path: url,
+ })
+}
+
+// log specific events happening.
+export const event = ({ action, params }) => {
+ window.gtag('event', action, params)
+}
\ No newline at end of file
diff --git a/lib/util.js b/lib/util.js
new file mode 100644
index 0000000..87f3881
--- /dev/null
+++ b/lib/util.js
@@ -0,0 +1,10 @@
+const parse = require('html-react-parser');
+
+module.exports = {
+ htmlParse : function(html){
+ if(html){
+ return parse(html.replace(/\n/g,'
'));
+ }
+ else '';
+ }
+}
\ No newline at end of file
diff --git a/next.config.js b/next.config.js
new file mode 100644
index 0000000..b05e6ed
--- /dev/null
+++ b/next.config.js
@@ -0,0 +1,12 @@
+const path = require('path')
+module.exports = {
+ sassOptions: {
+ includePaths: [path.join(__dirname, 'styles')],
+ },
+ trailingSlash: true,
+ i18n: {
+ locales: ['en', 'ar'],
+ defaultLocale: 'en',
+ },
+ productionBrowserSourceMaps: true,
+}
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..3f2e083
--- /dev/null
+++ b/package.json
@@ -0,0 +1,58 @@
+{
+ "name": "startp",
+ "version": "3.2.0",
+ "description": "Thamrin Group",
+ "main": "index.js",
+ "scripts": {
+ "dev": "next dev",
+ "build": "next build",
+ "export": "next export",
+ "start": "next start"
+ },
+ "author": "EnvyTheme.com",
+ "dependencies": {
+ "@apollo/client": "^3.3.11",
+ "animate.css": "^4.1.1",
+ "axios": "^0.21.1",
+ "cookies": "^0.8.0",
+ "cross-fetch": "^3.1.4",
+ "dotenv": "^10.0.0",
+ "firebase": "^9.5.0",
+ "firebase-tools": "^9.23.0",
+ "graphql": "^15.6.1",
+ "html-react-parser": "^1.4.8",
+ "http-proxy-middleware": "^2.0.6",
+ "midtrans-client": "^1.2.5",
+ "next": "^10.0.7",
+ "nodemailer": "^6.5.0",
+ "nodemailer-sendgrid-transport": "^0.2.0",
+ "path": "^0.12.7",
+ "pm2": "^5.1.2",
+ "react": "^17.0.1",
+ "react-accessible-accordion": "^3.3.4",
+ "react-dom": "^17.0.1",
+ "react-feather": "^2.0.9",
+ "react-firebaseui": "^6.0.0",
+ "react-hook-form": "^6.15.4",
+ "react-html-parser": "^2.0.2",
+ "react-icons": "^4.3.1",
+ "react-masonry-component": "^6.2.1",
+ "react-number-format": "^4.7.3",
+ "react-owl-carousel3": "^2.2.5",
+ "react-query": "^3.34.4",
+ "react-redux": "^7.1.0",
+ "react-scroll": "^1.8.4",
+ "react-select": "^5.2.1",
+ "react-slick": "^0.28.0",
+ "react-tabs": "^3.2.0",
+ "react-toast-notifications": "^2.4.3",
+ "redux": "^3.6.0",
+ "redux-devtools-extension": "^2.13.2",
+ "request-promise": "^4.2.6",
+ "sass": "^1.32.7",
+ "sweetalert": "^2.1.2",
+ "sweetalert2": "^10.15.5",
+ "sweetalert2-react-content": "^3.3.1"
+ },
+ "license": "MIT"
+}
diff --git a/pages/404.js b/pages/404.js
new file mode 100644
index 0000000..2ac42fe
--- /dev/null
+++ b/pages/404.js
@@ -0,0 +1,28 @@
+import React from 'react'
+import Link from 'next/link'
+
+const Custom404 = () => {
+ return (
+
+
+
+
+
+
+
Oops!
+
+
404 - Page not found
+
The page you are looking for might have been removed had its name changed or is temporarily unavailable.
+
+
+
Go to Homepage
+
+
+
+
+
+
+ )
+}
+
+export default Custom404
\ No newline at end of file
diff --git a/pages/Carrer/index.js b/pages/Carrer/index.js
new file mode 100644
index 0000000..446f79f
--- /dev/null
+++ b/pages/Carrer/index.js
@@ -0,0 +1,42 @@
+import React from 'react';
+import Navbar from "@/components/_App/Navbar";
+import Footer from "@/components/_App/Footer";
+import PageBanner from '@/components/Common/PageBanner';
+import LatestNews from '@/components/Company/LatestNews/LatestNews';
+
+
+const News = function ({ backend, news, othernews, ...props }) {
+ return (
+ <>
+
+
+
+
+
+
+
+
+ )
+}
+
+export default News;
+
+export async function getServerSideProps(context) {
+ var news = [];
+ var othernews = [];
+ const backend = process.env.BACKEND_SERVER_URI;
+
+ // var res = await GetLatestNews.GetNewsYamaha();
+ // if (res["STATUS"] === 1) {
+ // news = res["DATA"]["latestNews"];
+ // }
+
+ // var res = await GetLatestNews.GetOtherNewsYamaha();
+ // if (res["STATUS"] === 1) {
+ // othernews = res["DATA"]["latestNews"];
+ // }
+
+ return {
+ props: { news, othernews, backend }, // will be passed to the page component as props
+ };
+}
\ No newline at end of file
diff --git a/pages/_app.js b/pages/_app.js
new file mode 100644
index 0000000..4f8366c
--- /dev/null
+++ b/pages/_app.js
@@ -0,0 +1,52 @@
+import '@/public/css/bootstrap.min.css'
+import 'animate.css'
+import '@/public/css/boxicons.min.css'
+import '@/public/css/flaticon.css'
+import "@/public/css/slick.css"
+import 'react-accessible-accordion/dist/fancy-example.css'
+import '@/public/css/style.css'
+import '@/public/css/responsive.css'
+
+// Multicolor if you want this color comment out
+// import '@/public/css/colors/brink-pink-style.css'
+// import '@/public/css/colors/pink-style.css'
+// import '@/public/css/colors/purple-style.css'
+
+import Layout from '@/components/_App/Layout'
+import { Provider } from 'react-redux'
+import { ToastProvider } from 'react-toast-notifications'
+import { useStore } from '../store'
+import * as ga from '../lib/ga'
+import { useEffect } from 'react'
+import { useRouter } from 'next/router'
+
+export default function App({ Component, pageProps }) {
+ const router = useRouter();
+ const store = useStore(pageProps.initialReduxState)
+ useEffect(() => {
+ const handleRouteChange = (url) => {
+ ga.pageview(url)
+ }
+ //When the component is mounted, subscribe to router changes
+ //and log those page views
+ router.events.on('routeChangeComplete', handleRouteChange)
+
+ // If the component is unmounted, unsubscribe
+ // from the event with the `off` method
+ return () => {
+ router.events.off('routeChangeComplete', handleRouteChange)
+ }
+ }, [router.events]);
+ return (
+
+
+
+
+ )
+}
diff --git a/pages/_document.js b/pages/_document.js
new file mode 100644
index 0000000..7f02526
--- /dev/null
+++ b/pages/_document.js
@@ -0,0 +1,43 @@
+import Document, { Html, Head, Main, NextScript, DocumentContext } from 'next/document'
+
+class MyDocument extends Document {
+
+ static async getInitialProps(ctx) {
+ const initialProps = await Document.getInitialProps(ctx);
+ return { ...initialProps }
+ }
+
+ render() {
+ const {locale} = this.props.__NEXT_DATA__
+ const dir = locale === 'ar' ? 'rtl' : 'ltr';
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ )
+ }
+}
+
+export default MyDocument;
\ No newline at end of file
diff --git a/pages/about/index.js b/pages/about/index.js
new file mode 100644
index 0000000..8cc4593
--- /dev/null
+++ b/pages/about/index.js
@@ -0,0 +1,43 @@
+import React from 'react';
+import Header from "@/components/Company/Header";
+import Footer from "@/components/Company/Footer";
+import PageBanner from '@/components/Common/PageBanner';
+import AboutUS from '@/components/Company/AboutUs/AboutUs';
+
+
+import Cookies from "cookies";
+import Gallery from "@/components/Common/new/Gallery";
+import Company from "@/api/new/company";
+
+const About = function ({ companyName,sosmed,background,gallery,info,company,icon,user, ...props }) {
+ return (
+ <>
+
+
+
+
+
+
+ )
+}
+
+export default About;
+
+export async function getServerSideProps(context) {
+ var props = {};
+ var companyName = process.env.NEXT_PUBLIC_COMPANY;
+ var res = await Company.companyByName(companyName);
+
+ if (res["STATUS"] === 1 && res["DATA"]["companies"].data) {
+ props["icon"] = res["DATA"]["companies"].data[0].attributes.Icon.data.attributes.url;
+ props["company"] =res["DATA"]["companies"].data[0].attributes;
+ props["info"] =res["DATA"]["companies"].data[0].attributes.Description;
+ props["gallery"] = (res["DATA"]["companies"].data[0].attributes.Gallery.data)?res["DATA"]["companies"].data[0].attributes.Gallery.data.map((data,idx)=>data.attributes.url):[];
+ props["background"] = res["DATA"]["companies"].data[0].attributes.Background.data.attributes.url;
+ props["sosmed"] = res["DATA"]["companies"].data[0].attributes.Social_Medias.data;
+ }
+ props["companyName"] = companyName;
+ return {
+ props
+ };
+}
\ No newline at end of file
diff --git a/pages/api/other/auth/login.js b/pages/api/other/auth/login.js
new file mode 100644
index 0000000..5c3385a
--- /dev/null
+++ b/pages/api/other/auth/login.js
@@ -0,0 +1,41 @@
+import auth from "@/api/others/auth/auth";
+import Cookies from "cookies";
+
+export default async function handler(req, res) {
+ if (req.method == "POST") {
+ const cookies = new Cookies(req, res);
+ var email = req.body.email;
+ var pass = req.body.pass;
+ var partner = req.body.partner;
+ var resp = await auth.login(partner, email, pass);
+ var login = resp["res"];
+ // console.log(login["DATA"]);
+ if (login["STATUS"] == 0) {
+ return res
+ .status(400)
+ .send(login["DATA"] + ". Check user and password again.");
+ }
+ var userObj = resp["cookies"]["user"];
+ await cookies.set("myToken", resp["cookies"]["token"], {
+ httpOnly: true, // true by default
+ });
+ await cookies.set("user", JSON.stringify(userObj), {
+ httpOnly: true, // true by default
+ });
+ let sessionId = userObj["partners_login_states"].filter(
+ (i) =>
+ i.business_partner &&
+ i.business_partner.name.toUpperCase() == partner.toUpperCase()
+ );
+ if (sessionId.length == 0) return res.status(400).send("Login Failed");
+ return res.status(200).send("Success Login");
+ // res.status(200).json(login);
+ // res.writeHead(200, {
+ // Location: "../home",
+ // //add other headers here...
+ // });
+ // res.end();
+ } else {
+ return res.status(400).send("NOT FOUND");
+ }
+}
diff --git a/pages/api/other/auth/logout.js b/pages/api/other/auth/logout.js
new file mode 100644
index 0000000..97a26a2
--- /dev/null
+++ b/pages/api/other/auth/logout.js
@@ -0,0 +1,36 @@
+import auth from "../../../../api/others/auth/auth";
+import Cookies from "cookies";
+
+export default async function handler(req, res) {
+ if (req.method == "POST") {
+ const cookies = new Cookies(req, res);
+ const partner = req.body.p;
+ var user = await cookies.get("user");
+ var token = await cookies.get("myToken");
+ var userObj = user ? JSON.parse(user) : null;
+ let sessionId = userObj["partners_login_states"].filter(
+ (i) =>
+ i.business_partner &&
+ i.business_partner.name.toUpperCase() == partner.toUpperCase()
+ );
+ sessionId.forEach(async (i) => {
+ var resp = await auth.logout(i.id, token);
+ if (resp["STATUS"] == 0) {
+ return res.status(400).send(resp["DATA"]);
+ }
+ });
+ userObj["partners_login_states"] = userObj[
+ "partners_login_states"
+ ].filter(
+ (i) =>
+ i.business_partner &&
+ i.business_partner.name.toUpperCase() != partner.toUpperCase()
+ );
+ await cookies.set("user", JSON.stringify(userObj), {
+ httpOnly: true, // true by default
+ });
+ return res.status(200).send("Success Logout");
+ } else {
+ return res.status(400).send("NOT FOUND");
+ }
+}
diff --git a/pages/api/other/contact.js b/pages/api/other/contact.js
new file mode 100644
index 0000000..cb90939
--- /dev/null
+++ b/pages/api/other/contact.js
@@ -0,0 +1,37 @@
+import nodemailer from 'nodemailer';
+import sgTransport from 'nodemailer-sendgrid-transport';
+
+const transporter = {
+ auth: {
+ // Use SendGrid API key
+ api_key: '##'
+ }
+}
+
+const mailer = nodemailer.createTransport(sgTransport(transporter));
+
+export default async (req, res) => {
+ console.log(req.body)
+ const {name, email, number, subject, text} = req.body;
+
+ const data = {
+ to: 'example@gmail.com',
+ from: email,
+ subject: 'Hi there',
+ text: text,
+ html: `
+ From: ${name} Number: ${number} Subject: ${subject} Message: ${text}
+ `
+ };
+ try {
+ const response = await mailer.sendMail(data);
+ console.log(response)
+ res.status(200).send("Email send successfully")
+ } catch (error) {
+ console.log(error);
+ res.status(500).send("Error proccessing charge");
+ }
+}
diff --git a/pages/api/other/register/create.js b/pages/api/other/register/create.js
new file mode 100644
index 0000000..33e6d5e
--- /dev/null
+++ b/pages/api/other/register/create.js
@@ -0,0 +1,7 @@
+import Register from "@/api/others/auth/auth";
+
+export default async function handler(req, resp) {
+ var input = req.body;
+ var res = await Register.register(input);
+ resp.status(200).json(res);
+}
\ No newline at end of file
diff --git a/pages/api/other/transaction/AddToCart.js b/pages/api/other/transaction/AddToCart.js
new file mode 100644
index 0000000..0d59df7
--- /dev/null
+++ b/pages/api/other/transaction/AddToCart.js
@@ -0,0 +1,7 @@
+import Transaction from "@/api/others/transaction/transaction";
+
+export default async function handler(req, resp) {
+ var input = req.body;
+ var res = await Transaction.AddToCart(input);
+ resp.status(200).json(res);
+}
\ No newline at end of file
diff --git a/pages/api/other/transaction/AddToCheckout.js b/pages/api/other/transaction/AddToCheckout.js
new file mode 100644
index 0000000..d0ec926
--- /dev/null
+++ b/pages/api/other/transaction/AddToCheckout.js
@@ -0,0 +1,7 @@
+import Transaction from "@/api/others/transaction/transaction";
+
+export default async function handler(req, resp) {
+ var input = req.body;
+ var res = await Transaction.AddToCheckout(input);
+ resp.status(200).json(res);
+}
\ No newline at end of file
diff --git a/pages/api/other/transaction/create.js b/pages/api/other/transaction/create.js
new file mode 100644
index 0000000..1563572
--- /dev/null
+++ b/pages/api/other/transaction/create.js
@@ -0,0 +1,7 @@
+import Transaction from "@/api/others/transaction/transaction";
+
+export default async function handler(req, resp) {
+ var input = req.body;
+ var res = await Transaction.newTransactionYamaha(input);
+ resp.status(200).json(res);
+}
\ No newline at end of file
diff --git a/pages/api/other/transaction/createHino.js b/pages/api/other/transaction/createHino.js
new file mode 100644
index 0000000..48c492f
--- /dev/null
+++ b/pages/api/other/transaction/createHino.js
@@ -0,0 +1,7 @@
+import Transaction from "@/api/others/transaction/transaction";
+
+export default async function handler(req, resp) {
+ var input = req.body;
+ var res = await Transaction.newTransactionHino(input);
+ resp.status(200).json(res);
+}
\ No newline at end of file
diff --git a/pages/api/other/transaction/createHonda.js b/pages/api/other/transaction/createHonda.js
new file mode 100644
index 0000000..e5962e0
--- /dev/null
+++ b/pages/api/other/transaction/createHonda.js
@@ -0,0 +1,8 @@
+import Transaction from "@/api/others/transaction/transaction";
+
+export default async function handler(req, resp) {
+ var input = req.body;
+ var res = await Transaction.newTransactionHonda(input);
+ console.log(input);
+ resp.status(200).json(res);
+}
\ No newline at end of file
diff --git a/pages/api/other/transaction/createSuzuki.js b/pages/api/other/transaction/createSuzuki.js
new file mode 100644
index 0000000..a7cc630
--- /dev/null
+++ b/pages/api/other/transaction/createSuzuki.js
@@ -0,0 +1,8 @@
+import Transaction from "@/api/others/transaction/transaction";
+
+export default async function handler(req, resp) {
+ var input = req.body;
+ var res = await Transaction.newTransactionSuzuki(input);
+ console.log(input);
+ resp.status(200).json(res);
+}
\ No newline at end of file
diff --git a/pages/api/util/index.js b/pages/api/util/index.js
new file mode 100644
index 0000000..3b747fc
--- /dev/null
+++ b/pages/api/util/index.js
@@ -0,0 +1,21 @@
+import BackendConfig from "@/config/backend-config";
+
+export default async function handler(req, resp) {
+ try {
+ const { img } = req.query;
+ var values = BackendConfig["uri"];
+ var res = await fetch(`${values}${img}`);
+ var buffer;
+ if (res.ok) {
+ buffer = await res.arrayBuffer();
+ }
+ resp.writeHead(200, {
+ "Content-Type": "image/jpeg",
+ "Content-Length": buffer.byteLength,
+ });
+ resp.end(Buffer.from(buffer), "binary");
+ } catch (e) {
+ console.log("error", e.message);
+ resp.end(null);
+ }
+}
\ No newline at end of file
diff --git a/pages/cart.js b/pages/cart.js
new file mode 100644
index 0000000..e696b7a
--- /dev/null
+++ b/pages/cart.js
@@ -0,0 +1,29 @@
+import React from 'react'
+import Navbar from "@/components/_App/Navbar"
+import Footer from "@/components/_App/Footer"
+import PageBanner from '@/components/Common/PageBanner'
+import CartContent from '@/components/others/Cart/CartContent'
+
+const Cart = () => {
+ return (
+ <>
+
+
+
+
+
+
Under Construction
+
Our website is currently undergoing scheduled maintenance. We Should be back shortly. Thank you for your patience.
+
+
+
+
+
+ {days} Days
+
+
+ {hours} Hours
+
+
+ {minutes} Minutes
+
+
+ {seconds} Seconds
+
+
+
+
+
+
+
+
+ Follow us for update:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export async function getServerSideProps(context) {
+ var { req, resp } = context;
+ var props = {};
+ var companyName = process.env.NEXT_PUBLIC_COMPANY;
+ // const cookies = new Cookies(req, resp);
+ // var user = "";
+ // var userObj = (await cookies.get("user"))
+ // ? JSON.parse(await cookies.get("user"))
+ // : null;
+ // if (userObj) {
+ // let sessionId = userObj["partners_login_states"].filter(function (i) {
+ // return (
+ // i.business_partner && i.business_partner.name.toUpperCase() == "YAMAHA"
+ // );
+ // });
+ // if (sessionId.length != 0) user = userObj["username"];
+ // }
+ var res = await Company.companyByName(companyName);
+ if (res["STATUS"] === 1 && res["DATA"]["companies"].data) {
+ props["icon"] = res["DATA"]["companies"].data[0].attributes.Icon.data.attributes.url;
+ props["dealers"] = res["DATA"]["companies"].data[0].attributes.Dealers.data;
+ props["companyData"] =res["DATA"]["companies"].data[0].attributes;
+ // props["company"] =res["DATA"]["companies"].data[0].attributes;
+ props["info"] =res["DATA"]["companies"].data[0].attributes.Description;
+ // props["gallery"] = (res["DATA"]["companies"].data[0].attributes.Gallery.data)?res["DATA"]["companies"].data[0].attributes.Gallery.data.map((data,idx)=>data.attributes.url):[];
+ // props["background"] = res["DATA"]["companies"].data[0].attributes.Background.data.attributes.url;
+ props["sosmed"] = res["DATA"]["companies"].data[0].attributes.Social_Medias.data;
+ }
+ props["company"] =companyName;
+ return {
+ props, // will be passed to the page component as props
+ };
+}
+
+export default Contact;
\ No newline at end of file
diff --git a/pages/forgot-password.js b/pages/forgot-password.js
new file mode 100644
index 0000000..a7145aa
--- /dev/null
+++ b/pages/forgot-password.js
@@ -0,0 +1,41 @@
+import React from 'react';
+import Navbar from "@/components/_App/Navbar";
+import Footer from "@/components/_App/Footer";
+import PageBanner from '@/components/Common/PageBanner';
+import Link from 'next/link';
+
+const ForgotPassword = () => {
+ return (
+ <>
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
+
+
+
+
+
+
+
+ {(companyName=='yamaha')?
+
+
+
+ )
+}
+
+export async function getServerSideProps(context) {
+ var companyName = process.env.NEXT_PUBLIC_COMPANY;
+ var props = {};
+ try{
+ var res = await company.companyByName(companyName);
+ if (res["STATUS"] === 1) {
+ props["featured"] = res["DATA"]["companies"].data[0].attributes.Featured.data;
+ props["company"] = res["DATA"]["companies"].data[0].attributes;
+ props["icon"] = res["DATA"]["companies"].data[0].attributes.Icon.data.attributes.url;
+ props["main_banner"] = res["DATA"]["Main_Banner"].data;
+ props["dealers"] = res["DATA"]["companies"].data[0].attributes.Dealers.data;
+ props["banner"] = res["DATA"]["companies"].data[0].attributes.Banner.data;
+ props["sosmed"] = res["DATA"]["companies"].data[0].attributes.Social_Medias.data;
+ }
+ props["companyName"]=companyName;
+ }
+ catch(e){
+ console.log('error fetch company data',e);
+ }
+
+ return {
+ props, // will be passed to the page component as props
+ };
+}
+
+export default Index;
\ No newline at end of file
diff --git a/pages/index.js b/pages/index.js
new file mode 100644
index 0000000..d34b671
--- /dev/null
+++ b/pages/index.js
@@ -0,0 +1,13 @@
+export async function getServerSideProps(context) {
+ var { query } = context;
+ return {
+ redirect: {
+ destination: '/home/',
+ permanent: false,
+ },
+ }
+}
+
+export default function Redirecting(){
+ return 'redirecting....';
+}
\ No newline at end of file
diff --git a/pages/login.js b/pages/login.js
new file mode 100644
index 0000000..13d2171
--- /dev/null
+++ b/pages/login.js
@@ -0,0 +1,72 @@
+import React from 'react';
+import Navbar from "@/components/_App/Navbar";
+import Footer from "@/components/_App/Footer";
+import PageBanner from '@/components/Common/PageBanner';
+import Link from 'next/link';
+import * as Icon from 'react-feather';
+
+const Login = () => {
+ return (
+ <>
+
+
+
+
+
+
+
+
Don't have an account yet?
+
+
+
+
+
+
+
+
)}
+
+ {!(company=="Thamrin")?():()}
+
+ )
+}
+
+export async function getServerSideProps(context) {
+ const { id } = context.query;
+ var props = {"id":id};
+ var content = await News.newsById(id);
+ if (content["STATUS"] === 1) {
+ props["news"] = content["DATA"].content.data.attributes;
+ }
+ var Ids = await News.newsByCompanyId(content["DATA"].content.data.attributes.Company.data.id);
+ if(Ids["STATUS"]==1){
+ var currentNewsIdx;
+ var newsIds = Ids["DATA"].contents.data.map((i,idx)=>{
+ if(i.id == id) currentNewsIdx = idx;
+ return {id:i.id,title:i.attributes.Title,publishedAt:i.attributes.publishedAt,thumbnail:(i.attributes.Image.data)?i.attributes.Image.data.attributes.url:null};
+ });
+ if(currentNewsIdx != null){
+ props["navigation"] =newsIds.filter((i,idx)=>{
+ return ((currentNewsIdx<(newsIds.length-1)&& idx ==(currentNewsIdx+1)) || (currentNewsIdx> 0 && idx == (currentNewsIdx -1)));
+ });
+ }
+
+ }
+ var socials = await Social.socialByCompany(content["DATA"].content.data.attributes.Company.data.id);
+ if(socials["STATUS"]==1){
+ props["socials"] = socials["DATA"].socialMedias.data;
+ }
+ var dealers = await Dealer.dealersByCompanyId(content["DATA"].content.data.attributes.Company.data.id);
+ if(dealers["STATUS"]==1&&dealers["DATA"].dealers.data && dealers["DATA"].dealers.data.length>0){
+ const dealer = dealers["DATA"].dealers.data[0].attributes;
+ props["dealer"] = {Email:dealer.Email, Address:dealer.Address, Telp: dealer.Telp};
+ }
+ var icon = await Company.companyIcon(content["DATA"].content.data.attributes.Company.data.id);
+ if(icon["STATUS"]==1)props["icon"] = icon["DATA"].company.data.attributes.Icon.data.attributes.url;
+
+ props["company"] = content["DATA"].content.data.attributes.Company.data.attributes.Name;
+ props["companyData"] = content["DATA"].content.data.attributes.Company.data.attributes;
+ props["desc"] = content["DATA"].content.data.attributes.Company.data.attributes.Description;
+ return {
+ props
+ };
+}
+
+
+export default NewsDetails;
\ No newline at end of file
diff --git a/pages/news/index.js b/pages/news/index.js
new file mode 100644
index 0000000..27f1754
--- /dev/null
+++ b/pages/news/index.js
@@ -0,0 +1,50 @@
+import React from 'react';
+import Header from "@/components/Company/Header";
+import Footer from "@/components/Company/Footer";
+import PageBanner from '@/components/Common/PageBanner';
+import NewsList from '@/components/Common/new/NewsList';
+
+//api
+import Social from "@/api/new/social";
+import News from "@/api/new/news";
+import Company from "@/api/new/company";
+
+const NewsPage = ({companyData,company,icon,sosmed,news,pageCount,page,desc}) => {
+ return (
+ <>
+
+
+
+
+ )
+}
+export async function getServerSideProps(context) {
+ var companyName = process.env.NEXT_PUBLIC_COMPANY;
+ var page = context.query.p||1;
+ var props = {};
+ try{
+ var res = await Company.companyByName(companyName);
+ if (res["STATUS"] === 1) {
+ props["icon"] = res["DATA"]["companies"].data[0].attributes.Icon.data.attributes.url;
+ props["desc"] = res["DATA"]["companies"].data[0].attributes.Description;
+ props["companyData"] =res["DATA"]["companies"].data[0].attributes;
+ }
+ var socials = await Social.socialByCompany(companyName);
+ if(socials["STATUS"]==1){
+ props["sosmed"] = socials["DATA"].socialMedias.data;
+ }
+ var news = await News.newsByCompanyName(companyName,6,page);
+ if(news["STATUS"]==1){
+ props["news"] = news["DATA"].contents.data;
+ props["pageCount"] = news["DATA"].contents.meta.pagination.pageCount;
+ }
+ props["page"] = page;
+ props["company"] = companyName;
+ }
+ catch(e){}
+ return {
+ props, // will be passed to the page component as props
+ };
+}
+export default NewsPage;
\ No newline at end of file
diff --git a/pages/other/ForgotPassword.js b/pages/other/ForgotPassword.js
new file mode 100644
index 0000000..54b959f
--- /dev/null
+++ b/pages/other/ForgotPassword.js
@@ -0,0 +1,31 @@
+import React from 'react';
+import Link from 'next/link';
+
+const ForgotPassword = () => {
+ return (
+ <>
+
+
+
+
+
+
+
Masukan E-Mail anda, agar kami dapat mengirim Link Reset Password
+
+
+
+
+
+
+
+
+
+
+
+
Create a new account
+
+
+
+
+
+
Already have an account yet?
+
+
+
+
+
+
+
+ )
+}
+
+export default Checkout;
+
+export async function getServerSideProps(context) {
+ var checkout_product = [];
+ const backend = process.env.BACKEND_SERVER_URI;
+
+ var { req, resp } = context;
+ const cookies = new Cookies(req, resp);
+ var user = "";
+ var userObj = (await cookies.get("user"))
+ ? JSON.parse(await cookies.get("user"))
+ : null;
+ if (userObj) {
+ let sessionId = userObj["partners_login_states"].filter(function (i) {
+ return (
+ i.business_partner &&
+ i.business_partner.name.toUpperCase() == "YAMAHA"
+ );
+ });
+ if (sessionId.length != 0) user = userObj["username"];
+ }
+
+ var res = await CheckoutProduct.GetCheckoutproduct();
+ if (res["STATUS"] === 1) {
+ checkout_product = res["DATA"]["checkouts"];
+ }
+
+ var provinces = [];
+ var cities = [];
+ var districts = [];
+ var villages = [];
+
+ var request = require("request-promise");
+
+ var provinsi = {
+ method: "GET",
+ url: "https://emsifa.github.io/api-wilayah-indonesia/api/provinces.json",
+ // headers: { key: "f4ac703bb25ada32478d52ef2e1cab7a" },
+ };
+ var provinces = await request(provinsi);
+
+ // var kota = {
+ // method: "GET",
+ // url: "https://emsifa.github.io/api-wilayah-indonesia/api/regencies/{provinceId}.json",
+ // }
+ // var cities = await request(kota);
+
+ return {
+ props: { checkout_product, backend, user, provinces }, // will be passed to the page component as props
+ };
+}
\ No newline at end of file
diff --git a/pages/other/Shop/OrderSummary.js b/pages/other/Shop/OrderSummary.js
new file mode 100644
index 0000000..7f67078
--- /dev/null
+++ b/pages/other/Shop/OrderSummary.js
@@ -0,0 +1,49 @@
+import React from 'react';
+import NavbarYamaha from "@/components/_App/Navbar";
+import MainBanner from '@/components/Company/Home/MainBanner';
+import Footer from "@/components/_App/Footer";
+import OrderSummary from '@/components/Company/Shop/OrderSummary';
+import PageBanner from '@/components/Common/PageBanner';
+
+import Cookies from "cookies";
+
+const Index = function ({
+ dealers,
+ backend,
+ user,
+ ...props
+}) {
+ return (
+ <>
+
+
+
+
+
+
+
Tidak Punya Akun ? Silahkan
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default Shop;
+
+export async function getServerSideProps(context) {
+ var props = {};
+ var {query} = context;
+ var companyName = process.env.NEXT_PUBLIC_COMPANY;
+ try{
+ var details = await Product.GetDetailProduct(query.s||0);
+ if(details["STATUS"] === 1 && details["DATA"]["product"].data){
+ props["details"] = details["DATA"]["product"].data.attributes;
+ companyName = (details["DATA"]["product"].data.attributes.Company.data)?details["DATA"]["product"].data.attributes.Company.data.attributes.Name:'yamaha';
+ }
+ var res = await Company.companyByName(companyName);
+ if (res["STATUS"] === 1) {
+ props["icon"] = res["DATA"]["companies"].data[0].attributes.Icon.data.attributes.url;
+ props["desc"] = res["DATA"]["companies"].data[0].attributes.Description;
+ props["sosmed"] = res["DATA"]["companies"].data[0].attributes.Social_Medias.data;
+ props["companyData"] =res["DATA"]["companies"].data[0].attributes;
+ }
+ companyName = companyName.toLowerCase();
+ props["company"] = companyName;
+ }
+ catch(e){
+ console.log('error',e);
+ }
+ return {
+ props
+ };
+}
\ No newline at end of file
diff --git a/pages/product/motor/index.js b/pages/product/motor/index.js
new file mode 100644
index 0000000..cf785d0
--- /dev/null
+++ b/pages/product/motor/index.js
@@ -0,0 +1,101 @@
+import React from "react";
+import Header from "@/components/Company/Header";
+import Footer from "@/components/Company/Footer";
+import PageBanner from "@/components/Common/PageBanner";
+import ProductCard from "@/components/Common/new/UnitList";
+
+import Products from "@/api/new/product";
+import Company from "@/api/new/company";
+
+import Cookies from "cookies";
+import { QueryClient, QueryClientProvider, useQuery } from 'react-query'
+
+import Router from 'next/router'
+import { Search } from "react-feather";
+
+const queryClient = new QueryClient();
+const handleName = values => {
+ Router.push({
+ pathname: '/yamaha/Product/Motor',
+ query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{},
+ })
+}
+
+const Shop = function ({ companyData,company,total,page,pageCount,icon,desc,sosmed,selected, products, backend, user, ...props }) {
+ return (
+ <>
+
+
+
+
+ );
+};
+
+export default Shop;
+
+export async function getServerSideProps(context) {
+ var companyName = process.env.NEXT_PUBLIC_COMPANY;
+ var page = context.query.p||1;
+ var props = {};
+ try{var res = await Company.companyByName(companyName);
+ if (res["STATUS"] === 1) {
+ props["icon"] = res["DATA"]["companies"].data[0].attributes.Icon.data.attributes.url;
+ props["companyData"] =res["DATA"]["companies"].data[0].attributes;
+ props["desc"] = res["DATA"]["companies"].data[0].attributes.Description;
+ props["sosmed"] = res["DATA"]["companies"].data[0].attributes.Social_Medias.data;
+ }
+ var products = await Products.GetProduct(res["DATA"]["companies"].data[0].id,'Unit',8,page);
+ if(products['STATUS']==1){
+ props["products"]= products["DATA"].products.data;
+ props["pageCount"] = products["DATA"].products.meta.pagination.pageCount;
+ props["total"] = products["DATA"].products.meta.pagination.total;
+ }
+ props["company"] = companyName;
+ props["page"] = page;}catch(e){};
+ return {props};
+ // var product = [];
+ // const backend = process.env.BACKEND_SERVER_URI;
+ // var filter = context.query.filter||"";
+ // var selected = "";
+
+ // var { req, resp } = context;
+ // const cookies = new Cookies(req, resp);
+ // var user = "";
+ // var userObj = (await cookies.get("user"))
+ // ? JSON.parse(await cookies.get("user"))
+ // : null;
+ // if (userObj) {
+ // let sessionId = userObj["partners_login_states"].filter(function (i) {
+ // return (
+ // i.business_partner &&
+ // i.business_partner.name.toUpperCase() == "YAMAHA"
+ // );
+ // });
+ // if (sessionId.length != 0) user = userObj["username"];
+ // }
+ // var res = await Getproduct.GetProduct(filter);
+ // if (res["STATUS"] === 1) {
+ // product = res["DATA"]["products"];
+ // if (filter !=""){
+ // selected = product.filter((i)=>i.name==filter);
+ // }
+
+ // }
+
+ // return {
+ // props: {
+ // selected,
+ // product,
+ // backend,
+ // user,
+ // }, // will be passed to the page component as props
+ // };
+}
diff --git a/pages/product/sparepart/index.js b/pages/product/sparepart/index.js
new file mode 100644
index 0000000..efca22d
--- /dev/null
+++ b/pages/product/sparepart/index.js
@@ -0,0 +1,154 @@
+import React from 'react';
+import Header from "@/components/Company/Header";
+import Footer from "@/components/Company/Footer";
+import PageBanner from '@/components/Common/PageBanner';
+import SparepartList from '@/components/Common/new/SparepartList';
+
+// import GetSparepart from "@/api/others/sparepart/sparepart.js";
+import Products from "@/api/new/product";
+import Company from "@/api/new/company";
+
+import Cookies from "cookies";
+
+import { QueryClient, QueryClientProvider, useQuery } from 'react-query'
+import Router from 'next/router'
+
+const queryClient = new QueryClient();
+const handleName = values => {
+ Router.push({
+ pathname: '/yamaha/Product/Sparepart',
+ query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{},
+ })
+}
+
+const Shop = function ({ companyData,company,icon,desc,sosmed,category,selected,page, products, backend, user, ...props }) {
+ return (
+
+
+
+
+ )
+}
+
+export default Shop;
+
+export async function getServerSideProps(context) {
+ var companyName = process.env.NEXT_PUBLIC_COMPANY;
+ var page = context.query.p||1;
+ var category = context.query.s||'ygp';
+ var props = {};
+ try{
+ var res = await Company.companyByName(companyName);
+ if (res["STATUS"] === 1) {
+ props["icon"] = res["DATA"]["companies"].data[0].attributes.Icon.data.attributes.url;
+ props["desc"] = res["DATA"]["companies"].data[0].attributes.Description;
+ props["companyData"] =res["DATA"]["companies"].data[0].attributes;
+ props["sosmed"] = res["DATA"]["companies"].data[0].attributes.Social_Medias.data;
+ }
+ var types = await Products.GetProductCategory();
+ props["category"] = (types["STATUS"]==1 && types["DATA"]["productCategories"].data)?types["DATA"]["productCategories"].data.map((i)=>i.attributes.Name):["Helmet","Lube","Apparel",'Spare Part','Accessory'];
+ props["category"] = props["category"].filter((i)=>i!='Unit');
+ var products = await Products.GetProductOthers(res["DATA"]["companies"].data[0].id,props["category"],category,8,page);
+ if(products["STATUS"]==1){
+ props["products"] =products["DATA"];
+ props["category"] = props["category"].filter((i)=>{
+ return (products["DATA"][i.replace(' ','_')].data&&products["DATA"][i.replace(' ','_')].data.length>0);
+ });
+ }
+ props["page"] = page;
+ props["selected"] = category;
+ props["company"] = companyName;
+ }catch(e){console.log(e)}
+ return {
+ props
+ };
+ // var ygp = [];
+ // var yamalube = [];
+ // var helmet = [];
+ // var apparel = [];
+ // var accessories = [];
+
+ // var filter = context.query.filter||"";
+ // var selected = "";
+
+ // const backend = process.env.BACKEND_SERVER_URI;
+
+ // var { req, resp } = context;
+ // const cookies = new Cookies(req, resp);
+ // var user = "";
+ // var userObj = (await cookies.get("user"))
+ // ? JSON.parse(await cookies.get("user"))
+ // : null;
+ // if (userObj) {
+ // let sessionId = userObj["partners_login_states"].filter(function (i) {
+ // return (
+ // i.business_partner && i.business_partner.name.toUpperCase() == "YAMAHA"
+ // );
+ // });
+ // if (sessionId.length != 0) user = userObj["username"];
+ // }
+
+ // var res = await GetSparepart.GetSparepartYGP(filter);
+ // if (res["STATUS"] === 1) {
+ // ygp = res["DATA"]["ygParts"];
+ // if (filter !=""){
+ // selected = ygp.filter((i)=>i.name==filter);
+ // }
+ // }
+
+ // var res = await GetSparepart.GetSparepartYamalube(filter);
+ // if (res["STATUS"] === 1) {
+ // yamalube = res["DATA"]["yamalubes"];
+ // if (filter !=""){
+ // selected = yamalube.filter((i)=>i.name==filter);
+ // }
+ // }
+
+ // var res = await GetSparepart.GetHelmet(filter);
+ // if (res["STATUS"] === 1) {
+ // helmet = res["DATA"]["helmets"];
+ // if (filter !=""){
+ // selected = helmet.filter((i)=>i.name==filter);
+ // }
+ // }
+
+ // var res = await GetSparepart.GetApparel(filter);
+ // if (res["STATUS"] === 1) {
+ // apparel = res["DATA"]["apparels"];
+ // if (filter !=""){
+ // selected = apparel.filter((i)=>i.name==filter);
+ // }
+ // }
+
+ // var res = await GetSparepart.GetAcc(filter);
+ // if (res["STATUS"] === 1) {
+ // accessories = res["DATA"]["accessories"];
+ // if (filter !=""){
+ // selected = accessories.filter((i)=>i.name==filter);
+ // }
+ // }
+
+ // return {
+ // props: {
+ // selected,
+ // ygp,
+ // yamalube,
+ // helmet,
+ // apparel,
+ // accessories,
+ // backend,
+ // user,
+ // }, // will be passed to the page component as props
+ // };
+}
\ No newline at end of file
diff --git a/pages/sales/index.js b/pages/sales/index.js
new file mode 100644
index 0000000..e934805
--- /dev/null
+++ b/pages/sales/index.js
@@ -0,0 +1,38 @@
+import React from 'react';
+import SalesList from '@/components/Common/new/Sales';
+
+//api
+import Sales from "@/api/new/sales";
+import Company from "@/api/new/company";
+import { FaSatelliteDish } from 'react-icons/fa';
+
+const Salesmen = function ({ companyName,sales, ...props }) {
+ return (
+ <>
+ {
+ return (
+ <>
+
+
+
+
+
+
+
+
Create a new account
+
+
+
+
+
+
Already have an account yet?
+
+
+
+
+
+Created by FontForge 20170731 at Fri Jul 12 04:39:39 2019
+ By root
+
+
+
+
+
+
diff --git a/public/fonts/Flaticon.ttf b/public/fonts/Flaticon.ttf
new file mode 100644
index 0000000..3537caf
Binary files /dev/null and b/public/fonts/Flaticon.ttf differ
diff --git a/public/fonts/Flaticon.woff b/public/fonts/Flaticon.woff
new file mode 100644
index 0000000..7eeb84a
Binary files /dev/null and b/public/fonts/Flaticon.woff differ
diff --git a/public/fonts/Flaticon.woff2 b/public/fonts/Flaticon.woff2
new file mode 100644
index 0000000..ae28eda
Binary files /dev/null and b/public/fonts/Flaticon.woff2 differ
diff --git a/public/fonts/boxicons.eot b/public/fonts/boxicons.eot
new file mode 100644
index 0000000..09b170b
Binary files /dev/null and b/public/fonts/boxicons.eot differ
diff --git a/public/fonts/boxicons.svg b/public/fonts/boxicons.svg
new file mode 100644
index 0000000..dc784e6
--- /dev/null
+++ b/public/fonts/boxicons.svg
@@ -0,0 +1,1510 @@
+
+
+
+Generated by IcoMoon
+
+
+
\ No newline at end of file
diff --git a/public/fonts/boxicons.ttf b/public/fonts/boxicons.ttf
new file mode 100644
index 0000000..3283461
Binary files /dev/null and b/public/fonts/boxicons.ttf differ
diff --git a/public/fonts/boxicons.woff b/public/fonts/boxicons.woff
new file mode 100644
index 0000000..7c23105
Binary files /dev/null and b/public/fonts/boxicons.woff differ
diff --git a/public/fonts/boxicons.woff2 b/public/fonts/boxicons.woff2
new file mode 100644
index 0000000..d4079f6
Binary files /dev/null and b/public/fonts/boxicons.woff2 differ
diff --git a/public/images/Home/businees/BPR.png b/public/images/Home/businees/BPR.png
new file mode 100644
index 0000000..48f0c38
Binary files /dev/null and b/public/images/Home/businees/BPR.png differ
diff --git a/public/images/Home/businees/CITRA LESTARI MOBILINDO.png b/public/images/Home/businees/CITRA LESTARI MOBILINDO.png
new file mode 100644
index 0000000..0063f77
Binary files /dev/null and b/public/images/Home/businees/CITRA LESTARI MOBILINDO.png differ
diff --git a/public/images/Home/businees/Emilia.png b/public/images/Home/businees/Emilia.png
new file mode 100644
index 0000000..d176525
Binary files /dev/null and b/public/images/Home/businees/Emilia.png differ
diff --git a/public/images/Home/businees/Honda.png b/public/images/Home/businees/Honda.png
new file mode 100644
index 0000000..44129bb
Binary files /dev/null and b/public/images/Home/businees/Honda.png differ
diff --git a/public/images/Home/businees/Mbenz.png b/public/images/Home/businees/Mbenz.png
new file mode 100644
index 0000000..048f390
Binary files /dev/null and b/public/images/Home/businees/Mbenz.png differ
diff --git a/public/images/Home/businees/Nusa Sarana Citra Bakti.png b/public/images/Home/businees/Nusa Sarana Citra Bakti.png
new file mode 100644
index 0000000..e0b7dbb
Binary files /dev/null and b/public/images/Home/businees/Nusa Sarana Citra Bakti.png differ
diff --git a/public/images/Home/businees/PIM.png b/public/images/Home/businees/PIM.png
new file mode 100644
index 0000000..13aad01
Binary files /dev/null and b/public/images/Home/businees/PIM.png differ
diff --git a/public/images/Home/businees/Regis.png b/public/images/Home/businees/Regis.png
new file mode 100644
index 0000000..a1eabb8
Binary files /dev/null and b/public/images/Home/businees/Regis.png differ
diff --git a/public/images/Home/businees/Thamrin Homes.png b/public/images/Home/businees/Thamrin Homes.png
new file mode 100644
index 0000000..516f7ff
Binary files /dev/null and b/public/images/Home/businees/Thamrin Homes.png differ
diff --git a/public/images/Home/businees/ThamrinBrothers.png b/public/images/Home/businees/ThamrinBrothers.png
new file mode 100644
index 0000000..5717392
Binary files /dev/null and b/public/images/Home/businees/ThamrinBrothers.png differ
diff --git a/public/images/Home/businees/citra mandiri asih sejati.png b/public/images/Home/businees/citra mandiri asih sejati.png
new file mode 100644
index 0000000..83709d4
Binary files /dev/null and b/public/images/Home/businees/citra mandiri asih sejati.png differ
diff --git a/public/images/Home/businees/snapy.png b/public/images/Home/businees/snapy.png
new file mode 100644
index 0000000..1736aa9
Binary files /dev/null and b/public/images/Home/businees/snapy.png differ
diff --git a/public/images/Home/gallery/1.jpg b/public/images/Home/gallery/1.jpg
new file mode 100644
index 0000000..ed0b2a5
Binary files /dev/null and b/public/images/Home/gallery/1.jpg differ
diff --git a/public/images/Home/gallery/2.jpg b/public/images/Home/gallery/2.jpg
new file mode 100644
index 0000000..f842251
Binary files /dev/null and b/public/images/Home/gallery/2.jpg differ
diff --git a/public/images/Home/gallery/3.jpg b/public/images/Home/gallery/3.jpg
new file mode 100644
index 0000000..87a3ead
Binary files /dev/null and b/public/images/Home/gallery/3.jpg differ
diff --git a/public/images/Home/gallery/4.jpg b/public/images/Home/gallery/4.jpg
new file mode 100644
index 0000000..a139fff
Binary files /dev/null and b/public/images/Home/gallery/4.jpg differ
diff --git a/public/images/Home/gallery/5.jpg b/public/images/Home/gallery/5.jpg
new file mode 100644
index 0000000..68cc782
Binary files /dev/null and b/public/images/Home/gallery/5.jpg differ
diff --git a/public/images/Home/gallery/6.jpg b/public/images/Home/gallery/6.jpg
new file mode 100644
index 0000000..6c5a956
Binary files /dev/null and b/public/images/Home/gallery/6.jpg differ
diff --git a/public/images/Home/gallery/7.jpg b/public/images/Home/gallery/7.jpg
new file mode 100644
index 0000000..e89483e
Binary files /dev/null and b/public/images/Home/gallery/7.jpg differ
diff --git a/public/images/Home/gallery/8.jpg b/public/images/Home/gallery/8.jpg
new file mode 100644
index 0000000..6371490
Binary files /dev/null and b/public/images/Home/gallery/8.jpg differ
diff --git a/public/images/Home/gallery/9.jpg b/public/images/Home/gallery/9.jpg
new file mode 100644
index 0000000..8ca96dc
Binary files /dev/null and b/public/images/Home/gallery/9.jpg differ
diff --git a/public/images/Sales/Logo Star.png b/public/images/Sales/Logo Star.png
new file mode 100644
index 0000000..dce8381
Binary files /dev/null and b/public/images/Sales/Logo Star.png differ
diff --git a/public/images/TBG-Home/Blue.png b/public/images/TBG-Home/Blue.png
new file mode 100644
index 0000000..8a45d0f
Binary files /dev/null and b/public/images/TBG-Home/Blue.png differ
diff --git a/public/images/TBG-Home/White.png b/public/images/TBG-Home/White.png
new file mode 100644
index 0000000..76842f8
Binary files /dev/null and b/public/images/TBG-Home/White.png differ
diff --git a/public/images/Yamaha/banner.jpg b/public/images/Yamaha/banner.jpg
new file mode 100644
index 0000000..23fa139
Binary files /dev/null and b/public/images/Yamaha/banner.jpg differ
diff --git a/public/images/Yamaha/banner.png b/public/images/Yamaha/banner.png
new file mode 100644
index 0000000..ac2232e
Binary files /dev/null and b/public/images/Yamaha/banner.png differ
diff --git a/public/images/banner-bg1.jpg b/public/images/banner-bg1.jpg
new file mode 100644
index 0000000..42176d2
Binary files /dev/null and b/public/images/banner-bg1.jpg differ
diff --git a/public/images/bigdata-analytics/main-banner.jpg b/public/images/bigdata-analytics/main-banner.jpg
new file mode 100644
index 0000000..268c9fb
Binary files /dev/null and b/public/images/bigdata-analytics/main-banner.jpg differ
diff --git a/public/images/bigdata-analytics/vector.png b/public/images/bigdata-analytics/vector.png
new file mode 100644
index 0000000..1fd73ea
Binary files /dev/null and b/public/images/bigdata-analytics/vector.png differ
diff --git a/public/images/blog-image/blog-details.jpg b/public/images/blog-image/blog-details.jpg
new file mode 100644
index 0000000..ce19b6e
Binary files /dev/null and b/public/images/blog-image/blog-details.jpg differ
diff --git a/public/images/circle.png b/public/images/circle.png
new file mode 100644
index 0000000..71508c0
Binary files /dev/null and b/public/images/circle.png differ
diff --git a/public/images/default_sales_DP/mercedes-benz.png b/public/images/default_sales_DP/mercedes-benz.png
new file mode 100644
index 0000000..f1d420b
Binary files /dev/null and b/public/images/default_sales_DP/mercedes-benz.png differ
diff --git a/public/images/email-subscribe-bg.png b/public/images/email-subscribe-bg.png
new file mode 100644
index 0000000..286fda2
Binary files /dev/null and b/public/images/email-subscribe-bg.png differ
diff --git a/public/images/favicon.png b/public/images/favicon.png
new file mode 100644
index 0000000..7d45251
Binary files /dev/null and b/public/images/favicon.png differ
diff --git a/public/images/map.png b/public/images/map.png
new file mode 100644
index 0000000..23dc46d
Binary files /dev/null and b/public/images/map.png differ
diff --git a/public/images/marker-icon.png b/public/images/marker-icon.png
new file mode 100644
index 0000000..e2e9f75
Binary files /dev/null and b/public/images/marker-icon.png differ
diff --git a/public/images/oops-bg.jpg b/public/images/oops-bg.jpg
new file mode 100644
index 0000000..51c9ec6
Binary files /dev/null and b/public/images/oops-bg.jpg differ
diff --git a/public/images/payment-image/BCA.svg b/public/images/payment-image/BCA.svg
new file mode 100644
index 0000000..765de60
--- /dev/null
+++ b/public/images/payment-image/BCA.svg
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/public/images/payment-image/BNI.svg b/public/images/payment-image/BNI.svg
new file mode 100644
index 0000000..57c72eb
--- /dev/null
+++ b/public/images/payment-image/BNI.svg
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/public/images/payment-image/BRI.svg b/public/images/payment-image/BRI.svg
new file mode 100644
index 0000000..6b576f4
--- /dev/null
+++ b/public/images/payment-image/BRI.svg
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/public/images/payment-image/BSI.svg b/public/images/payment-image/BSI.svg
new file mode 100644
index 0000000..c4f4fc8
--- /dev/null
+++ b/public/images/payment-image/BSI.svg
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/public/images/payment-image/Indomaret.svg b/public/images/payment-image/Indomaret.svg
new file mode 100644
index 0000000..a9f411e
--- /dev/null
+++ b/public/images/payment-image/Indomaret.svg
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/public/images/payment-image/Mandiri.svg b/public/images/payment-image/Mandiri.svg
new file mode 100644
index 0000000..6d2158d
--- /dev/null
+++ b/public/images/payment-image/Mandiri.svg
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/images/payment-image/Mastercard.svg b/public/images/payment-image/Mastercard.svg
new file mode 100644
index 0000000..deea5d7
--- /dev/null
+++ b/public/images/payment-image/Mastercard.svg
@@ -0,0 +1 @@
+Mastercard Visa
+
+
+
+ +
diff --git a/public/images/shape3.svg b/public/images/shape3.svg
new file mode 100644
index 0000000..aa51fda
--- /dev/null
+++ b/public/images/shape3.svg
@@ -0,0 +1,12 @@
+
+
+
+
+
diff --git a/public/images/shape4.svg b/public/images/shape4.svg
new file mode 100644
index 0000000..35ca1ad
--- /dev/null
+++ b/public/images/shape4.svg
@@ -0,0 +1,21 @@
+
+
+
+ Path 5
+ Created with Sketch.
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/public/images/shape5.png b/public/images/shape5.png
new file mode 100644
index 0000000..bf4eb58
Binary files /dev/null and b/public/images/shape5.png differ
diff --git a/sample.env.local b/sample.env.local
new file mode 100644
index 0000000..71733dd
--- /dev/null
+++ b/sample.env.local
@@ -0,0 +1,7 @@
+NEXT_PUBLIC_API_GRAPHQL_URI = http://127.0.0.1:14013/graphql
+BACKEND_SERVER_URI = http://127.0.0.1:14013
+
+PORT = 14011
+NODE_ENV = development
+NEXT_PUBLIC_COMPANY = Honda
+NEXT_PUBLIC_GOOGLE_ANALYTICS=UA-102724556-1
\ No newline at end of file
diff --git a/server.js b/server.js
new file mode 100644
index 0000000..3225375
--- /dev/null
+++ b/server.js
@@ -0,0 +1,37 @@
+const { createServer } = require("http");
+const { parse } = require("url");
+const next = require("next");
+const cli = require("next/dist/cli/next-start");
+const dev = process.env.NODE_ENV !== "production";
+const app = next({ dev });
+const handle = app.getRequestHandler();
+// require("dotenv").config();
+
+console.log(process.env.PORT);
+const port = process.env.PORT || "14009";
+
+app.prepare().then(() => {
+ createServer((req, res) => {
+ const parsedUrl = parse(req.url, true);
+ const { pathname, query } = parsedUrl;
+ // if (pathname === "/") {
+ // app.render(req, res, "/home", query);
+ // } else if (pathname === "/yamaha") {
+ // app.render(req, res, "/yamaha/home", query);
+ // } else if (pathname === "/suzuki") {
+ // app.render(req, res, "/suzuki/home", query);
+ // }
+ // app.render(req, res, "/BookingService", query);
+ // } else if (pathname === "/statuspengajuan/") {
+ // app.render(req, res, "/StatusPengajuan", query);
+ // }
+ // else {
+ handle(req, res, parsedUrl);
+ // }
+ }).listen(port, (err) => {
+ if (err) throw err;
+ console.log(`Ready on port ${port}`);
+ });
+});
+
+// cli.nextStart(["-p", port]);
diff --git a/store.js b/store.js
new file mode 100644
index 0000000..4bedc88
--- /dev/null
+++ b/store.js
@@ -0,0 +1,144 @@
+import { useMemo } from 'react'
+import { createStore, applyMiddleware } from 'redux'
+import { composeWithDevTools } from 'redux-devtools-extension'
+import { productsData } from './products'
+
+let store
+
+const initialState = {
+ products: productsData,
+ cart: [],
+ total: 0,
+}
+
+const reducer = (state = initialState, action) => {
+ switch (action.type) {
+ case 'ADD_TO_CART':
+ let addedItem = state.products.find(item => item.id === action.id)
+ let existed_item = state.cart.find(item => action.id === item.id)
+
+ if(existed_item){
+ addedItem.quantity += 1
+ return {
+ ...state,
+ total: state.total + addedItem.price
+ }
+ } else {
+ addedItem.quantity = 1
+ let newTotal = state.total + addedItem.price
+ return {
+ ...state,
+ cart: [...state.cart, addedItem],
+ total: newTotal
+ }
+ }
+
+ case 'ADD_QUANTITY':
+ let existingItem = state.cart.find(item => item.id === action.id)
+ existingItem.quantity += 1
+ let newTotal = state.total + existingItem.price
+ return {
+ ...state,
+ total: newTotal
+ }
+
+ case 'SUB_QUANTITY':
+ let exItem = state.products.find(item=> item.id === action.id)
+ if(exItem.quantity === 1){
+ let new_items = state.cart.filter(item=>item.id !== action.id)
+ let newTotal = state.total - exItem.price
+ return {
+ ...state,
+ cart: new_items,
+ total: newTotal
+ }
+ } else {
+ exItem.quantity -= 1
+ let newTotal = state.total - exItem.price
+ return {
+ ...state,
+ total: newTotal
+ }
+ }
+
+ case 'ADD_QUANTITY_WITH_NUMBER':
+ let addedItemD = state.products.find(item => item.id === action.id)
+ //check if the action id exists in the addedItems
+ let existed_itemd = state.cart.find(item=> action.id === item.id)
+ if(existed_itemd)
+ {
+ addeaddedItemDdItem.quantity += action.qty
+ return {
+ ...state,
+ total: state.total + addedItemD.price * action.qty
+ }
+ } else {
+ addedItemD.quantity = action.qty;
+ //calculating the total
+ let newTotal = state.total + addedItemD.price * action.qty
+
+ return {
+ ...state,
+ cart: [...state.cart, addedItemD],
+ total : newTotal
+ }
+
+ }
+
+ case 'REMOVE_ITEM':
+ let itemToRemove = state.cart.find(item=> action.id === item.id)
+ let new_items = state.cart.filter(item=> action.id !== item.id)
+
+ //calculating the total
+ let newTotalRemove = state.total - (itemToRemove.price * itemToRemove.quantity );
+
+ return {
+ ...state,
+ cart: new_items,
+ total: newTotalRemove
+ }
+
+ case 'RESET':
+ return {
+ ...state,
+ cart: [],
+ }
+ default:
+ return state
+ }
+}
+
+function initStore(preloadedState = initialState) {
+ return createStore(
+ reducer,
+ preloadedState,
+ composeWithDevTools(applyMiddleware())
+ )
+}
+
+export const initializeStore = (preloadedState) => {
+ let _store = store ?? initStore(preloadedState)
+
+ // After navigating to a page with an initial Redux state, merge that state
+ // with the current state in the store, and create a new store
+ if (preloadedState && store) {
+ _store = initStore({
+ ...store.getState(),
+ ...preloadedState,
+ })
+ // Reset the current store
+ store = undefined
+ }
+
+ // For SSG and SSR always create a new store
+ if (typeof window === 'undefined') return _store
+ // Create the store once in the client
+ if (!store) store = _store
+
+ return _store
+}
+
+export function useStore(initialState) {
+ const store = useMemo(() => initializeStore(initialState), [initialState])
+ return store
+}
diff --git a/tmp/restart.txt b/tmp/restart.txt
new file mode 100644
index 0000000..e69de29
diff --git a/utils/ActiveLink.js b/utils/ActiveLink.js
new file mode 100644
index 0000000..59f5d54
--- /dev/null
+++ b/utils/ActiveLink.js
@@ -0,0 +1,18 @@
+import { withRouter } from 'next/router';
+import Link from 'next/link';
+import React, { Children } from 'react';
+
+const ActiveLink = ({ router, children, ...props }) => {
+ const child = Children.only(children);
+
+ let className = child.props.className || '';
+ if (router.pathname === props.href && props.activeClassName) {
+ className = `${className} ${props.activeClassName}`.trim();
+ }
+
+ delete props.activeClassName;
+
+ return 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ ?`/api/util?img=${encodeURIComponent(i.thumbnail)}`:"/images/blog-image/blog2.jpg"})
+ ?`/api/util?img=${encodeURIComponent(news.Image.data.attributes.url)}`:'/images/bigdata-analytics/main-banner.jpg'})
+ ?'/images/blog-image/blog1.jpg':`/api/util?img=${encodeURIComponent(data.attributes.Image.data.attributes.url)}`})
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ ?`/api/util?img=${encodeURIComponent(data.DP.data.attributes.url)}`:`/images/default_sales_DP/${company}.png`})
+
+ ?`/api/util?img=${encodeURIComponent(sales.DP.sales.attributes.url)}`:`/images/default_sales_DP/${sales.Company.data?sales.Company.data.attributes.Name.toLowerCase():"/images/Sales/Logo){kind=logo}
+
+ ?`/api/util?img=${encodeURIComponent(data.attributes.Image.data.attributes.url)}`:"/images/blog-image/blog-details.jpg"})
+
+ 
+ ![]({`${backend}${data.img[0]["url"]}`})
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+