Bannre Changes Updated
This commit is contained in:
akashluca-l
parent
cf383b098e
commit
97165a1b3d
@ -15,16 +15,8 @@ export default function page() {
|
|||||||
<Header2 />
|
<Header2 />
|
||||||
<div
|
<div
|
||||||
className="breadcrumb-wrapper bg-cover"
|
className="breadcrumb-wrapper bg-cover"
|
||||||
style={{ backgroundImage: 'url("/assets/img/breadcrumb-bg.jpg")' }}
|
style={{ backgroundImage: 'url("/assets/img/cta-bg.jpg")' }}
|
||||||
>
|
>
|
||||||
<div className="shape-image float-bob-y">
|
|
||||||
<Image
|
|
||||||
src="/assets/img/vector.png"
|
|
||||||
width={84}
|
|
||||||
height={186}
|
|
||||||
alt="img"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="breadcrumb-wrapper-items">
|
<div className="breadcrumb-wrapper-items">
|
||||||
<div className="page-heading">
|
<div className="page-heading">
|
||||||
@ -46,30 +38,10 @@ export default function page() {
|
|||||||
<li>Products</li>
|
<li>Products</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div className="breadcrumb-image">
|
|
||||||
<Image
|
|
||||||
src="/assets/img/breadcrumb-image.png"
|
|
||||||
width={540}
|
|
||||||
height={450}
|
|
||||||
alt="img"
|
|
||||||
className="float-bob-x"
|
|
||||||
/>
|
|
||||||
<div className="bar-shape">
|
|
||||||
<Image
|
|
||||||
src="/assets/img/breadcrumb-bar.png"
|
|
||||||
width={631}
|
|
||||||
height={604}
|
|
||||||
alt="img"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Products/>
|
<Products/>
|
||||||
{/* <div className="brand-section fix section-padding pt-0">
|
|
||||||
<Brands />
|
|
||||||
</div> */}
|
|
||||||
<Footer1 />
|
<Footer1 />
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|||||||
79
app/(turnkey)/turnkey-solutions/page.jsx
Normal file
79
app/(turnkey)/turnkey-solutions/page.jsx
Normal file
@ -0,0 +1,79 @@
|
|||||||
|
import Achievments from "@/components/about/Achievments";
|
||||||
|
import Team from "@/components/about/Team";
|
||||||
|
import Brands from "@/components/common/Brands";
|
||||||
|
import Footer1 from "@/components/footers/Footer1";
|
||||||
|
import Header2 from "@/components/headers/Header2";
|
||||||
|
import About from "@/components/homes/home-1/About";
|
||||||
|
|
||||||
|
import Testimonials from "@/components/homes/home-1/Testimonials";
|
||||||
|
import TurnKey from "@/components/homes/home-1/turnkey-solutions";
|
||||||
|
import Image from "next/image";
|
||||||
|
import Link from "next/link";
|
||||||
|
import React from "react";
|
||||||
|
export const metadata = {
|
||||||
|
title: "About || Xbuild - Constriction nextjs Template",
|
||||||
|
description: "Xbuild - Constriction nextjs Template",
|
||||||
|
};
|
||||||
|
|
||||||
|
export default function page() {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Header2 />
|
||||||
|
<div
|
||||||
|
className="breadcrumb-wrapper bg-cover"
|
||||||
|
style={{ backgroundImage: 'url("/assets/img/breadcrumb-bg.jpg")' }}
|
||||||
|
>
|
||||||
|
<div className="shape-image float-bob-y">
|
||||||
|
<Image
|
||||||
|
src="/assets/img/vector.png"
|
||||||
|
width={84}
|
||||||
|
height={186}
|
||||||
|
alt="img"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="container">
|
||||||
|
<div className="breadcrumb-wrapper-items">
|
||||||
|
<div className="page-heading">
|
||||||
|
<div className="breadcrumb-sub-title">
|
||||||
|
<h1 className="wow fadeInUp" data-wow-delay=".3s">
|
||||||
|
Turnkey Solutions
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
<ul
|
||||||
|
className="breadcrumb-items wow fadeInUp"
|
||||||
|
data-wow-delay=".5s"
|
||||||
|
>
|
||||||
|
<li>
|
||||||
|
<Link href={`/`}> Home </Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i className="fa-sharp fa-solid fa-slash-forward" />
|
||||||
|
</li>
|
||||||
|
<li>Turnkey Solutions</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div className="breadcrumb-image">
|
||||||
|
<Image
|
||||||
|
src="/assets/img/breadcrumb-image.png"
|
||||||
|
width={540}
|
||||||
|
height={450}
|
||||||
|
alt="img"
|
||||||
|
className="float-bob-x"
|
||||||
|
/>
|
||||||
|
<div className="bar-shape">
|
||||||
|
<Image
|
||||||
|
src="/assets/img/breadcrumb-bar.png"
|
||||||
|
width={631}
|
||||||
|
height={604}
|
||||||
|
alt="img"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<TurnKey />
|
||||||
|
<Footer1 />
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -44,7 +44,7 @@ export default function Products() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="service-content">
|
<div className="service-content">
|
||||||
<h2 className="number">{product.number}</h2>
|
{/* <h2 className="number">{product.number}</h2> */}
|
||||||
<h3>
|
<h3>
|
||||||
<Link href={`/service-details/${product.id}`}>
|
<Link href={`/service-details/${product.id}`}>
|
||||||
{product.title}
|
{product.title}
|
||||||
|
|||||||
140
components/homes/home-1/turnkey-solutions.jsx
Normal file
140
components/homes/home-1/turnkey-solutions.jsx
Normal file
@ -0,0 +1,140 @@
|
|||||||
|
"use client";
|
||||||
|
import Image from "next/image";
|
||||||
|
import AnimatedText from "@/components/common/AnimatedText";
|
||||||
|
import ModalVideo from "react-modal-video";
|
||||||
|
import { useState } from "react";
|
||||||
|
export default function TurnKey() {
|
||||||
|
const [isOpen, setOpen] = useState(false);
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<section
|
||||||
|
|
||||||
|
|
||||||
|
id="turnkey-solutions"
|
||||||
|
className="about-section fix section-padding scrollSpySection"
|
||||||
|
>
|
||||||
|
<div className="about-shape-1 float-bob-x">
|
||||||
|
<Image
|
||||||
|
src="/assets/img/about/about-shape-1.png"
|
||||||
|
width={114}
|
||||||
|
height={419}
|
||||||
|
alt="img"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="about-shape-2 float-bob-x">
|
||||||
|
<Image
|
||||||
|
src="/assets/img/about/about-shape-2.png"
|
||||||
|
width={318}
|
||||||
|
height={408}
|
||||||
|
alt="img"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="container">
|
||||||
|
<div className="about-wrapper">
|
||||||
|
<div className="row g-4">
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div className="about-image">
|
||||||
|
<Image
|
||||||
|
src="/assets/img/about/01.jpg"
|
||||||
|
alt="img"
|
||||||
|
width={485}
|
||||||
|
height={592}
|
||||||
|
className="wow fadeInLeft"
|
||||||
|
data-wow-delay=".2s"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
className="about-image-2 wow fadeInUp"
|
||||||
|
data-wow-delay=".4s"
|
||||||
|
>
|
||||||
|
<Image
|
||||||
|
src="/assets/img/about/02.jpg"
|
||||||
|
width={260}
|
||||||
|
height={270}
|
||||||
|
alt="img"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="about-line-shape">
|
||||||
|
<Image
|
||||||
|
src="/assets/img/about/about-shape-3.png"
|
||||||
|
width={30}
|
||||||
|
height={545}
|
||||||
|
alt="img"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div className="about-content">
|
||||||
|
<div className="section-title">
|
||||||
|
<h6 className="wow fadeInUp">
|
||||||
|
<i className="fa-regular fa-arrow-left-long"></i>Our Solutions
|
||||||
|
<i className="fa-regular fa-arrow-right-long"></i>
|
||||||
|
</h6>
|
||||||
|
<h2 className="splt-txt wow">
|
||||||
|
<AnimatedText text="Engineering the Future of Coconut Processing" />
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
<p className="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".4s">
|
||||||
|
We are pioneers in designing and delivering high-performance coconut processing equipment built for modern food processing industries. With decades of expertise, we offer complete turnkey solutions - from coconut deshelling to drying, grinding, and packaging.
|
||||||
|
</p>
|
||||||
|
<p className="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".4s">
|
||||||
|
Our engineering capabilities include:
|
||||||
|
</p>
|
||||||
|
<ul className="list-items wow fadeInUp" data-wow-delay=".2s">
|
||||||
|
<li>
|
||||||
|
<i className="fa-solid fa-circle-check"></i>
|
||||||
|
Complete plant design & optimization
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i className="fa-solid fa-circle-check"></i>
|
||||||
|
Custom-built coconut machinery for various capacities
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i className="fa-solid fa-circle-check"></i>
|
||||||
|
Upgradation and automation of existing setups
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<p className="mt-md-0 wow fadeInUp" data-wow-delay=".4s">
|
||||||
|
Let us help you boost your production efficiency and minimize downtime.
|
||||||
|
</p>
|
||||||
|
{/* <div className="about-author">
|
||||||
|
<div
|
||||||
|
className="author-image wow fadeInUp"
|
||||||
|
data-wow-delay=".2s"
|
||||||
|
>
|
||||||
|
<Image
|
||||||
|
src="/assets/img/about/author.png"
|
||||||
|
width={68}
|
||||||
|
height={68}
|
||||||
|
alt="author-img"
|
||||||
|
/>
|
||||||
|
<div className="content">
|
||||||
|
<p>Xbuild, CEO</p>
|
||||||
|
<h4>Brooklyn Simmons</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<Image
|
||||||
|
src="/assets/img/about/signature.png"
|
||||||
|
alt="img"
|
||||||
|
width={85}
|
||||||
|
height={51}
|
||||||
|
className="wow fadeInUp"
|
||||||
|
data-wow-delay=".4s"
|
||||||
|
/>
|
||||||
|
</div> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>{" "}
|
||||||
|
<ModalVideo
|
||||||
|
channel="youtube"
|
||||||
|
youtube={{ mute: 0, autoplay: 0 }}
|
||||||
|
isOpen={isOpen}
|
||||||
|
videoId="Cn4G2lZ_g2I"
|
||||||
|
onClose={() => setOpen(false)}
|
||||||
|
/>{" "}
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
22
data/menu.js
22
data/menu.js
@ -51,18 +51,22 @@ export const menuData = [
|
|||||||
{ label: "404 Page", href: "/404" },
|
{ label: "404 Page", href: "/404" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
label: "Services",
|
// label: "Services",
|
||||||
href: "#",
|
// href: "#",
|
||||||
iconClass: "fa-regular fa-plus",
|
// iconClass: "fa-regular fa-plus",
|
||||||
submenu: [
|
// submenu: [
|
||||||
{ label: "Services", href: "/service" },
|
// { label: "Services", href: "/service" },
|
||||||
{ label: "Service Details", href: "/service-details/1" },
|
// { label: "Service Details", href: "/service-details/1" },
|
||||||
],
|
// ],
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
label: "Products",
|
label: "Products",
|
||||||
href: "/product",
|
href: "/product",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Turnkey Solutions",
|
||||||
|
href: "/turnkey-solutions",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "Projects",
|
label: "Projects",
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user