hide useless feature

Former-commit-id: d033f3a9c5

components/Home/BusineesPartner.js

@@ -124,7 +124,6 @@ const OurServices = () => {
                             <br/><br/><br/>
 
                             <h3>Thamrin Brothers <br /> Yamaha</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
                             
                             <Link href="/yamaha" target="_blank">
                                 <a target="_blank"><Icon.ArrowRight /></a>
@@ -138,9 +137,8 @@ const OurServices = () => {
                             <br/><br/>
 
                             <h3>Nusa Sarana Citra Bakti <br /> Suzuki</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
                             
-                            <Link href="/service-details">
+                            <Link href="/coming-soon">
                                 <a><Icon.ArrowRight /></a>
                             </Link>
                         </div>
@@ -152,9 +150,8 @@ const OurServices = () => {
                             <br/><br/>
 
                             <h3>Citra Lestari Mobilindo <br />Hino</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
                             
-                            <Link href="/service-details">
+                            <Link href="/coming-soon">
                                 <a><Icon.ArrowRight /></a>
                             </Link>
                         </div>
@@ -164,9 +161,8 @@ const OurServices = () => {
                         <div className="single-repair-services bg4">
                             <img src="/images/Home/businees/Honda.png" width="170px" alt="image" />
                             <h3>Citra Thamrin Motor <br /> Honda</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
                             
-                            <Link href="/service-details">
+                            <Link href="/coming-soon">
                                 <a><Icon.ArrowRight /></a>
                             </Link>
                         </div>
@@ -179,9 +175,8 @@ const OurServices = () => {
                             <br/><br/>
 
                             <h3>Thamrin Citra Abadi <br /> Mercedes Benz</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
                             
-                            <Link href="/service-details">
+                            <Link href="https://www.thamrin.mercedes-benz.co.id/en/desktop/passenger-cars.html">
                                 <a><Icon.ArrowRight /></a>
                             </Link>
                         </div>
@@ -194,53 +189,49 @@ const OurServices = () => {
                             <br/><br/>
 
                             <h3>Musi Lestari Indo Makmur<br /> Palembang Indah Mall</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
                             
-                            <Link href="/service-details">
+                            <Link href="https://www.instagram.com/palembangindahmall/?hl=id">
                                 <a><Icon.ArrowRight /></a>
                             </Link>
                         </div>
                     </div>
 
                     <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-services bg6">
+                        <div className="single-repair-services bg7">
                             <img src="/images/Home/businees/Emilia.png" width="270px" alt="image" />
                             <br/><br/>
 
                             <h3>Musi Indah Makmur <br /> Emilia Hotel</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
                             
-                            <Link href="/service-details">
+                            <Link href="http://www.emilia-hotel.com/">
                                 <a><Icon.ArrowRight /></a>
                             </Link>
                         </div>
                     </div>
 
                     <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-services bg6">
+                        <div className="single-repair-services bg8">
                             <br/>
                             <img src="/images/Home/businees/BPR.png" width="350px" alt="image" />
                             <br/><br/><br/>
 
                             <h3>Bank Perkreditan Rakyat <br /> Berkat Sejati</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
                             
-                            <Link href="/service-details">
+                            <Link href="bprberkatsejati.com">
                                 <a><Icon.ArrowRight /></a>
                             </Link>
                         </div>
                     </div>
 
                     <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-services bg6">
+                        <div className="single-repair-services bg9">
                             <br/>
                             <img src="/images/Home/businees/Thamrin Homes.png" width="450px" alt="image" />
                             <br/><br/><br/>
 
                             <h3>Thamrin Homes</h3><br/>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
                             
-                            <Link href="/service-details">
+                            <Link href="homes.thamrin.xyz">
                                 <a><Icon.ArrowRight /></a>
                             </Link>
                         </div>

components/Home/MainBanner.js

@@ -10,7 +10,7 @@ const MainBanner = () => {
                     <h1>Selamat Datang di Thamrin Group</h1>
                     <p>Thamrin Group adalah perusahaan terkemuka di Sumatera Selatan & Bengkulu dengan fokus bisnis pada sektor otomotif dan properti.</p>
 
-                    <Link href="/contact">
+                    <Link href="/yamaha">
                         <a className="btn btn-primary">Get Started</a>
                     </Link>
                 </div>

components/Yamaha/Home/MainBanner.js

@@ -11,7 +11,7 @@ const MainBanner = () => {
                             <div className="col-lg-5">
                                 <div className="hero-content">
                                     <h1><b>Exclusif Motor Untuk Anda</b></h1>
-                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida</p>
+                                    <p>PT.Thamrin Brother's Yamaha merupakan sebuah bisnis company dari Thamrin Group yang bergerak dalam bidang penjualan produk Motor dan Sparepart Yamaha</p>
 
                                     <Link href="/yamaha/Product/Motor">
                                         <a className="btn btn-primary">Get Started</a>

components/Yamaha/Home/OurServices.js

@@ -9,18 +9,18 @@ const OurServices = () => {
                 <div className="section-title">
                     <h2>Yamaha 3S Service</h2>
                     <div className="bar"></div>
-                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                    <p>Yamaha 3S Service merupakan pelayanan dari Yamaha untuk meningkatkan kupuasan pelanggan Yamaha</p>
                 </div>
                 
                 <div className="row">
                     <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-services bg1">
+                        <div className="single-repair-servicesss bg1">
                             <div className="icon">
                                 <i className="flaticon-gear"></i>
                             </div>
 
                             <h3>Selling <br /> Yamaha Product Selling</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
+                            {/* <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p> */}
                             
                             <Link href="Product/Motor">
                                 <a><Icon.ArrowRight /></a>
@@ -29,13 +29,13 @@ const OurServices = () => {
                     </div>
 
                     <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-services bg2">
+                        <div className="single-repair-servicesss bg10">
                             <div className="icon">
                                 <i className="flaticon-gear"></i>
                             </div>
 
                             <h3>Services <br /> Yamaha Services Product</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
+                            {/* <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p> */}
                             
                             <Link href="/service-details">
                                 <a><Icon.ArrowRight /></a>
@@ -44,13 +44,13 @@ const OurServices = () => {
                     </div>
 
                     <div className="col-lg-4 col-md-6">
-                        <div className="single-repair-services bg3">
+                        <div className="single-repair-servicesss bg11">
                             <div className="icon">
                                 <i className="flaticon-gear"></i>
                             </div>
 
                             <h3>Sparepart <br />Yamaha Sparepart Product</h3>
-                            <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
+                            {/* <p>Lorem ipsum eiusmod dolor sit amet elit, adipiscing, sed do eiusmod tempor incididunt ut labore dolore magna aliqua.</p> */}
                             
                             <Link href="/service-details">
                                 <a><Icon.ArrowRight /></a>

components/Yamaha/Product/Accessories_Detail.js

@@ -225,7 +225,7 @@ const ProductDetails = function ({ detailaccessories, backend, user, ...props })
                                         <TabList>
                                             <Tab>Deskripsi</Tab>
                                             <Tab>Info Penting</Tab>
-                                            <Tab>Review</Tab>
+                                            {/* <Tab>Review</Tab> */}
                                         </TabList>
 
                                         <TabPanel>
@@ -269,7 +269,7 @@ const ProductDetails = function ({ detailaccessories, backend, user, ...props })
                                             </div>
                                         </TabPanel>
 
-                                        <TabPanel>
+                                        {/* <TabPanel>
                                             <div className="products-reviews">
                                                 <h3>Customer Reviews</h3>
                                                 <p>There are no reviews yet.</p>
@@ -312,7 +312,7 @@ const ProductDetails = function ({ detailaccessories, backend, user, ...props })
                                                     </div>
                                                 </form>
                                             </div>
-                                        </TabPanel>
+                                        </TabPanel> */}
                                     </Tabs>
                                 </div>
                             </div>

components/Yamaha/Product/Apparel_Detail.js

@@ -225,7 +225,7 @@ const ProductDetails = function ({ detailapparel, backend, user, ...props }) {
                                         <TabList>
                                             <Tab>Deskripsi</Tab>
                                             <Tab>Info Penting</Tab>
-                                            <Tab>Review</Tab>
+                                            {/* <Tab>Review</Tab> */}
                                         </TabList>
 
                                         <TabPanel>
@@ -269,7 +269,7 @@ const ProductDetails = function ({ detailapparel, backend, user, ...props }) {
                                             </div>
                                         </TabPanel>
 
-                                        <TabPanel>
+                                        {/* <TabPanel>
                                             <div className="products-reviews">
                                                 <h3>Customer Reviews</h3>
                                                 <p>There are no reviews yet.</p>
@@ -312,7 +312,7 @@ const ProductDetails = function ({ detailapparel, backend, user, ...props }) {
                                                     </div>
                                                 </form>
                                             </div>
-                                        </TabPanel>
+                                        </TabPanel> */}
                                     </Tabs>
                                 </div>
                             </div>

components/Yamaha/Product/Helmet_Detail.js

@@ -225,7 +225,7 @@ const ProductDetails = function ({ detailhelmet, backend, user, ...props }) {
                                         <TabList>
                                             <Tab>Deskripsi</Tab>
                                             <Tab>Info Penting</Tab>
-                                            <Tab>Review</Tab>
+                                            {/* <Tab>Review</Tab> */}
                                         </TabList>
 
                                         <TabPanel>
@@ -269,7 +269,7 @@ const ProductDetails = function ({ detailhelmet, backend, user, ...props }) {
                                             </div>
                                         </TabPanel>
 
-                                        <TabPanel>
+                                        {/* <TabPanel>
                                             <div className="products-reviews">
                                                 <h3>Customer Reviews</h3>
                                                 <p>There are no reviews yet.</p>
@@ -312,7 +312,7 @@ const ProductDetails = function ({ detailhelmet, backend, user, ...props }) {
                                                     </div>
                                                 </form>
                                             </div>
-                                        </TabPanel>
+                                        </TabPanel> */}
                                     </Tabs>
                                 </div>
                             </div>

components/Yamaha/Product/Motor_Detail.js

@@ -1,4 +1,4 @@
-import React, {useState} from 'react'
+import React, { useState } from 'react'
 
 //component
 import PageBanner from '@/components/Common/PageBanner';
@@ -37,6 +37,7 @@ const options = {
 
 const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
 
+    console.log(detailproduct[0]["product_otrs"]);
     const [formValue, setFormValue] = React.useState({
         product_img: "",
         product_name: "",
@@ -47,7 +48,7 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
     const router = useRouter();
 
     const MotorDetail = detailproduct.map((data) => {
-    
+
         // handleChange = ({ target }) => {
         //     this.setState({
         //         selectedOption: target.value,
@@ -71,6 +72,7 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
                                     <img src={`${backend}${data.img[3]["url"]}`} />
                                     <img src={`${backend}${data.img[4]["url"]}`} />
                                     <img src={`${backend}${data.img[5]["url"]}`} />
+
                                 </OwlCarousel>
                             </div>
 
@@ -141,24 +143,24 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
                                                         product_price: e.target.value.toString(),
                                                     })
                                                 }}
-                                                // value={this.state.selectedOption}
-                                                // onChange={this.handleChange}
+                                            // value={this.state.selectedOption}
+                                            // onChange={this.handleChange}
                                             >
                                                 <option value="0">- Pilih Product OTR -</option>
-                                                {detailproduct.map((option) => (
-                                                    <option value={option.product_otrs[0].price}>{option.product_otrs[0].name}</option>
+                                                {detailproduct[0]["product_otrs"].map((option) => (
+                                                    <option value={option.price}>{option.name}</option>
                                                 ))}
-                                                {detailproduct.map((option) => (
+                                                {/* {detailproduct.map((option) => (
                                                     <option value={option.product_otrs[1].price}>{option.product_otrs[1].name}</option>
                                                 ))}
                                                 {detailproduct.map((option) => (
                                                     <option value={option.product_otrs[2].price}>{option.product_otrs[2].name}</option>
-                                                ))}
+                                                ))} */}
                                             </select>
                                         </div>
                                         <br />
 
-                                        <label>Product Color <span className="required">*</span></label>
+                                        {/* <label>Product Color <span className="required">*</span></label>
                                         <div className="select-box" placeholder="Pilih Harga OTR">
                                             <select className="form-select"
                                                 name="product_color"
@@ -170,20 +172,14 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
                                                 }}
                                             >
                                                 <option value="0">- Pilih Product Color -</option>
-                                                {detailproduct.map((option) => (
-                                                    <option value={option.product_image_colors[0].name}>{option.product_image_colors[0].name}</option>
-                                                ))}
-                                                {detailproduct.map((option) => (
-                                                    <option value={option.product_image_colors[1].name}>{option.product_image_colors[1].name}</option>
-                                                ))}
-                                                {detailproduct.map((option) => (
-                                                    <option value={option.product_image_colors[2].name}>{option.product_image_colors[2].name}</option>
+                                                {detailproduct[0]["product_otrs"].map((option) => (
+                                                    <option value={option.name}>{option.name}</option>
                                                 ))}
                                             </select>
                                         </div>
-                                        <br />
+                                        <br /> */}
 
-                                        <button type="submit">Add to Cart</button>
+                                        {/* <button type="submit">Add to Cart</button> */}
 
                                         <a href="#" className="add-to-wishlist-btn" title="Add to Wishlist">
                                             <Icon.Heart />
@@ -240,7 +236,7 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
                                             <Tab>Deskripsi</Tab>
                                             <Tab>Info Penting</Tab>
                                             <Tab>Additional Information</Tab>
-                                            <Tab>Review</Tab>
+                                            {/* <Tab>Review</Tab> */}
                                         </TabList>
 
                                         <TabPanel>
@@ -302,7 +298,7 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
                                             </div>
                                         </TabPanel>
 
-                                        <TabPanel>
+                                        {/* <TabPanel>
                                             <div className="products-reviews">
                                                 <h3>Customer Reviews</h3>
                                                 <p>There are no reviews yet.</p>
@@ -345,7 +341,7 @@ const ProductDetails = function ({ detailproduct, backend, user, ...props }) {
                                                     </div>
                                                 </form>
                                             </div>
-                                        </TabPanel>
+                                        </TabPanel> */}
                                     </Tabs>
                                 </div>
                             </div>

components/Yamaha/Product/Sparepart.js

@@ -50,7 +50,7 @@ const ProductCard = function ({ ygp, yamalube, helmet, apparel, accessories, bac
                                 <a>{data.name}</a>
                             </Link>
                         </h3>
-                        <span><NumberFormat value={data.price2} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></span>
+                        <span><NumberFormat value={data.price1} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></span>
                         <ul>
                             <li><i className="flaticon-star-1"></i></li>
                             <li><i className="flaticon-star-1"></i></li>
@@ -102,7 +102,7 @@ const ProductCard = function ({ ygp, yamalube, helmet, apparel, accessories, bac
                                 <a>{data.name}</a>
                             </Link>
                         </h3>
-                        <span><NumberFormat value={data.price2} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></span>
+                        <span><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></span>
                         <ul>
                             <li><i className="flaticon-star-1"></i></li>
                             <li><i className="flaticon-star-1"></i></li>
@@ -154,7 +154,7 @@ const ProductCard = function ({ ygp, yamalube, helmet, apparel, accessories, bac
                                 <a>{data.name}</a>
                             </Link>
                         </h3>
-                        <span><NumberFormat value={data.price2} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></span>
+                        <span><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></span>
                         <ul>
                             <li><i className="flaticon-star-1"></i></li>
                             <li><i className="flaticon-star-1"></i></li>
@@ -206,7 +206,7 @@ const ProductCard = function ({ ygp, yamalube, helmet, apparel, accessories, bac
                                 <a>{data.name}</a>
                             </Link>
                         </h3>
-                        <span><NumberFormat value={data.price2} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></span>
+                        <span><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></span>
                         <ul>
                             <li><i className="flaticon-star-1"></i></li>
                             <li><i className="flaticon-star-1"></i></li>
@@ -258,7 +258,7 @@ const ProductCard = function ({ ygp, yamalube, helmet, apparel, accessories, bac
                                 <a>{data.name}</a>
                             </Link>
                         </h3>
-                        <span><NumberFormat value={data.price2} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></span>
+                        <span><NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /></span>
                         <ul>
                             <li><i className="flaticon-star-1"></i></li>
                             <li><i className="flaticon-star-1"></i></li>

components/Yamaha/Product/Yamalube_Detail.js

@@ -225,7 +225,7 @@ const ProductDetails = function ({ detailyamalube, backend, user, ...props }) {
                                         <TabList>
                                             <Tab>Deskripsi</Tab>
                                             <Tab>Info Penting</Tab>
-                                            <Tab>Review</Tab>
+                                            {/* <Tab>Review</Tab> */}
                                         </TabList>
 
                                         <TabPanel>
@@ -269,7 +269,7 @@ const ProductDetails = function ({ detailyamalube, backend, user, ...props }) {
                                             </div>
                                         </TabPanel>
 
-                                        <TabPanel>
+                                        {/* <TabPanel>
                                             <div className="products-reviews">
                                                 <h3>Customer Reviews</h3>
                                                 <p>There are no reviews yet.</p>
@@ -312,7 +312,7 @@ const ProductDetails = function ({ detailyamalube, backend, user, ...props }) {
                                                     </div>
                                                 </form>
                                             </div>
-                                        </TabPanel>
+                                        </TabPanel> */}
                                     </Tabs>
                                 </div>
                             </div>

components/Yamaha/Product/Ygp_Detail.js

@@ -226,7 +226,7 @@ const ProductDetails = function ({ detailygp, backend, user, ...props }) {
                                         <TabList>
                                             <Tab>Deskripsi</Tab>
                                             <Tab>Info Penting</Tab>
-                                            <Tab>Review</Tab>
+                                            {/* <Tab>Review</Tab> */}
                                         </TabList>
 
                                         <TabPanel>
@@ -270,7 +270,7 @@ const ProductDetails = function ({ detailygp, backend, user, ...props }) {
                                             </div>
                                         </TabPanel>
 
-                                        <TabPanel>
+                                        {/* <TabPanel>
                                             <div className="products-reviews">
                                                 <h3>Customer Reviews</h3>
                                                 <p>There are no reviews yet.</p>
@@ -313,7 +313,7 @@ const ProductDetails = function ({ detailygp, backend, user, ...props }) {
                                                     </div>
                                                 </form>
                                             </div>
-                                        </TabPanel>
+                                        </TabPanel> */}
                                     </Tabs>
                                 </div>
                             </div>

components/_App/NavbarHome.js

@@ -64,7 +64,7 @@ const NavbarStyleFour = () => {
                                 <li className="nav-item">
                                     <Link href="/#">
                                         <a onClick={e => e.preventDefault()} className="nav-link">
-                                            Businees Partner <Icon.ChevronDown />
+                                            Business Partner <Icon.ChevronDown />
                                         </a>
                                     </Link> 
 
@@ -76,50 +76,50 @@ const NavbarStyleFour = () => {
                                         </li>
 
                                         <li className="nav-item">
-                                            <Link href="/about-2" activeClassName="active">
-                                                <a onClick={toggleNavbar} className="nav-link">Nusa Sarana Citra Bakti - Suzuki</a>
+                                            <Link href="/coming-soon" activeClassName="active">
+                                                <a target="_blank" onClick={toggleNavbar} className="nav-link">Nusa Sarana Citra Bakti - Suzuki</a>
                                             </Link>
                                         </li>
 
                                         <li className="nav-item">
-                                            <Link href="/about-3" activeClassName="active">
-                                                <a onClick={toggleNavbar} className="nav-link">Citra Lestari Mobilindo - Hino</a>
+                                            <Link href="/coming-soon" activeClassName="active">
+                                                <a target="_blank" onClick={toggleNavbar} className="nav-link">Citra Lestari Mobilindo - Hino</a>
                                             </Link>
                                         </li>
 
                                         <li className="nav-item">
-                                            <Link href="/about-3" activeClassName="active">
-                                                <a onClick={toggleNavbar} className="nav-link">Citra Thamrin Motor - Honda</a>
+                                            <Link href="/coming-soon" activeClassName="active">
+                                                <a target="_blank" onClick={toggleNavbar} className="nav-link">Citra Thamrin Motor - Honda</a>
                                             </Link>
                                         </li>
 
                                         <li className="nav-item">
-                                            <Link href="/about-3" activeClassName="active">
-                                                <a onClick={toggleNavbar} className="nav-link">Thamrin Citra Abadi - Mercedes Benz</a>
+                                            <Link href="https://www.thamrin.mercedes-benz.co.id/en/desktop/passenger-cars.html" activeClassName="active">
+                                                <a target="_blank" onClick={toggleNavbar} className="nav-link">Thamrin Citra Abadi - Mercedes Benz</a>
                                             </Link>
                                         </li>
 
                                         <li className="nav-item">
-                                            <Link href="/about-3" activeClassName="active">
-                                                <a onClick={toggleNavbar} className="nav-link">Musi Lestari Indo Makmur - Palembang Indah Mall</a>
+                                            <Link href="https://www.instagram.com/palembangindahmall/?hl=id" activeClassName="active">
+                                                <a target="_blank" onClick={toggleNavbar} className="nav-link">Musi Lestari Indo Makmur - Palembang Indah Mall</a>
                                             </Link>
                                         </li>
 
                                         <li className="nav-item">
-                                            <Link href="/about-3" activeClassName="active">
-                                                <a onClick={toggleNavbar} className="nav-link">Musi Indah Makmur - Emilia Hotel</a>
+                                            <Link href="http://www.emilia-hotel.com/" activeClassName="active">
+                                                <a target="_blank" onClick={toggleNavbar} className="nav-link">Musi Indah Makmur - Emilia Hotel</a>
                                             </Link>
                                         </li>
 
                                         <li className="nav-item">
-                                            <Link href="/about-3" activeClassName="active">
-                                                <a onClick={toggleNavbar} className="nav-link">Bank Perkreditan Rakyat - Berkat Sejati</a>
+                                            <Link href="http://bprberkatsejati.com/" activeClassName="active">
+                                                <a target="_blank" onClick={toggleNavbar} className="nav-link">Bank Perkreditan Rakyat - Berkat Sejati</a>
                                             </Link>
                                         </li>
 
                                         <li className="nav-item">
-                                            <Link href="/about-3" activeClassName="active">
-                                                <a onClick={toggleNavbar} className="nav-link">Thamrin Homes</a>
+                                            <Link href="http://homes.thamrin.xyz/" activeClassName="active">
+                                                <a target="_blank" onClick={toggleNavbar} className="nav-link">Thamrin Homes</a>
                                             </Link>
                                         </li>
                                     </ul>
@@ -133,7 +133,7 @@ const NavbarStyleFour = () => {
                                     </Link>
                                 </li>
 
-                                <li className="nav-item">
+                                {/* <li className="nav-item">
                                     <Link href="/#" activeClassName="active">
                                         <a onClick={e => e.preventDefault()} className="nav-link">
                                             Founder
@@ -147,7 +147,7 @@ const NavbarStyleFour = () => {
                                             Latest News
                                         </a>
                                     </Link>
-                                </li>
+                                </li> */}
 
                                 <li className="nav-item">
                                     <Link href="/#" activeClassName="active">

components/_App/NavbarYamaha.js

@@ -53,7 +53,7 @@ export default function NavbarYamaha({ username, ...props }) {
                             <ul className="navbar-nav ms-auto">
                                 <li className="nav-item">
                                     <Link href="/yamaha" activeClassName="active">
-                                        <a onClick={e => e.preventDefault()} className="nav-link">
+                                        <a onClick={toggleNavbar} className="nav-link">
                                             Home
                                         </a>
                                     </Link>
@@ -95,13 +95,13 @@ export default function NavbarYamaha({ username, ...props }) {
                                     </Link>
                                 </li>
 
-                                <li className="nav-item">
+                                {/* <li className="nav-item">
                                     <Link href="/yamaha/Carrer" activeClassName="active">
                                         <a onClick={toggleNavbar} className="nav-link">
                                             Carrer
                                         </a>
                                     </Link>
-                                </li>
+                                </li> */}
 
                                 <li className="nav-item">
                                     <Link href="/yamaha/AboutUs">
@@ -117,14 +117,6 @@ export default function NavbarYamaha({ username, ...props }) {
                                         <a onClick={toggleNavbar} className="nav-link">Contact</a>
                                     </Link>
                                 </li>
-
-                                <li className="nav-item">
-                                    <Link href="/yamaha/Shop/Cart">
-                                        <a className="cart-wrapper-btn">
-                                            <Icon.ShoppingCart />
-                                        </a>
-                                    </Link>
-                                </li>
                             </ul>
                         </div>
 
@@ -152,6 +144,14 @@ export default function NavbarYamaha({ username, ...props }) {
                                                 </li>
 
                                                 <li className="nav-item">
+                                                    <Link href="/yamaha/Shop/Cart">
+                                                        <a className="cart-wrapper-btn">
+                                                            <Icon.ShoppingCart />
+                                                        </a>
+                                                    </Link>
+                                                </li>
+
+                                                <li className="nav-item">
                                                     <Link href="/yamaha/Shop/Checkout" activeClassName="active">
                                                         <a onClick={toggleNavbar} className="nav-link">Checkout</a>
                                                     </Link>

pages/index.js

@@ -23,13 +23,13 @@ const BigdataAnalytics = () => {
             {/* <DiscoverArea /> */}
             {/* <Services /> */}
             <BusineesPartner />
+            <IndustriesWeServe /><br/><br/>
             <Gallery />
             {/* <TeamStyleTwo /> */}
             {/* <BigdataFunFacts /> */}
             {/* <Feedback /> */}
-            <IndustriesWeServe />
-            <TeamStyleTwo />
-            <BlogPost />
+            {/* <TeamStyleTwo /> */}
+            {/* <BlogPost /> */}
             <NewsletterStyleTwo />
             <Footer />
         </>

pages/yamaha/index.js

@@ -24,12 +24,12 @@ const Index = function ({
         <>
             <NavbarYamaha username={user} />
             <MainBanner />
-            <PartnerStyleTwo />
+            {/* <PartnerStyleTwo /> */}
             <OurServices />
             <FeatureProduct />
             <Dealer dealers={dealers} user={user} backend={backend} />
-            <Testimoni />
-            <Summary />
+            {/* <Testimoni />
+            <Summary /> */}
             <Footer />
         </>
     )

public/css/style.css

@@ -7669,28 +7669,71 @@ Repair Services CSS
   background-repeat: no-repeat;
 }
 
+.single-repair-servicesss {
+  margin-bottom: 30px;
+  position: relative;
+  z-index: 1;
+  padding: 40px 30px;
+  text-align: center;
+  background-position: center center;
+  background-size: cover;
+  background-repeat: no-repeat;
+}
+
+.single-repair-servicesss.bg1 {
+  background-image: url(/images/repair-services-img/yamaha.jpg);
+}
+
+.single-repair-servicesss.bg2 {
+  background-image: url(/images/repair-services-img/suzuki.jpg);
+}
+
+.single-repair-servicesss.bg3 {
+  background-image: url(/images/repair-services-img/hino.jpg);
+}
+
 .single-repair-services.bg1 {
-  background-image: url(/images/repair-services-img/repair-services-img1.jpg);
+  background-image: url(/images/repair-services-img/yamaha.jpg);
 }
 
 .single-repair-services.bg2 {
-  background-image: url(/images/repair-services-img/repair-services-img2.jpg);
+  background-image: url(/images/repair-services-img/suzuki.jpg);
 }
 
 .single-repair-services.bg3 {
-  background-image: url(/images/repair-services-img/repair-services-img3.jpg);
+  background-image: url(/images/repair-services-img/hino.jpg);
 }
 
 .single-repair-services.bg4 {
-  background-image: url(/images/repair-services-img/repair-services-img4.jpg);
+  background-image: url(/images/repair-services-img/honda.jpeg);
 }
 
 .single-repair-services.bg5 {
-  background-image: url(/images/repair-services-img/repair-services-img5.jpg);
+  background-image: url(/images/repair-services-img/mercedes.jpg);
 }
 
 .single-repair-services.bg6 {
-  background-image: url(/images/repair-services-img/repair-services-img6.jpg);
+  background-image: url(/images/repair-services-img/pim.jpg);
+}
+
+.single-repair-services.bg7 {
+  background-image: url(/images/repair-services-img/emilia.jpg);
+}
+
+.single-repair-services.bg8 {
+  background-image: url(/images/repair-services-img/bpr.jpg);
+}
+
+.single-repair-services.bg9 {
+  background-image: url(/images/repair-services-img/homes.jpg);
+}
+
+.single-repair-servicesss.bg10 {
+  background-image: url(/images/repair-services-img/service.jpg);
+}
+
+.single-repair-servicesss.bg11 {
+  background-image: url(/images/repair-services-img/sparepart.png);
 }
 
 .single-repair-services::before {
@@ -7708,6 +7751,21 @@ Repair Services CSS
   border: 1px dashed #cdf1d8;
 }
 
+.single-repair-servicesss::before {
+  position: absolute;
+  -webkit-transition: 0.5s;
+  transition: 0.5s;
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: #ffffff;
+  z-index: -1;
+  border: 1px dashed #cdf1d8;
+}
+
 .single-repair-services::after {
   position: absolute;
   -webkit-transition: 0.5s;
@@ -7718,6 +7776,23 @@ Repair Services CSS
   left: 0;
   width: 100%;
   height: 100%;
+  background: #7f7f7f;
+  z-index: -1;
+  opacity: 0;
+  visibility: hidden;
+  border: 1px dashed #cdf1d8;
+}
+
+.single-repair-servicesss::after {
+  position: absolute;
+  -webkit-transition: 0.5s;
+  transition: 0.5s;
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
   background: #024273;
   z-index: -1;
   opacity: 0;
@@ -7734,6 +7809,15 @@ Repair Services CSS
   margin-bottom: 12px;
 }
 
+.single-repair-servicesss h3 {
+  font-size: 19px;
+  -webkit-transition: 0.5s;
+  transition: 0.5s;
+  line-height: 1.4;
+  margin-top: 22px;
+  margin-bottom: 12px;
+}
+
 .single-repair-services .icon {
   display: inline-block;
   color: #024273;
@@ -7746,16 +7830,39 @@ Repair Services CSS
   transition: 0.5s;
 }
 
+.single-repair-servicesss .icon {
+  display: inline-block;
+  color: #024273;
+  width: 85px;
+  height: 85px;
+  line-height: 85px;
+  border: 1px solid #e3f7e9;
+  border-radius: 50%;
+  -webkit-transition: 0.5s;
+  transition: 0.5s;
+}
+
 .single-repair-services .icon i::before {
   font-size: 35px;
 }
 
+.single-repair-servicesss .icon i::before {
+  font-size: 35px;
+}
+
+
 .single-repair-services p {
   margin-bottom: 25px;
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }
 
+.single-repair-servicesss p {
+  margin-bottom: 25px;
+  -webkit-transition: 0.5s;
+  transition: 0.5s;
+}
+
 .single-repair-services a {
   width: 35px;
   background-color: #f9fafb;
@@ -7765,38 +7872,80 @@ Repair Services CSS
   border-radius: 50%;
 }
 
+.single-repair-servicesss a {
+  width: 35px;
+  background-color: #f9fafb;
+  height: 35px;
+  line-height: 35px;
+  color: #0e314c;
+  border-radius: 50%;
+}
+
 .single-repair-services a svg {
   width: 15px;
 }
 
+.single-repair-servicesss a svg {
+  width: 15px;
+}
+
+
 .single-repair-services:hover::before, .single-repair-services:focus::before {
   opacity: 0;
   visibility: hidden;
 }
 
+.single-repair-servicesss:hover::before, .single-repair-servicesss:focus::before {
+  opacity: 0;
+  visibility: hidden;
+}
+
 .single-repair-services:hover::after, .single-repair-services:focus::after {
   opacity: .85;
   visibility: visible;
 }
 
+.single-repair-servicesss:hover::after, .single-repair-servicesss:focus::after {
+  opacity: .85;
+  visibility: visible;
+}
+
 .single-repair-services:hover h3, .single-repair-services:focus h3 {
   color: #ffffff;
 }
 
+.single-repair-servicesss:hover h3, .single-repair-servicesss:focus h3 {
+  color: #ffffff;
+}
+
 .single-repair-services:hover p, .single-repair-services:focus p {
   color: #ffffff;
 }
 
+.single-repair-servicesss:hover p, .single-repair-servicesss:focus p {
+  color: #ffffff;
+}
+
 .single-repair-services:hover .icon, .single-repair-services:focus .icon {
   border-color: #ffffff;
   color: #ffffff;
 }
 
+.single-repair-servicesss:hover .icon, .single-repair-servicesss:focus .icon {
+  border-color: #ffffff;
+  color: #ffffff;
+}
+
 .single-repair-services:hover a, .single-repair-services:focus a {
   background-color: #ffffff;
   color: #44ce6f;
 }
 
+.single-repair-servicesss:hover a, .single-repair-servicesss:focus a {
+  background-color: #ffffff;
+  color: #44ce6f;
+}
+
 /*================================================
 Repair CTA CSS
 =================================================*/