2 page structure updated
This commit is contained in:
parent
23db236976
commit
16d8596efd
@ -1,6 +1,6 @@
|
||||
import Brands from "@/components/common/Brands";
|
||||
import Footer1 from "@/components/footers/Footer1";
|
||||
import Header2 from "@/components/headers/Header2";
|
||||
import Header1 from "@/components/headers/Header1";
|
||||
import Projects from "@/components/project/Projects";
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
@ -12,19 +12,11 @@ export const metadata = {
|
||||
export default function page() {
|
||||
return (
|
||||
<>
|
||||
<Header2 />
|
||||
<Header1 />
|
||||
<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">
|
||||
@ -47,29 +39,14 @@ export default function page() {
|
||||
</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>
|
||||
<Projects />
|
||||
<div className="brand-section fix section-padding pt-0">
|
||||
{/* <div className="brand-section fix section-padding pt-0">
|
||||
<Brands />
|
||||
</div>
|
||||
</div> */}
|
||||
<Footer1 />
|
||||
</>
|
||||
);
|
||||
|
||||
@ -4,6 +4,7 @@ import Products from "@/components/homes/home-1/Products/product";
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
import React from "react";
|
||||
import About from "@/components/turnkey-solutions/page";
|
||||
export const metadata = {
|
||||
title: "About || Xbuild - Constriction nextjs Template",
|
||||
description: "Xbuild - Constriction nextjs Template",
|
||||
@ -35,7 +36,7 @@ export default function page() {
|
||||
<li>
|
||||
<i className="fa-sharp fa-solid fa-slash-forward" />
|
||||
</li>
|
||||
<li>About Us</li>
|
||||
<li>Turnkey Solutions</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="breadcrumb-image">
|
||||
@ -58,8 +59,8 @@ export default function page() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Products/>
|
||||
<About />
|
||||
<Products />
|
||||
<Footer1 />
|
||||
</>
|
||||
);
|
||||
|
||||
138
components/turnkey-solutions/page.jsx
Normal file
138
components/turnkey-solutions/page.jsx
Normal file
@ -0,0 +1,138 @@
|
||||
"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 About() {
|
||||
const [isOpen, setOpen] = useState(false);
|
||||
return (
|
||||
<>
|
||||
<section
|
||||
id="about"
|
||||
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)}
|
||||
/>{" "}
|
||||
</>
|
||||
);
|
||||
}
|
||||
@ -30,6 +30,10 @@ export const menuData = [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
iconClass: "fa-regular fa-plus",
|
||||
submenu: [
|
||||
{ label: "Corporate Profile", href: "/corporate-profile" },
|
||||
],
|
||||
},
|
||||
// {
|
||||
// label: "Pages",
|
||||
|
||||
@ -62,6 +62,26 @@ export const projects = [
|
||||
title: "Core Values",
|
||||
delay: ".6s",
|
||||
},
|
||||
]
|
||||
export const projects2 = [
|
||||
{
|
||||
id: 7,
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
title: "Mission",
|
||||
delay: ".2s",
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
title: "Vission",
|
||||
delay: ".4s",
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
title: "Core Values",
|
||||
delay: ".6s",
|
||||
},
|
||||
// {
|
||||
// id: 10,
|
||||
// images: ["/assets/img/project/12.jpg", "/assets/img/project/12.jpg"],
|
||||
@ -112,37 +132,61 @@ export const projects = [
|
||||
// },
|
||||
];
|
||||
|
||||
export const projects2 = [
|
||||
export const projects3 = [
|
||||
{
|
||||
id: 16,
|
||||
title: "Building Renovation",
|
||||
bgClass: "",
|
||||
delay: "",
|
||||
},
|
||||
{
|
||||
id: 17,
|
||||
title: "Building Renovation",
|
||||
bgClass: "bg-1",
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
title: "Mission",
|
||||
delay: ".2s",
|
||||
},
|
||||
{
|
||||
id: 18,
|
||||
title: "Building Renovation",
|
||||
bgClass: "bg-2 active",
|
||||
id: 17,
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
title: "Vission",
|
||||
delay: ".4s",
|
||||
},
|
||||
{
|
||||
id: 19,
|
||||
title: "Building Renovation",
|
||||
bgClass: "bg-3",
|
||||
id: 18,
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
title: "Core Values",
|
||||
delay: ".6s",
|
||||
},
|
||||
{
|
||||
id: 19,
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
title: "Mission",
|
||||
delay: ".2s",
|
||||
},
|
||||
{
|
||||
id: 20,
|
||||
title: "Building Renovation",
|
||||
bgClass: "bg-4",
|
||||
delay: ".8s",
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
title: "Vission",
|
||||
delay: ".4s",
|
||||
},
|
||||
{
|
||||
id: 21,
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
title: "Core Values",
|
||||
delay: ".6s",
|
||||
},
|
||||
{
|
||||
id: 22,
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
title: "Mission",
|
||||
delay: ".2s",
|
||||
},
|
||||
{
|
||||
id: 23,
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
title: "Vission",
|
||||
delay: ".4s",
|
||||
},
|
||||
{
|
||||
id: 24,
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
title: "Core Values",
|
||||
delay: ".6s",
|
||||
},
|
||||
];
|
||||
|
||||
export const allProjects = [...projectItems, ...projects, projects2];
|
||||
export const allProjects = [...projectItems, ...projects, projects2, projects3];
|
||||
|
||||
@ -286,6 +286,63 @@ export const products = [
|
||||
},
|
||||
];
|
||||
|
||||
export const products2 = [
|
||||
{
|
||||
id: 34,
|
||||
image: "/assets/img/service/01.jpg",
|
||||
icon: "/assets/img/icon/01.svg",
|
||||
number: "01",
|
||||
title: "Coconut Deshelling Machine",
|
||||
description: "Effortlessly remove coconut shells with high-speed, durable, low-maintenance, energy-efficient, precision-engineered deshellers built for continuous production lines.",
|
||||
delay: ".2s",
|
||||
},
|
||||
{
|
||||
id: 35,
|
||||
image: "/assets/img/service/02.jpg",
|
||||
icon: "/assets/img/icon/02.svg",
|
||||
number: "02",
|
||||
title: "Coconut Dryer (Hot Air / Tray Type)",
|
||||
description: "Achieve uniform drying with our energy-efficient, high-capacity dryers designed to preserve quality and extend shelf life.",
|
||||
delay: ".4s",
|
||||
},
|
||||
{
|
||||
id: 36,
|
||||
image: "/assets/img/service/03.jpg",
|
||||
icon: "/assets/img/icon/03.svg",
|
||||
number: "03",
|
||||
title: "Coconut Pulverizer & Grinder",
|
||||
description: "Grind dried coconut into fine powder with consistent output, low power consumption, minimal maintenance, high efficiency, and smooth operation.",
|
||||
delay: ".6s",
|
||||
},
|
||||
{
|
||||
id: 37,
|
||||
image: "/assets/img/service/06.jpg",
|
||||
icon: "/assets/img/icon/07.svg",
|
||||
number: "04",
|
||||
title: "Coconut Milk Extractor",
|
||||
description: "Extract rich, pure coconut milk with hygienic, food-grade, corrosion-resistant, easy-to-clean machinery suitable for both small and industrial-scale operations.",
|
||||
delay: ".2s",
|
||||
},
|
||||
{
|
||||
id: 38,
|
||||
image: "/assets/img/service/07.jpg",
|
||||
icon: "/assets/img/icon/08.svg",
|
||||
number: "05",
|
||||
title: "Virgin Coconut Oil (VCO) Processing Equipment",
|
||||
description: "From cold press systems to filtration and bottling, complete VCO machinery for value-added production.",
|
||||
delay: ".4s",
|
||||
},
|
||||
{
|
||||
id: 39,
|
||||
image: "/assets/img/service/08.jpg",
|
||||
icon: "/assets/img/icon/09.svg",
|
||||
number: "06",
|
||||
title: "Coconut Water Processing Unit",
|
||||
description: "Sterilize, filter, and bottle coconut water with our modular, easy-to-maintain setups. Designed for scalability, these systems ensure purity and extended shelf stability.",
|
||||
delay: ".6s",
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
export const allServices = [
|
||||
...serviceItems,
|
||||
@ -293,6 +350,7 @@ export const allServices = [
|
||||
...services,
|
||||
...services2,
|
||||
...products,
|
||||
...products2,
|
||||
];
|
||||
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user