Compare commits
No commits in common. "aa92ed63377916647af33b1f158972a474d7d269" and "1a929aaa0feecbf07c34ea31f9d073bc73b5fbe2" have entirely different histories.
aa92ed6337
...
1a929aaa0f
@ -20,7 +20,7 @@ export default function page() {
|
||||
<Header1 />
|
||||
<div
|
||||
className="breadcrumb-wrapper bg-cover"
|
||||
style={{ backgroundImage: 'url("/assets/img/about-page/about-banner.webp")' }}
|
||||
style={{ backgroundImage: 'url("/assets/img/cta-bg.jpg")' }}
|
||||
>
|
||||
{/* <div className="shape-image float-bob-y">
|
||||
<Image
|
||||
|
||||
@ -15,14 +15,14 @@ export default function page() {
|
||||
<Header1 />
|
||||
<div
|
||||
className="breadcrumb-wrapper bg-cover"
|
||||
style={{ backgroundImage: 'url("/assets/img/about-page/about/glance-banner.webp")' }}
|
||||
style={{ backgroundImage: 'url("/assets/img/cta-bg.jpg")' }}
|
||||
>
|
||||
<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">
|
||||
At a Glance
|
||||
Corporate Profile
|
||||
</h1>
|
||||
</div>
|
||||
<ul
|
||||
@ -35,7 +35,7 @@ export default function page() {
|
||||
<li>
|
||||
<i className="fa-sharp fa-solid fa-slash-forward" />
|
||||
</li>
|
||||
<li>At a Glance</li>
|
||||
<li>Corporate Profile</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="breadcrumb-image">
|
||||
|
||||
@ -1,66 +0,0 @@
|
||||
import Engineering from "@/components/engineering-innovation/page";
|
||||
import Footer1 from "@/components/footers/Footer1";
|
||||
import Header1 from "@/components/headers/Header1";
|
||||
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 (
|
||||
<>
|
||||
<Header1 />
|
||||
<div
|
||||
className="breadcrumb-wrapper bg-cover"
|
||||
style={{ backgroundImage: 'url("/assets/img/about-page/about/engineering-banner.webp")' }}
|
||||
>
|
||||
<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">
|
||||
Engineering & Innovation
|
||||
</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>Engineering & Innovation</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>
|
||||
|
||||
<Engineering />
|
||||
<Footer1 />
|
||||
</>
|
||||
);
|
||||
}
|
||||
@ -1,66 +0,0 @@
|
||||
import FactoryWorkflow from "@/components/factory-workflows/page";
|
||||
import Footer1 from "@/components/footers/Footer1";
|
||||
import Header1 from "@/components/headers/Header1";
|
||||
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 (
|
||||
<>
|
||||
<Header1 />
|
||||
<div
|
||||
className="breadcrumb-wrapper bg-cover"
|
||||
style={{ backgroundImage: 'url("/assets/img/about-page/about/factory-banner.webp")' }}
|
||||
>
|
||||
<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">
|
||||
Factory & Workflows
|
||||
</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>Factory & Workflows</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>
|
||||
|
||||
<FactoryWorkflow />
|
||||
<Footer1 />
|
||||
</>
|
||||
);
|
||||
}
|
||||
@ -35,7 +35,7 @@ export default function page() {
|
||||
<li>
|
||||
<i className="fa-sharp fa-solid fa-slash-forward" />
|
||||
</li>
|
||||
<li>Products</li>
|
||||
<li>About Us</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="breadcrumb-image">
|
||||
|
||||
@ -14,7 +14,7 @@ export default function page() {
|
||||
<Header1 />
|
||||
<div
|
||||
className="breadcrumb-wrapper bg-cover"
|
||||
style={{ backgroundImage: 'url("/assets/img/projects/projects-banner.webp")' }}
|
||||
style={{ backgroundImage: 'url("/assets/img/breadcrumb-bg.jpg")' }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="breadcrumb-wrapper-items">
|
||||
|
||||
@ -1,66 +0,0 @@
|
||||
import Footer1 from "@/components/footers/Footer1";
|
||||
import Header1 from "@/components/headers/Header1";
|
||||
import Sustainability from "@/components/sustainability-impact/page";
|
||||
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 (
|
||||
<>
|
||||
<Header1 />
|
||||
<div
|
||||
className="breadcrumb-wrapper bg-cover"
|
||||
style={{ backgroundImage: 'url("/assets/img/about-page/about/sustainability-banner.webp")' }}
|
||||
>
|
||||
<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">
|
||||
Sustainability Impact
|
||||
</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>Sustainability Impact</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>
|
||||
|
||||
<Sustainability />
|
||||
<Footer1 />
|
||||
</>
|
||||
);
|
||||
}
|
||||
@ -9,7 +9,7 @@ export default function Achievments() {
|
||||
<div className="achivements-wrapper-2 section-padding">
|
||||
<div className="bg-shape">
|
||||
<Image
|
||||
src="/assets/img/about-page/abut-section-2.webp"
|
||||
src="/assets/img/achivements-shape.png"
|
||||
width={674}
|
||||
height={470}
|
||||
alt="img"
|
||||
@ -102,7 +102,7 @@ export default function Achievments() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="man-image float-bob-x">
|
||||
<Image src="/assets/img/about-page/right-element.webp" width={343} height={413} alt="img" />
|
||||
<Image src="/assets/img/man.png" width={343} height={413} alt="img" />
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
|
||||
@ -7,7 +7,7 @@ export default function Team() {
|
||||
<section className="team-section section-padding">
|
||||
<div className="shape-1 float-bob-y">
|
||||
<Image
|
||||
src="/assets/img/about-page/left-top-element.webp"
|
||||
src="/assets/img/team/shape-1.png"
|
||||
width={161}
|
||||
height={250}
|
||||
alt="img"
|
||||
@ -15,7 +15,7 @@ export default function Team() {
|
||||
</div>
|
||||
<div className="shape-2">
|
||||
<Image
|
||||
src="/assets/img/about-page/right-bottom3.webp"
|
||||
src="/assets/img/team/shape-2.png"
|
||||
width={352}
|
||||
height={428}
|
||||
alt="img"
|
||||
@ -36,8 +36,9 @@ export default function Team() {
|
||||
{teamMembers2.map((member) => (
|
||||
<div
|
||||
key={member.id}
|
||||
className={`col-xl-3 col-lg-4 col-md-6 col-sm-6 wow fadeInUp${member.active ? " active" : ""
|
||||
}`}
|
||||
className={`col-xl-3 col-lg-4 col-md-6 col-sm-6 wow fadeInUp${
|
||||
member.active ? " active" : ""
|
||||
}`}
|
||||
data-wow-delay={member.delay}
|
||||
>
|
||||
<div className="team-box-items">
|
||||
@ -51,14 +52,14 @@ export default function Team() {
|
||||
</div>
|
||||
<div className="team-content">
|
||||
<h5>
|
||||
<Link href={member.link}>
|
||||
<Link href={`/team-details/${member.id}`}>
|
||||
{member.name}
|
||||
</Link>
|
||||
</h5>
|
||||
{/* <p>{member.role}</p> */}
|
||||
<Link href={member.link} className="icon">
|
||||
<a href="team-details" className="icon">
|
||||
<i className="fa-solid fa-link" />
|
||||
</Link>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,52 +0,0 @@
|
||||
import React from "react";
|
||||
import Image from "next/image";
|
||||
|
||||
export default function Engineering() {
|
||||
return (
|
||||
<section className="news-standard fix section-padding">
|
||||
<div className="container">
|
||||
<div className="row g-4">
|
||||
<div className="col-12">
|
||||
<div className="blog-post-details">
|
||||
<div className="single-blog-post">
|
||||
<div
|
||||
className="post-featured-thumb bg-cover"
|
||||
style={{
|
||||
backgroundImage: `url("/assets/img/about-page/about/big-img-4.webp")`,
|
||||
height: "400px",
|
||||
backgroundSize: "cover",
|
||||
backgroundPosition: "center",
|
||||
borderRadius: "10px"
|
||||
}}
|
||||
/>
|
||||
|
||||
<div className="post-content">
|
||||
|
||||
<h3>Engineering & Innovation</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus non alias rem debitis sunt! Eius voluptates molestias accusamus illum laudantium, ab obcaecati temporibus qui natus. Architecto nam voluptatibus, pariatur, quod cupiditate mollitia adipisci velit quia iste ab temporibus. Optio architecto vel ipsa consequatur blanditiis aspernatur rerum in, quos expedita saepe ab eos vero ipsam repellendus velit tempora, nihil mollitia tenetur. Libero, nisi sapiente accusantium delectus nesciunt voluptatum. Nisi iure praesentium commodi voluptas. Deleniti perferendis labore debitis ullam voluptas, ex harum vitae consectetur voluptates sapiente similique, maxime impedit aut dolores beatae nobis sed! Delectus repellat blanditiis mollitia labore rem temporibus praesentium natus non modi similique recusandae quo voluptate doloremque corporis officia fugit voluptas consectetur aliquam ipsam, omnis molestiae facilis voluptates maxime? Exercitationem saepe ea mollitia quasi architecto doloribus temporibus autem quia debitis quos, nulla, amet sapiente cumque unde officia officiis possimus deserunt! Harum ex placeat necessitatibus possimus praesentium inventore recusandae accusantium neque fugiat, labore magni consequatur hic tempore, quibusdam tenetur aliquid mollitia. Explicabo, porro accusantium? Aspernatur nisi consequuntur quos distinctio unde, dicta fuga saepe vitae fugit eaque? Praesentium, facilis dolores ipsa explicabo fugit repellendus? Maiores, consequatur, esse mollitia assumenda nobis vel fugiat vero accusamus suscipit aspernatur sunt, temporibus atque minus ipsam.
|
||||
</p>
|
||||
|
||||
<div className="hilight-text mt-4 mb-4">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse sunt dolor quis, odio facere enim incidunt magnam fugit id sequi dolore aliquid expedita. Distinctio, fuga consectetur exercitationem commodi, perferendis est expedita aspernatur iusto suscipit dolores quasi beatae molestiae tenetur aperiam.
|
||||
</p>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
|
||||
<path d="M7.71428 20.0711H0.5V5.64258H14.9286V20.4531L9.97665 30.3568H3.38041L8.16149 20.7947L8.5233 20.0711H7.71428Z" stroke="#F55B1F" />
|
||||
<path d="M28.2846 20.0711H21.0703V5.64258H35.4989V20.4531L30.547 30.3568H23.9507L28.7318 20.7947L29.0936 20.0711H28.2846Z" stroke="#F55B1F" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
|
||||
<p className="mt-3">
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quae quam ipsam autem ex error ipsa ea repudiandae facere enim mollitia fuga tempora amet recusandae voluptate, fugiat exercitationem sint cum dolor? Temporibus reprehenderit quae atque veniam? Mollitia expedita ad repellendus, quaerat dolorem, facere voluptatibus atque fugit consequatur quo, reiciendis quas optio aspernatur nisi maxime obcaecati nobis tenetur cumque nemo maiores possimus facilis eius. Consequatur, ad enim facilis aspernatur ex dolores architecto, dolorem, deleniti fuga provident id. Optio, voluptatem earum odio ipsa modi voluptates? Aut possimus, natus voluptates assumenda minima molestias? Sit sequi et rem doloremque ex facere hic, fugiat aspernatur, mollitia delectus suscipit quisquam obcaecati reprehenderit, eligendi explicabo dignissimos voluptates dolore! Aliquid omnis sed ab cupiditate repellat quo dolores totam dolorem, hic distinctio dolore error perferendis libero optio, quaerat ratione, neque nostrum porro qui quam quis consequuntur nesciunt fuga! Iste tenetur molestias veniam saepe suscipit porro, consequatur vel culpa, provident laudantium rerum placeat, totam odit nobis officia esse. Quia tempora voluptate laudantium ipsa, mollitia ullam beatae perferendis exercitationem odio quis similique facere harum nulla rerum, cumque quas, expedita cupiditate iste numquam incidunt consequatur doloremque quaerat. Quis facilis quae hic temporibus, quo impedit harum repellendus corporis. Sit repellat fugiat id perferendis quibusdam.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
@ -1,97 +0,0 @@
|
||||
import React from "react";
|
||||
import Image from "next/image";
|
||||
|
||||
export default function FactoryWorkflow() {
|
||||
return (
|
||||
<section className="news-standard fix section-padding">
|
||||
<div className="container">
|
||||
<div className="row g-4">
|
||||
<div className="col-12">
|
||||
<div className="blog-post-details">
|
||||
<div className="single-blog-post">
|
||||
<div
|
||||
className="post-featured-thumb bg-cover"
|
||||
style={{
|
||||
backgroundImage: `url("/assets/img/about-page/about/big-img-2.webp")`,
|
||||
height: "400px",
|
||||
backgroundSize: "cover",
|
||||
backgroundPosition: "center",
|
||||
borderRadius: "10px"
|
||||
}}
|
||||
/>
|
||||
|
||||
<div className="post-content">
|
||||
|
||||
<h3>Factory & Workflows</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus non alias rem debitis sunt! Eius voluptates molestias accusamus illum laudantium, ab obcaecati temporibus qui natus. Architecto nam voluptatibus, pariatur, quod cupiditate mollitia adipisci velit quia iste ab temporibus. Optio architecto vel ipsa consequatur blanditiis aspernatur rerum in, quos expedita saepe ab eos vero ipsam repellendus velit tempora, nihil mollitia tenetur. Libero, nisi sapiente accusantium delectus nesciunt voluptatum. Nisi iure praesentium commodi voluptas. Deleniti perferendis labore debitis ullam voluptas, ex harum vitae consectetur voluptates sapiente similique, maxime impedit aut dolores beatae nobis sed! Delectus repellat blanditiis mollitia labore rem temporibus praesentium natus non modi similique recusandae quo voluptate doloremque corporis officia fugit voluptas consectetur aliquam ipsam, omnis molestiae facilis voluptates maxime? Exercitationem saepe ea mollitia quasi architecto doloribus temporibus autem quia debitis quos, nulla, amet sapiente cumque unde officia officiis possimus deserunt! Harum ex placeat necessitatibus possimus praesentium inventore recusandae accusantium neque fugiat, labore magni consequatur hic tempore, quibusdam tenetur aliquid mollitia. Explicabo, porro accusantium? Aspernatur nisi consequuntur quos distinctio unde, dicta fuga saepe vitae fugit eaque? Praesentium, facilis dolores ipsa explicabo fugit repellendus? Maiores, consequatur, esse mollitia assumenda nobis vel fugiat vero accusamus suscipit aspernatur sunt, temporibus atque minus ipsam.
|
||||
</p>
|
||||
|
||||
<div className="hilight-text mt-4 mb-4">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse sunt dolor quis, odio facere enim incidunt magnam fugit id sequi dolore aliquid expedita. Distinctio, fuga consectetur exercitationem commodi, perferendis est expedita aspernatur iusto suscipit dolores quasi beatae molestiae tenetur aperiam.
|
||||
</p>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
|
||||
<path d="M7.71428 20.0711H0.5V5.64258H14.9286V20.4531L9.97665 30.3568H3.38041L8.16149 20.7947L8.5233 20.0711H7.71428Z" stroke="#F55B1F" />
|
||||
<path d="M28.2846 20.0711H21.0703V5.64258H35.4989V20.4531L30.547 30.3568H23.9507L28.7318 20.7947L29.0936 20.0711H28.2846Z" stroke="#F55B1F" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
|
||||
<p className="mt-3">
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quae quam ipsam autem ex error ipsa ea repudiandae facere enim mollitia fuga tempora amet recusandae voluptate, fugiat exercitationem sint cum dolor? Temporibus reprehenderit quae atque veniam? Mollitia expedita ad repellendus, quaerat dolorem, facere voluptatibus atque fugit consequatur quo, reiciendis quas optio aspernatur nisi maxime obcaecati nobis tenetur cumque nemo maiores possimus facilis eius. Consequatur, ad enim facilis aspernatur ex dolores architecto, dolorem, deleniti fuga provident id. Optio, voluptatem earum odio ipsa modi voluptates? Aut possimus, natus voluptates assumenda minima molestias? Sit sequi et rem doloremque ex facere hic, fugiat aspernatur, mollitia delectus suscipit quisquam obcaecati reprehenderit, eligendi explicabo dignissimos voluptates dolore! Aliquid omnis sed ab cupiditate repellat quo dolores totam dolorem, hic distinctio dolore error perferendis libero optio, quaerat ratione, neque nostrum porro qui quam quis consequuntur nesciunt fuga! Iste tenetur molestias veniam saepe suscipit porro, consequatur vel culpa, provident laudantium rerum placeat, totam odit nobis officia esse. Quia tempora voluptate laudantium ipsa, mollitia ullam beatae perferendis exercitationem odio quis similique facere harum nulla rerum, cumque quas, expedita cupiditate iste numquam incidunt consequatur doloremque quaerat. Quis facilis quae hic temporibus, quo impedit harum repellendus corporis. Sit repellat fugiat id perferendis quibusdam.
|
||||
</p>
|
||||
|
||||
<div className="row mt-5 mb-5">
|
||||
<div className="col-lg-6 mt-2">
|
||||
<div className="details-image">
|
||||
<Image
|
||||
src="/assets/img/about-page/about/1.webp"
|
||||
width={370}
|
||||
height={269}
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 mt-2">
|
||||
<div className="details-image">
|
||||
<Image
|
||||
src="/assets/img/about-page/about/2.webp"
|
||||
width={370}
|
||||
height={269}
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row mt-5 mb-5">
|
||||
<div className="col-lg-6 mt-2">
|
||||
<div className="details-image">
|
||||
<Image
|
||||
src="/assets/img/about-page/about/3.webp"
|
||||
width={370}
|
||||
height={269}
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 mt-2">
|
||||
<div className="details-image">
|
||||
<Image
|
||||
src="/assets/img/about-page/about/4.webp"
|
||||
width={370}
|
||||
height={269}
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
@ -204,17 +204,8 @@ export default function Footer1() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer-bottom">
|
||||
<p style={{ textAlign: "center", fontSize: "14px", margin: 0, padding: "10px 15px" }}>
|
||||
Copyright {new Date().getFullYear()} © <strong>Cibus Industries</strong>. Powered by{" "}
|
||||
<a
|
||||
href="https://metatroncubesolutions.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
style={{ color: "#cf2d1f", textDecoration: "none", fontWeight: "bold" }}
|
||||
>
|
||||
MetatronCube
|
||||
</a>
|
||||
. All Rights Reserved.
|
||||
<p>
|
||||
© All Copyright 2024 by <Link href={`/`}>Xbuild</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -18,7 +18,6 @@ export default function Header1() {
|
||||
width={300}
|
||||
height={60}
|
||||
alt="img"
|
||||
className="responsive-logo"
|
||||
/>
|
||||
</Link>
|
||||
</div>
|
||||
@ -33,7 +32,6 @@ export default function Header1() {
|
||||
alt="logo-img"
|
||||
width={300}
|
||||
height={60}
|
||||
className="responsive-logo"
|
||||
/>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
@ -15,7 +15,7 @@ export default function Offcanvas({ children }) {
|
||||
<div className="offcanvas__logo">
|
||||
<Link href="/">
|
||||
<Image
|
||||
src="/assets/img/logo/logo.png"
|
||||
src="/assets/img/logo/black-logo.svg"
|
||||
width={149}
|
||||
height={64}
|
||||
alt="logo-img"
|
||||
|
||||
@ -17,7 +17,6 @@ export default function About() {
|
||||
width={114}
|
||||
height={419}
|
||||
alt="img"
|
||||
style={{ opacity: 0.4 }}
|
||||
/>
|
||||
</div>
|
||||
<div className="about-shape-2 float-bob-x">
|
||||
@ -54,14 +53,14 @@ export default function About() {
|
||||
/>
|
||||
|
||||
</div>
|
||||
{/* <div className="about-line-shape">
|
||||
<div className="about-line-shape">
|
||||
<Image
|
||||
src="/assets/img/about/right-side-scale-img.webp"
|
||||
width={30}
|
||||
height={545}
|
||||
alt="img"
|
||||
/>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
|
||||
@ -13,7 +13,7 @@ export default function About() {
|
||||
>
|
||||
<div className="about-shape-1 float-bob-x">
|
||||
<Image
|
||||
src="/assets/img/about-page/right-top-element.webp"
|
||||
src="/assets/img/about/about-shape-1.png"
|
||||
width={114}
|
||||
height={419}
|
||||
alt="img"
|
||||
@ -21,7 +21,7 @@ export default function About() {
|
||||
</div>
|
||||
<div className="about-shape-2 float-bob-x">
|
||||
<Image
|
||||
src="/assets/img/about-page/left-bottom.webp"
|
||||
src="/assets/img/about/about-shape-2.png"
|
||||
width={318}
|
||||
height={408}
|
||||
alt="img"
|
||||
@ -33,7 +33,7 @@ export default function About() {
|
||||
<div className="col-lg-6">
|
||||
<div className="about-image">
|
||||
<Image
|
||||
src="/assets/img/about-page/left-image.webp"
|
||||
src="/assets/img/about/01.jpg"
|
||||
alt="img"
|
||||
width={485}
|
||||
height={592}
|
||||
@ -45,20 +45,20 @@ export default function About() {
|
||||
data-wow-delay=".4s"
|
||||
>
|
||||
<Image
|
||||
src="/assets/img/about-page/right-bottom.webp"
|
||||
src="/assets/img/about/02.jpg"
|
||||
width={260}
|
||||
height={270}
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
{/* <div className="about-line-shape">
|
||||
<div className="about-line-shape">
|
||||
<Image
|
||||
src="/assets/img/about/about-shape-3.png"
|
||||
width={30}
|
||||
height={545}
|
||||
alt="img"
|
||||
/>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
|
||||
@ -21,7 +21,7 @@ export default function Blogs() {
|
||||
>
|
||||
<div className="shape-1 float-bob-y">
|
||||
<Image
|
||||
src="/assets/img/blog/blog-right.webp"
|
||||
src="/assets/img/blog/blog-left.webp"
|
||||
width={165}
|
||||
height={116}
|
||||
alt="img"
|
||||
@ -29,7 +29,7 @@ export default function Blogs() {
|
||||
</div>
|
||||
<div className="shape-2 float-bob-x">
|
||||
<Image
|
||||
src="/assets/img/blog/blog-left.webp"
|
||||
src="/assets/img/blog/blog-right.webp"
|
||||
width={165}
|
||||
height={116}
|
||||
alt="img"
|
||||
@ -79,7 +79,7 @@ export default function Blogs() {
|
||||
</Link>
|
||||
</h3>
|
||||
<p className="text-white">
|
||||
{truncateWords(leftBlog.description.replace(/<[^>]+>/g, ""), 25)}
|
||||
{truncateWords(leftBlog.description.replace(/<[^>]+>/g, ""), 70)}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -107,7 +107,7 @@ export default function Blogs() {
|
||||
</ul>
|
||||
<h4>
|
||||
<Link href={`/news-details/${item.slug}`}>
|
||||
{truncateWords(item.title.replace(/<[^>]+>/g, ""), 8)}
|
||||
{truncateWords(item.title.replace(/<[^>]+>/g, ""), 6)}
|
||||
</Link>
|
||||
</h4>
|
||||
<p>
|
||||
|
||||
@ -12,7 +12,7 @@ export default function CorporateProfile() {
|
||||
<div
|
||||
className="post-featured-thumb bg-cover"
|
||||
style={{
|
||||
backgroundImage: `url("/assets/img/about-page/about/big-img.webp")`,
|
||||
backgroundImage: `url("/assets/img/news/post-3.jpg")`,
|
||||
height: "400px",
|
||||
backgroundSize: "cover",
|
||||
backgroundPosition: "center",
|
||||
@ -22,15 +22,14 @@ export default function CorporateProfile() {
|
||||
|
||||
<div className="post-content">
|
||||
|
||||
<h3>Innovating Coconut Processing with Excellence</h3>
|
||||
<h3>Revolutionizing Coconut Processing: The Rise of Turnkey Plants</h3>
|
||||
<p>
|
||||
At Cibus Industries, we have spent over 30 years at the forefront of coconut processing innovation - continuously redefining what's possible in this specialized sector of the food industry. What began as a focused engineering venture rooted in mechanical precision has matured into a globally recognized name in end-to-end coconut processing technology.
|
||||
Over the years, we’ve grown not only in scale but in scope - expanding from standalone machinery to delivering complete turnkey coconut processing plants. Today, our systems are powering processing facilities, private-label brands, integrated agro-industries, and export-oriented manufacturers across 20+ countries, including key markets in Southeast Asia, the Middle East, and Africa.
|
||||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aut ab asperiores rem nostrum at eveniet, atque repellendus voluptates nemo odio facilis doloremque earum error fuga. Sint totam dolores rerum nulla doloremque sit molestiae, ut, eligendi fuga culpa illum adipisci earum, beatae officiis laboriosam dolorem. Nam optio id vel asperiores, laboriosam soluta eaque at, amet, minus quaerat tempore esse repudiandae ipsa? Deserunt corporis minus unde possimus modi eum magnam doloremque iusto saepe necessitatibus cupiditate eos, perferendis, quibusdam magni ut quas, nesciunt quis consequuntur? Enim quidem voluptatibus possimus pariatur ipsam eveniet deleniti culpa consectetur dignissimos expedita, a laborum minima inventore, ab neque?
|
||||
</p>
|
||||
|
||||
<div className="hilight-text mt-4 mb-4">
|
||||
<p>
|
||||
Our success is built on a strong foundation of engineering excellence, client-first partnerships, and a deep understanding of the entire coconut value chain - from raw fruit handling to high-value finished goods like virgin coconut oil, coconut flour, milk, and water.
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta, nam voluptatem! Suscipit et, fugiat pariatur tempora beatae at assumenda sed quae minus voluptatum ratione quis. Quam provident modi earum. Aut molestiae totam illo necessitatibus aliquam adipisci nulla, quidem eveniet odit amet, perspiciatis sunt libero fuga dolores! Inventore tempora, vel quis magni ut optio. Officia inventore nostrum, voluptatem atque harum dolores!
|
||||
</p>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
|
||||
<path d="M7.71428 20.0711H0.5V5.64258H14.9286V20.4531L9.97665 30.3568H3.38041L8.16149 20.7947L8.5233 20.0711H7.71428Z" stroke="#F55B1F" />
|
||||
@ -40,32 +39,29 @@ export default function CorporateProfile() {
|
||||
|
||||
|
||||
<p className="mt-3">
|
||||
At Cibus Industries, our commitment goes far beyond building machinery - we engineer trust, performance, and lasting partnerships. Every machine we design is a reflection of our core promise: to simplify coconut processing, eliminate inefficiencies, and unlock value at every stage of production.
|
||||
Our goal is not just to supply equipment, but to empower our clients to scale confidently, produce sustainably, and lead competitively in a rapidly evolving global market. Whether it’s a single machine or a complete turnkey plant, we bring together innovation, reliability, and deep industry insight to help our partners transform their operations and stay ahead of the curve.”
|
||||
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quam similique autem debitis nulla qui quis, soluta illo rerum consequatur explicabo delectus dolores esse doloremque nesciunt ratione accusantium, quo dignissimos voluptate vero a sunt dolor odit, voluptatem minima? Ex nesciunt, numquam, maxime repudiandae rerum dolore illo ipsam nam vel omnis quaerat incidunt. Non consequuntur sit in ipsum perspiciatis molestias nulla esse neque quam officiis, itaque dolorum, dolor maiores quos ipsa cupiditate temporibus, natus quibusdam voluptate atque qui. Quibusdam placeat sint excepturi consequuntur, obcaecati soluta fugit perspiciatis, nam dolor dolore nobis. Nesciunt repellendus hic dolorem nulla ad voluptatem modi. Vitae, consectetur iste.
|
||||
</p>
|
||||
|
||||
|
||||
<p className="mt-3">
|
||||
At Cibus Industries, our strength lies not only in our technology but in our ability to transform ideas into fully functional, future-ready processing ecosystems. We approach every project with a deep understanding of the coconut value chain - integrating mechanical design, plant layout, automation, and sustainability into one seamless solution. This holistic mindset has allowed us to support startups, scale-ups, and industrial leaders alike in building high-performance coconut processing plants across the globe.
|
||||
Backed by a state-of-the-art 40,000 sq. ft. manufacturing facility, a multidisciplinary team of engineers, and decades of hands-on industry experience, we are able to adapt quickly to diverse client needs. Whether you're producing virgin coconut oil, desiccated coconut, coconut flour, or water - we don’t just meet international standards, we set them. Our goal is simple: to deliver reliable, scalable, and intelligently engineered solutions that help you grow efficiently and sustainably.
|
||||
|
||||
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Numquam voluptatem, sint molestias recusandae id cumque laborum beatae nam quibusdam. Est expedita corporis numquam voluptatum vitae similique ipsam nihil minima dolore voluptatibus ipsum tempore, corrupti obcaecati natus esse molestiae sunt nostrum suscipit magnam asperiores sint culpa atque labore! Iure architecto molestias amet obcaecati. Sapiente consequatur laborum expedita, eos dolores doloribus esse incidunt ratione, fugit molestiae fuga quia tempore reprehenderit architecto laudantium cupiditate? Explicabo natus, voluptatibus veniam adipisci reiciendis mollitia officia, ad doloremque ea, beatae provident quae. Alias minus ullam commodi vel modi. Odit vero velit repudiandae labore pariatur, ad harum nihil.
|
||||
</p>
|
||||
|
||||
<div className="row mt-5 mb-5">
|
||||
<div className="col-lg-6 mt-2">
|
||||
<div className="col-lg-6">
|
||||
<div className="details-image">
|
||||
<Image
|
||||
src="/assets/img/about-page/about/at1.webp"
|
||||
src="/assets/img/news/post-5.jpg"
|
||||
width={370}
|
||||
height={269}
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 mt-2">
|
||||
<div className="col-lg-6 col-md-12">
|
||||
<div className="details-image">
|
||||
<Image
|
||||
src="/assets/img/about-page/about/at2.webp"
|
||||
src="/assets/img/news/post-5.jpg"
|
||||
width={370}
|
||||
height={269}
|
||||
alt="img"
|
||||
@ -79,10 +75,7 @@ export default function CorporateProfile() {
|
||||
|
||||
|
||||
<p className="mt-3">
|
||||
With a legacy rooted in engineering excellence and a future focused on innovation, Cibus Industries continues to shape the coconut processing landscape - one solution at a time. Our work doesn’t end with delivering machines; it begins with empowering businesses to grow responsibly, operate efficiently, and contribute to a more sustainable food ecosystem. As the industry evolves, we remain committed to advancing technology, supporting communities, and driving measurable value for every client we serve.
|
||||
</p>
|
||||
<p className="mt-3">
|
||||
- Executive Director, Cibus Industries
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis ex vero praesentium odio impedit dicta magnam fugit facere ullam recusandae placeat nesciunt corrupti modi dignissimos veniam iusto molestiae fuga, maxime obcaecati doloribus, consectetur voluptates unde? Deserunt quasi possimus fugiat nobis cupiditate est porro laborum aperiam maiores doloribus repellendus recusandae eos, quae at expedita, accusantium aspernatur itaque molestiae distinctio odit earum dolore eligendi praesentium. Alias repellendus eos explicabo, dolorem laudantium quis. Debitis facere sed delectus doloribus, commodi velit officia eius amet eos, nihil pariatur accusamus iure voluptatibus provident vel at cum ut aliquam ipsam voluptatem inventore atque cupiditate porro cumque. Officia.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
@ -86,7 +86,7 @@ export default function Testimonials() {
|
||||
))}
|
||||
</Swiper>
|
||||
<div className="client-img-items">
|
||||
{/* <div className="client-image-area">
|
||||
<div className="client-image-area">
|
||||
<div className="client-img">
|
||||
<Image
|
||||
src="/assets/img/home/testimonial/testimonial-1.webp"
|
||||
@ -111,7 +111,7 @@ export default function Testimonials() {
|
||||
height={89}
|
||||
/>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
<div className="array-button">
|
||||
<button className="array-prev snbp2">
|
||||
<i className="fa-solid fa-arrow-left-long" />
|
||||
|
||||
@ -6,19 +6,19 @@ import Image from "next/image";
|
||||
import AnimatedText from "../common/AnimatedText";
|
||||
|
||||
const tabOptions = [
|
||||
{ key: "desiccated", label: "Coconut Milk Extraction" },
|
||||
{ key: "virgin", label: "Coconut Dryer Projects" },
|
||||
{ key: "pare", label: "Coconut Pulverizing & Grinding" },
|
||||
{ key: "desiccated", label: "Desiccated Coconut" },
|
||||
{ key: "virgin", label: "Virgin Coconut Oil" },
|
||||
{ key: "pare", label: "Pare Water Processing" },
|
||||
];
|
||||
|
||||
export default function ProjectsData() {
|
||||
const [activeTab, setActiveTab] = useState("desiccated");
|
||||
|
||||
const filteredProjects = projectsData.filter(
|
||||
(project) =>
|
||||
project.category &&
|
||||
project.category.toLowerCase().includes(activeTab)
|
||||
);
|
||||
(project) =>
|
||||
project.category &&
|
||||
project.category.toLowerCase().includes(activeTab)
|
||||
);
|
||||
|
||||
|
||||
return (
|
||||
@ -27,12 +27,11 @@ export default function ProjectsData() {
|
||||
<div className="section-title text-center">
|
||||
<h6 className="wow fadeInUp">
|
||||
<i className="fa-regular fa-arrow-left-long" />
|
||||
Our Global Footprint
|
||||
Projects
|
||||
<i className="fa-regular fa-arrow-right-long" />
|
||||
</h6>
|
||||
<h2 className="splt-txt wow">
|
||||
<AnimatedText text=" Featured Turnkey Coconut" /><br />
|
||||
<AnimatedText text=" Processing Projects" />
|
||||
<AnimatedText text="projects" />
|
||||
</h2>
|
||||
|
||||
{/* Tabs */}
|
||||
@ -41,8 +40,9 @@ export default function ProjectsData() {
|
||||
<button
|
||||
key={tab.key}
|
||||
onClick={() => setActiveTab(tab.key)}
|
||||
className={`nav-link ${activeTab === tab.key ? "active fw-bold text-dark" : ""
|
||||
}`}
|
||||
className={`nav-link ${
|
||||
activeTab === tab.key ? "active fw-bold text-dark" : ""
|
||||
}`}
|
||||
style={{
|
||||
border: "none",
|
||||
background: "transparent",
|
||||
|
||||
@ -1,66 +0,0 @@
|
||||
import React from "react";
|
||||
import Image from "next/image";
|
||||
|
||||
export default function Sustainability() {
|
||||
return (
|
||||
<section className="news-standard fix section-padding">
|
||||
<div className="container">
|
||||
<div className="row g-4">
|
||||
<div className="col-12">
|
||||
<div className="blog-post-details">
|
||||
<div className="single-blog-post">
|
||||
<div
|
||||
className="post-featured-thumb bg-cover"
|
||||
style={{
|
||||
backgroundImage: `url("/assets/img/about-page/about/big-img-3.webp")`,
|
||||
height: "400px",
|
||||
backgroundSize: "cover",
|
||||
backgroundPosition: "center",
|
||||
borderRadius: "10px"
|
||||
}}
|
||||
/>
|
||||
|
||||
<div className="post-content">
|
||||
|
||||
<h3>Sustainability Impact</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus non alias rem debitis sunt! Eius voluptates molestias accusamus illum laudantium, ab obcaecati temporibus qui natus. Architecto nam voluptatibus, pariatur, quod cupiditate mollitia adipisci velit quia iste ab temporibus. Optio architecto vel ipsa consequatur blanditiis aspernatur rerum in, quos expedita saepe ab eos vero ipsam repellendus velit tempora, nihil mollitia tenetur. Libero, nisi sapiente accusantium delectus nesciunt voluptatum. Nisi iure praesentium commodi voluptas. Deleniti perferendis labore debitis ullam voluptas, ex harum vitae consectetur voluptates sapiente similique, maxime impedit aut dolores beatae nobis sed! Delectus repellat blanditiis mollitia labore rem temporibus praesentium natus non modi similique recusandae quo voluptate doloremque corporis officia fugit voluptas consectetur aliquam ipsam, omnis molestiae facilis voluptates maxime? Exercitationem saepe ea mollitia quasi architecto doloribus temporibus autem quia debitis quos, nulla, amet sapiente cumque unde officia officiis possimus deserunt! Harum ex placeat necessitatibus possimus praesentium inventore recusandae accusantium neque fugiat, labore magni consequatur hic tempore, quibusdam tenetur aliquid mollitia. Explicabo, porro accusantium? Aspernatur nisi consequuntur quos distinctio unde, dicta fuga saepe vitae fugit eaque? Praesentium, facilis dolores ipsa explicabo fugit repellendus? Maiores, consequatur, esse mollitia assumenda nobis vel fugiat vero accusamus suscipit aspernatur sunt, temporibus atque minus ipsam.
|
||||
</p>
|
||||
|
||||
<div className="hilight-text mt-4 mb-4">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse sunt dolor quis, odio facere enim incidunt magnam fugit id sequi dolore aliquid expedita. Distinctio, fuga consectetur exercitationem commodi, perferendis est expedita aspernatur iusto suscipit dolores quasi beatae molestiae tenetur aperiam.
|
||||
</p>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
|
||||
<path d="M7.71428 20.0711H0.5V5.64258H14.9286V20.4531L9.97665 30.3568H3.38041L8.16149 20.7947L8.5233 20.0711H7.71428Z" stroke="#F55B1F" />
|
||||
<path d="M28.2846 20.0711H21.0703V5.64258H35.4989V20.4531L30.547 30.3568H23.9507L28.7318 20.7947L29.0936 20.0711H28.2846Z" stroke="#F55B1F" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
|
||||
<p className="mt-3">
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quae quam ipsam autem ex error ipsa ea repudiandae facere enim mollitia fuga tempora amet recusandae voluptate, fugiat exercitationem sint cum dolor? Temporibus reprehenderit quae atque veniam? Mollitia expedita ad repellendus, quaerat dolorem, facere voluptatibus atque fugit consequatur quo, reiciendis quas optio aspernatur nisi maxime obcaecati nobis tenetur cumque nemo maiores possimus facilis eius. Consequatur, ad enim facilis aspernatur ex dolores architecto, dolorem, deleniti fuga provident id. Optio, voluptatem earum odio ipsa modi voluptates? Aut possimus, natus voluptates assumenda minima molestias? Sit sequi et rem doloremque ex facere hic, fugiat aspernatur, mollitia delectus suscipit quisquam obcaecati reprehenderit, eligendi explicabo dignissimos voluptates dolore! Aliquid omnis sed ab cupiditate repellat quo dolores totam dolorem, hic distinctio dolore error perferendis libero optio, quaerat ratione, neque nostrum porro qui quam quis consequuntur nesciunt fuga! Iste tenetur molestias veniam saepe suscipit porro, consequatur vel culpa, provident laudantium rerum placeat, totam odit nobis officia esse. Quia tempora voluptate laudantium ipsa, mollitia ullam beatae perferendis exercitationem odio quis similique facere harum nulla rerum, cumque quas, expedita cupiditate iste numquam incidunt consequatur doloremque quaerat. Quis facilis quae hic temporibus, quo impedit harum repellendus corporis. Sit repellat fugiat id perferendis quibusdam.
|
||||
</p>
|
||||
|
||||
<div className="row mt-5 mb-5">
|
||||
<div className="col-12 d-flex justify-content-center mt-2">
|
||||
<div className="details-image">
|
||||
<Image
|
||||
src="/assets/img/about-page/about/sustainability.jpg"
|
||||
width={375}
|
||||
height={441}
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
@ -51,14 +51,14 @@ export default function About() {
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
{/* <div className="about-line-shape">
|
||||
<div className="about-line-shape">
|
||||
<Image
|
||||
src="/assets/img/about/about-shape-3.png"
|
||||
width={30}
|
||||
height={545}
|
||||
alt="img"
|
||||
/>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
|
||||
31
data/menu.js
@ -32,10 +32,7 @@ export const menuData = [
|
||||
href: "/about",
|
||||
iconClass: "fa-regular fa-plus",
|
||||
submenu: [
|
||||
{ label: "At a Glance", href: "/corporate-profile" },
|
||||
{ label: "Factory & Workflows", href: "/factory-workflows" },
|
||||
{ label: "Sustainability Impact", href: "/sustainability-impact" },
|
||||
{ label: "Engineering & Innovation", href: "/engineering-innovation" },
|
||||
{ label: "Corporate Profile", href: "/corporate-profile" },
|
||||
],
|
||||
},
|
||||
// {
|
||||
@ -77,22 +74,22 @@ export const menuData = [
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "/project",
|
||||
// iconClass: "fa-regular fa-plus",
|
||||
// submenu: [
|
||||
// { label: "Projects", href: "/project" },
|
||||
// { label: "Project Details", href: "/project-details/1" },
|
||||
// ],
|
||||
href: "#",
|
||||
iconClass: "fa-regular fa-plus",
|
||||
submenu: [
|
||||
{ label: "Projects", href: "/project" },
|
||||
{ label: "Project Details", href: "/project-details/1" },
|
||||
],
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
// iconClass: "fa-regular fa-plus",
|
||||
// submenu: [
|
||||
// { label: "Blog Grid", href: "/news-grid" },
|
||||
// { label: "Blog Standard", href: "/news" },
|
||||
// { label: "Blog Details", href: "/news-details/1" },
|
||||
// ],
|
||||
href: "#",
|
||||
iconClass: "fa-regular fa-plus",
|
||||
submenu: [
|
||||
{ label: "Blog Grid", href: "/news-grid" },
|
||||
{ label: "Blog Standard", href: "/news" },
|
||||
{ label: "Blog Details", href: "/news-details/1" },
|
||||
],
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
|
||||
@ -195,63 +195,63 @@ export const projectsData = [
|
||||
// Tab 1 - Desiccated Coconut
|
||||
{
|
||||
id: 1,
|
||||
images: ["/assets/img/projects/milk/1.webp", "/assets/img/projects/milk/1.webp"],
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
title: "Project 1",
|
||||
delay: ".2s",
|
||||
category: "Desiccated Coconut",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
images: ["/assets/img/projects/milk/2.webp", "/assets/img/projects/milk/2.webp"],
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
title: "Project 2",
|
||||
delay: ".4s",
|
||||
category: "Desiccated Coconut",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
images: ["/assets/img/projects/milk/3.webp", "/assets/img/projects/milk/3.webp"],
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
title: "Project 3",
|
||||
delay: ".6s",
|
||||
category: "Desiccated Coconut",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
images: ["/assets/img/projects/milk/4.webp", "/assets/img/projects/milk/4.webp"],
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
title: "Project 4",
|
||||
delay: ".2s",
|
||||
category: "Desiccated Coconut",
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
images: ["/assets/img/projects/milk/5.webp", "/assets/img/projects/milk/5.webp"],
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
title: "Project 5",
|
||||
delay: ".4s",
|
||||
category: "Desiccated Coconut",
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
images: ["/assets/img/projects/milk/6.webp", "/assets/img/projects/milk/6.webp"],
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
title: "Project 6",
|
||||
delay: ".6s",
|
||||
category: "Desiccated Coconut",
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
images: ["/assets/img/projects/milk/7.webp", "/assets/img/projects/milk/7.webp"],
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
title: "Project 7",
|
||||
delay: ".2s",
|
||||
category: "Desiccated Coconut",
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
images: ["/assets/img/projects/milk/8.webp", "/assets/img/projects/milk/8.webp"],
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
title: "Project 8",
|
||||
delay: ".4s",
|
||||
category: "Desiccated Coconut",
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
images: ["/assets/img/projects/milk/9.webp", "/assets/img/projects/milk/9.webp"],
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
title: "Project 9",
|
||||
delay: ".6s",
|
||||
category: "Desiccated Coconut",
|
||||
@ -260,63 +260,63 @@ export const projectsData = [
|
||||
// Tab 2 - Virgin Coconut Oil
|
||||
{
|
||||
id: 10,
|
||||
images: ["/assets/img/projects/dryer/1.webp", "/assets/img/projects/dryer/1.webp"],
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
title: "Project 10",
|
||||
delay: ".2s",
|
||||
category: "Virgin Coconut Oil",
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
images: ["/assets/img/projects/dryer/2.webp", "/assets/img/projects/dryer/2.webp"],
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
title: "Project 11",
|
||||
delay: ".4s",
|
||||
category: "Virgin Coconut Oil",
|
||||
},
|
||||
{
|
||||
id: 12,
|
||||
images: ["/assets/img/projects/dryer/3.webp", "/assets/img/projects/dryer/3.webp"],
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
title: "Project 12",
|
||||
delay: ".6s",
|
||||
category: "Virgin Coconut Oil",
|
||||
},
|
||||
{
|
||||
id: 13,
|
||||
images: ["/assets/img/projects/dryer/4.webp", "/assets/img/projects/dryer/4.webp"],
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
title: "Project 13",
|
||||
delay: ".2s",
|
||||
category: "Virgin Coconut Oil",
|
||||
},
|
||||
{
|
||||
id: 14,
|
||||
images: ["/assets/img/projects/dryer/5.webp", "/assets/img/projects/dryer/5.webp"],
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
title: "Project 14",
|
||||
delay: ".4s",
|
||||
category: "Virgin Coconut Oil",
|
||||
},
|
||||
{
|
||||
id: 15,
|
||||
images: ["/assets/img/projects/dryer/6.webp", "/assets/img/projects/dryer/6.webp"],
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
title: "Project 15",
|
||||
delay: ".6s",
|
||||
category: "Virgin Coconut Oil",
|
||||
},
|
||||
{
|
||||
id: 16,
|
||||
images: ["/assets/img/projects/dryer/7.webp", "/assets/img/projects/dryer/7.webp"],
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
title: "Project 16",
|
||||
delay: ".2s",
|
||||
category: "Virgin Coconut Oil",
|
||||
},
|
||||
{
|
||||
id: 17,
|
||||
images: ["/assets/img/projects/dryer/8.webp", "/assets/img/projects/dryer/8.webp"],
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
title: "Project 17",
|
||||
delay: ".4s",
|
||||
category: "Virgin Coconut Oil",
|
||||
},
|
||||
{
|
||||
id: 18,
|
||||
images: ["/assets/img/projects/dryer/9.webp", "/assets/img/projects/dryer/9.webp"],
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
title: "Project 18",
|
||||
delay: ".6s",
|
||||
category: "Virgin Coconut Oil",
|
||||
@ -325,63 +325,63 @@ export const projectsData = [
|
||||
// Tab 3 - Pare Water Processing
|
||||
{
|
||||
id: 19,
|
||||
images: ["/assets/img/projects/grind/1.webp", "/assets/img/projects/grind/1.webp"],
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
title: "Project 19",
|
||||
delay: ".2s",
|
||||
category: "Pare Water Processing",
|
||||
},
|
||||
{
|
||||
id: 20,
|
||||
images: ["/assets/img/projects/grind/2.webp", "/assets/img/projects/grind/2.webp"],
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
title: "Project 20",
|
||||
delay: ".4s",
|
||||
category: "Pare Water Processing",
|
||||
},
|
||||
{
|
||||
id: 21,
|
||||
images: ["/assets/img/projects/grind/3.webp", "/assets/img/projects/grind/3.webp"],
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
title: "Project 21",
|
||||
delay: ".6s",
|
||||
category: "Pare Water Processing",
|
||||
},
|
||||
{
|
||||
id: 22,
|
||||
images: ["/assets/img/projects/grind/4.webp", "/assets/img/projects/grind/4.webp"],
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
title: "Project 22",
|
||||
delay: ".2s",
|
||||
category: "Pare Water Processing",
|
||||
},
|
||||
{
|
||||
id: 23,
|
||||
images: ["/assets/img/projects/grind/5.webp", "/assets/img/projects/grind/5.webp"],
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
title: "Project 23",
|
||||
delay: ".4s",
|
||||
category: "Pare Water Processing",
|
||||
},
|
||||
{
|
||||
id: 24,
|
||||
images: ["/assets/img/projects/grind/6.webp", "/assets/img/projects/grind/6.webp"],
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
title: "Project 24",
|
||||
delay: ".6s",
|
||||
category: "Pare Water Processing",
|
||||
},
|
||||
{
|
||||
id: 25,
|
||||
images: ["/assets/img/projects/grind/7.webp", "/assets/img/projects/grind/7.webp"],
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
title: "Project 25",
|
||||
delay: ".2s",
|
||||
category: "Pare Water Processing",
|
||||
},
|
||||
{
|
||||
id: 26,
|
||||
images: ["/assets/img/projects/grind/8.webp", "/assets/img/projects/grind/8.webp"],
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
title: "Project 26",
|
||||
delay: ".4s",
|
||||
category: "Pare Water Processing",
|
||||
},
|
||||
{
|
||||
id: 27,
|
||||
images: ["/assets/img/projects/grind/9.webp", "/assets/img/projects/grind/9.webp"],
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
title: "Project 27",
|
||||
delay: ".6s",
|
||||
category: "Pare Water Processing",
|
||||
|
||||
16
data/team.js
@ -104,10 +104,9 @@ export const teamMembers = [
|
||||
export const teamMembers2 = [
|
||||
{
|
||||
id: 5,
|
||||
image: "/assets/img/about-page/1.webp",
|
||||
image: "/assets/img/team/05.jpg",
|
||||
name: " At a Glance",
|
||||
role: "Sr. engineer",
|
||||
link: "/corporate-profile",
|
||||
socials: [
|
||||
{
|
||||
href: "#",
|
||||
@ -130,10 +129,9 @@ export const teamMembers2 = [
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
image: "/assets/img/about-page/2.webp",
|
||||
image: "/assets/img/team/06.jpg",
|
||||
name: "Factory & Workflows",
|
||||
role: "Sr. engineer",
|
||||
link: "/factory-workflows",
|
||||
socials: [
|
||||
{
|
||||
href: "#",
|
||||
@ -157,10 +155,9 @@ export const teamMembers2 = [
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: "/assets/img/about-page/3.webp",
|
||||
name: "Sustainability Impact",
|
||||
image: "/assets/img/team/07.jpg",
|
||||
name: "Engineering & Innovation",
|
||||
role: "Sr. engineer",
|
||||
link: "/sustainability-impact",
|
||||
socials: [
|
||||
{
|
||||
href: "#",
|
||||
@ -183,10 +180,9 @@ export const teamMembers2 = [
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
image: "/assets/img/about-page/4.webp",
|
||||
name: "Engineering & Innovation",
|
||||
image: "/assets/img/team/08.jpg",
|
||||
name: "Sustainability Impact",
|
||||
role: "Sr. engineer",
|
||||
link: "/engineering-innovation",
|
||||
socials: [
|
||||
{
|
||||
href: "#",
|
||||
|
||||
@ -1,10 +1,4 @@
|
||||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {
|
||||
output: "export",
|
||||
trailingSlash: true,
|
||||
images: {
|
||||
unoptimized: true,
|
||||
},
|
||||
};
|
||||
const nextConfig = {};
|
||||
|
||||
export default nextConfig;
|
||||
|
||||
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 132 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 65 KiB |
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 101 KiB |
|
Before Width: | Height: | Size: 122 KiB |
|
Before Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 80 KiB After Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 8.6 KiB After Width: | Height: | Size: 8.5 KiB |
|
Before Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 8.5 KiB |
|
Before Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 8.7 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 9.7 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 7.7 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 7.7 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 8.5 KiB |
|
Before Width: | Height: | Size: 9.4 KiB |
|
Before Width: | Height: | Size: 7.8 KiB |
|
Before Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 61 KiB |
|
Before Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 77 KiB |
@ -804,8 +804,7 @@
|
||||
.offcanvas__logo {
|
||||
a {
|
||||
img {
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
width: 150px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1092,14 +1091,4 @@
|
||||
font-size: 18px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
.responsive-logo {
|
||||
width: 300px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
.responsive-logo {
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
@ -155,7 +155,7 @@
|
||||
|
||||
.team-content {
|
||||
background-color: #0b2273;
|
||||
padding: 12px 15px;
|
||||
padding: 12px 30px;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
margin-top: -30px;
|
||||
@ -174,8 +174,8 @@
|
||||
|
||||
.icon {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 18px;
|
||||
top: 25px;
|
||||
right: 30px;
|
||||
color: $white;
|
||||
@include transition;
|
||||
}
|
||||
|
||||