Compare commits
No commits in common. "af218ed68804a552d81672e5d5ca4eeb44f6f874" and "3b31bf4b667c94b356b0784580dbdafa966392a0" have entirely different histories.
af218ed688
...
3b31bf4b66
BIN
app/favicon.ico
BIN
app/favicon.ico
Binary file not shown.
|
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 4.2 KiB |
BIN
app/favicon1.ico
BIN
app/favicon1.ico
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
@ -23,9 +23,9 @@ export default function Footer1() {
|
||||
data-wow-delay=".2s"
|
||||
>
|
||||
<Image
|
||||
src="/assets/img/logo/logo.png"
|
||||
width={300}
|
||||
height={60}
|
||||
src="/assets/img/logo/black-logo.svg"
|
||||
width={149}
|
||||
height={64}
|
||||
alt="img"
|
||||
/>
|
||||
</Link>
|
||||
|
||||
@ -16,7 +16,7 @@ export default function Header1() {
|
||||
<Image
|
||||
src="/assets/img/logo/logo.png"
|
||||
width={300}
|
||||
height={60}
|
||||
height={150}
|
||||
alt="img"
|
||||
/>
|
||||
</Link>
|
||||
|
||||
@ -65,36 +65,34 @@ export default function About() {
|
||||
<div className="about-content">
|
||||
<div className="section-title">
|
||||
<h6 className="wow fadeInUp">
|
||||
<i className="fa-regular fa-arrow-left-long"></i>About Us
|
||||
<i className="fa-regular fa-arrow-left-long"></i>1976
|
||||
Building conpany
|
||||
<i className="fa-regular fa-arrow-right-long"></i>
|
||||
</h6>
|
||||
<h2 className="splt-txt wow">
|
||||
<AnimatedText text="Engineering the Future of Coconut Processing" />
|
||||
<AnimatedText text="Create The Building You Want Here" />
|
||||
</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:
|
||||
It is a long established fact that a reader will be
|
||||
distracted the readable content of a page when looking at
|
||||
layout the point of using lorem the is Ipsum less normal
|
||||
distribution of letters.
|
||||
</p>
|
||||
<ul className="list-items wow fadeInUp" data-wow-delay=".2s">
|
||||
<li>
|
||||
<i className="fa-solid fa-circle-check"></i>
|
||||
Complete plant design & optimization
|
||||
Proactively pontificate client-centered relationships
|
||||
</li>
|
||||
<li>
|
||||
<i className="fa-solid fa-circle-check"></i>
|
||||
Custom-built coconut machinery for various capacities
|
||||
Is there a waiting list for desired work to be started
|
||||
</li>
|
||||
<li>
|
||||
<i className="fa-solid fa-circle-check"></i>
|
||||
Upgradation and automation of existing setups
|
||||
Release of Letraset sheets containing Lorem Ipsum
|
||||
</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"
|
||||
|
||||
@ -94,11 +94,10 @@ export default function Blogs() {
|
||||
{item.title}
|
||||
</Link>
|
||||
</h4>
|
||||
{/* <p>
|
||||
<p>
|
||||
Pellentesque vitae consectetur ante <br />
|
||||
Integer non eros...
|
||||
</p> */}
|
||||
<p>{item.description}</p>
|
||||
</p>
|
||||
<Link
|
||||
href={`/news-details/${item.id}`}
|
||||
className="link-btn"
|
||||
|
||||
@ -11,12 +11,13 @@ export default function Cta() {
|
||||
style={{ backgroundImage: 'url("/assets/img/cta-bg.jpg")' }}
|
||||
>
|
||||
<h2 className="splt-txt wow">
|
||||
<AnimatedText text="Ready to Launch Your " /> <br />
|
||||
<AnimatedText text="Looking For Best Partner" /> <br />
|
||||
<AnimatedText text="For Your" />{" "}
|
||||
<b>
|
||||
<AnimatedText text="Coconut Machinery" />
|
||||
<AnimatedText text="Next Construction" />
|
||||
</b>{" "}
|
||||
<br />
|
||||
<AnimatedText text="Project?" />
|
||||
<AnimatedText text="Works?" />
|
||||
</h2>
|
||||
<div className="cta-img wow fadeInUp" data-wow-delay=".4s">
|
||||
<Image
|
||||
|
||||
@ -23,22 +23,25 @@ export default function Faq() {
|
||||
<i className="fa-regular fa-arrow-right-long" />
|
||||
</h6>
|
||||
<h2 className="splt-txt wow">
|
||||
<AnimatedText text="Your Frequently Asked " /> <br />
|
||||
<AnimatedText text="Your Frequently Ask & " /> <br />
|
||||
<AnimatedText text="Questions" />
|
||||
</h2>
|
||||
</div>
|
||||
<p className="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".4s">
|
||||
Have questions about our coconut processing machinery or turnkey solutions? We’ve compiled answers to the most common queries to help you make informed decisions. Whether you're just getting started or looking to scale up, we've got the answers you need.
|
||||
It is a long established fact that a reader will be distracted
|
||||
the readable content of a page when looking at layout the
|
||||
point of using lorem the is Ipsum less normal distribution of
|
||||
letters.
|
||||
</p>
|
||||
<div className="icon-items wow fadeInUp" data-wow-delay=".2s">
|
||||
<div className="icon">
|
||||
<i className="fa-regular fa-check" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<h5>ENGINEERED FOR PERFORMANCE</h5>
|
||||
<h5>UNIQUE PROJECTS</h5>
|
||||
<span>
|
||||
We deliver machines built for peak performance, safety, and longevity.
|
||||
From selection to support, we’re with you at every step.
|
||||
It is a long established fact that a reader will be
|
||||
distracted the readable content of a page when
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -47,10 +50,10 @@ export default function Faq() {
|
||||
<i className="fa-regular fa-check" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<h5>TAILORED TO YOUR NEEDS</h5>
|
||||
<h5>UNIQUE PROJECTS</h5>
|
||||
<span>
|
||||
Our solutions are customized to your production goals.
|
||||
We support both small units and full-scale plants.
|
||||
It is a long established fact that a reader will be
|
||||
distracted the readable content of a page when
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -67,8 +70,9 @@ export default function Faq() {
|
||||
>
|
||||
<h5 className="accordion-header">
|
||||
<button
|
||||
className={`accordion-button ${faq.expanded ? "" : "collapsed"
|
||||
}`}
|
||||
className={`accordion-button ${
|
||||
faq.expanded ? "" : "collapsed"
|
||||
}`}
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target={`#faq${faq.id}`}
|
||||
@ -80,8 +84,9 @@ export default function Faq() {
|
||||
</h5>
|
||||
<div
|
||||
id={`faq${faq.id}`}
|
||||
className={`accordion-collapse collapse ${faq.expanded ? "show" : ""
|
||||
}`}
|
||||
className={`accordion-collapse collapse ${
|
||||
faq.expanded ? "show" : ""
|
||||
}`}
|
||||
data-bs-parent="#accordion"
|
||||
>
|
||||
<div className="accordion-body">{faq.answer}</div>
|
||||
|
||||
@ -26,23 +26,23 @@ export default function Hero() {
|
||||
{
|
||||
id: 1,
|
||||
image: "/assets/img/cta-bg.jpg",
|
||||
title: " Transforming Coconut Processing with",
|
||||
subtitle: "End-to-End Solutions",
|
||||
text: " From deshelling to coconut drying - we engineer smart, efficient, and scalable coconut processing machinery tailored to your needs.",
|
||||
title: "Create the building",
|
||||
subtitle: "you want here",
|
||||
text: "Proactively pontificate client-centered relationships visavis process centric leadership skills. Credibly.",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
image: "/assets/img/cta-bg.jpg",
|
||||
title: " Transforming Coconut Processing with",
|
||||
subtitle: "End-to-End Solutions",
|
||||
text: " From deshelling to coconut drying - we engineer smart, efficient, and scalable coconut processing machinery tailored to your needs.",
|
||||
title: "Design your dream",
|
||||
subtitle: "with us today",
|
||||
text: "Empower your projects with innovative solutions and expert guidance from start to finish.",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
image: "/assets/img/cta-bg.jpg",
|
||||
title: " Transforming Coconut Processing with",
|
||||
subtitle: "End-to-End Solutions",
|
||||
text: " From deshelling to coconut drying - we engineer smart, efficient, and scalable coconut processing machinery tailored to your needs.",
|
||||
title: "Build your future",
|
||||
subtitle: "with confidence",
|
||||
text: "Delivering excellence through teamwork, integrity, and cutting-edge technology. Credibly",
|
||||
},
|
||||
];
|
||||
|
||||
@ -65,7 +65,7 @@ export default function Hero() {
|
||||
<p>{slide.text}</p>
|
||||
<div className="hero-button">
|
||||
<Link href="/about" className="theme-btn bg-white">
|
||||
Get A Quote
|
||||
Explore More
|
||||
<i className="fa-regular fa-arrow-right"></i>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
@ -53,13 +53,13 @@ export default function Services() {
|
||||
<div className="container">
|
||||
<div className="section-title text-center">
|
||||
<h6 className="wow fadeInUp">
|
||||
<i className="fa-regular fa-arrow-left-long"></i>EXPLORE
|
||||
<i className="fa-regular fa-arrow-left-long"></i>WHAT WE OFFER
|
||||
<i className="fa-regular fa-arrow-right-long"></i>
|
||||
</h6>
|
||||
<h2 className="text-white splt-txt wow">
|
||||
<AnimatedText text="Explore Machinery " />
|
||||
<AnimatedText text="Create The Building " />
|
||||
<br />
|
||||
<AnimatedText text="and Solutions" />
|
||||
<AnimatedText text="You Want Here" />
|
||||
</h2>
|
||||
</div>
|
||||
<div className="array-button">
|
||||
|
||||
@ -19,10 +19,6 @@ export default function Skills() {
|
||||
width={310}
|
||||
height={344}
|
||||
alt="img"
|
||||
style={{
|
||||
opacity: 0.3,
|
||||
zIndex: -1,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className="container">
|
||||
@ -65,7 +61,7 @@ export default function Skills() {
|
||||
<div className="section-title">
|
||||
<h6 className="wow fadeInUp">
|
||||
<i className="fa-regular fa-arrow-left-long" />
|
||||
Built on Innovation, Powered by Trust
|
||||
Why Choose Us
|
||||
<i className="fa-regular fa-arrow-right-long" />
|
||||
</h6>
|
||||
<h2 className="splt-txt wow">
|
||||
@ -73,7 +69,10 @@ export default function Skills() {
|
||||
</h2>
|
||||
</div>
|
||||
<p className="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".4s">
|
||||
We specialize in building solutions that meet your exact needs. From machinery fabrication to installation and commissioning, we offer end-to-end support that ensures smooth plant operations.
|
||||
It is a long established fact that a reader will be distracted
|
||||
the readable content of a page when looking at layout the
|
||||
point of using lorem the is Ipsum less normal distribution of
|
||||
letters.
|
||||
</p>
|
||||
<div className="skill-feature-items">
|
||||
{skills.map((skill, index) => (
|
||||
|
||||
@ -15,8 +15,6 @@ export default function Projects() {
|
||||
</h6>
|
||||
<h2 className="splt-txt wow">
|
||||
<AnimatedText text="Delivers Custom Food" />
|
||||
<br />
|
||||
<AnimatedText text="Processing Solutions" />
|
||||
</h2>
|
||||
</div>
|
||||
<div className="row g-4">
|
||||
|
||||
@ -3,18 +3,18 @@ export const newsItems = [
|
||||
id: 1,
|
||||
imgSrc: "/assets/img/news/02.jpg",
|
||||
title: "Supervisor Disapproved of Latest Work.",
|
||||
description: "If you're still using outdated deshellers, you may be losing time and yield...",
|
||||
description: "Pellentesque vitae consectetur ante \nInteger non eros...",
|
||||
author: "By Admin",
|
||||
category: "Machine Insights",
|
||||
category: "Maintenance",
|
||||
delay: ".2s",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
imgSrc: "/assets/img/news/03.jpg",
|
||||
title: "Supervisor Disapproved of Latest Work.",
|
||||
description: " Selecting the wrong dryer can lead to uneven drying and product rejection...",
|
||||
description: "Pellentesque vitae consectetur ante \nInteger non eros...",
|
||||
author: "By Admin",
|
||||
category: "Operational Tips",
|
||||
category: "Maintenance",
|
||||
delay: ".4s",
|
||||
},
|
||||
];
|
||||
@ -23,10 +23,11 @@ export const newsImageItems = [
|
||||
{
|
||||
id: 3,
|
||||
backgroundImage: "/assets/img/news/01.jpg",
|
||||
title: " Revolutionizing Coconut Processing: The Rise of Turnkey Plants",
|
||||
description: " Turnkey coconut processing plants are helping manufacturers scale faster and reduce operational...",
|
||||
title: "Helping Companies in Their <br />Green Transition",
|
||||
description:
|
||||
"Pellentesque vitae consectetur ante Integer non eros id quam dapibus tincidunt non sed dolor Praesent maximus ...",
|
||||
author: "By Admin",
|
||||
category: "Coconut Tech",
|
||||
category: "Maintenance",
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
20
data/faq.js
20
data/faq.js
@ -1,41 +1,41 @@
|
||||
export const faqs = [
|
||||
{
|
||||
id: 1,
|
||||
question: "What coconut processing machinery does Cibus offer?",
|
||||
question: "How long should a business plan be?",
|
||||
answer:
|
||||
"We offer a wide range of coconut machinery, including deshelling machines, dryers, pulverizers, conveyors, and complete turnkey processing lines. Each machine is designed to optimize productivity, minimize waste, and ensure hygiene standards.",
|
||||
"It is a long established fact that a reader will be distracted the readable content of a page when looking at layout the point of using lorem the is Ipsum less normal distribution of letters.",
|
||||
delay: ".1s",
|
||||
expanded: false,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
question: "How do I choose the right coconut dryer for my facility?",
|
||||
question: "What are the different stages of a construction project?",
|
||||
answer:
|
||||
"Choosing the right dryer depends on your production capacity, moisture removal requirements, energy sources, and available space. Our team will assess your specific needs and recommend the most efficient and cost-effective drying solution.",
|
||||
"It is a long established fact that a reader will be distracted the readable content of a page when looking at layout the point of using lorem the is Ipsum less normal distribution of letters.",
|
||||
delay: ".3s",
|
||||
expanded: true,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
question: "Can your deshelling machines integrate with existing production lines?",
|
||||
question: "What are the different stages of a construction project?",
|
||||
answer:
|
||||
"Absolutely. Our deshelling machines are designed to be modular and flexible, making them easy to integrate into existing coconut processing lines. We also offer customization to ensure seamless operation.",
|
||||
"It is a long established fact that a reader will be distracted the readable content of a page when looking at layout the point of using lorem the is Ipsum less normal distribution of letters.",
|
||||
delay: ".5s",
|
||||
expanded: false,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
question: "Do you offer on-site installation and post-sales service?",
|
||||
question: "What are the different stages of a construction project?",
|
||||
answer:
|
||||
"Yes, we provide full on-site installation, commissioning, and operator training. Our after-sales support includes maintenance, spare parts supply, and remote troubleshooting to ensure continuous uptime.",
|
||||
"It is a long established fact that a reader will be distracted the readable content of a page when looking at layout the point of using lorem the is Ipsum less normal distribution of letters.",
|
||||
delay: ".6s",
|
||||
expanded: false,
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
question: "What capacities are available for your processing machines?",
|
||||
question: "What are the different stages of a construction project?",
|
||||
answer:
|
||||
"Our machines are available in a variety of capacities to suit small, medium, and large-scale operations — ranging from 100 coconuts/hour to industrial-scale units handling several tons per day. We can also custom-build equipment to match your output goals.",
|
||||
"It is a long established fact that a reader will be distracted the readable content of a page when looking at layout the point of using lorem the is Ipsum less normal distribution of letters.",
|
||||
delay: ".7s",
|
||||
expanded: false,
|
||||
},
|
||||
|
||||
@ -4,64 +4,64 @@ export const serviceItems = [
|
||||
imgSrc: "/assets/img/service/01.jpg",
|
||||
iconSrc: "/assets/img/icon/01.svg",
|
||||
number: "01",
|
||||
title: "Coconut Shell Removal System",
|
||||
description: "Remove shells effortlessly with coconut deshelling machines. Built for durability and speed.",
|
||||
title: "Building Construction",
|
||||
description: "Consectetur Phasellus a odio vel sapien pharetra placerat.",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
imgSrc: "/assets/img/service/02.jpg",
|
||||
iconSrc: "/assets/img/icon/02.svg",
|
||||
number: "02",
|
||||
title: "Energy-Efficient Coconut Dryer",
|
||||
description: "Accelerate your drying process with coconut dryers designed for uniform moisture removal.",
|
||||
title: "Architecture Design",
|
||||
description: "Consectetur Phasellus a odio vel sapien pharetra placerat.",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
imgSrc: "/assets/img/service/03.jpg",
|
||||
iconSrc: "/assets/img/icon/03.svg",
|
||||
number: "03",
|
||||
title: "Coconut Processing Machinery",
|
||||
description: "Custom-engineered coconut processing machinery tailored to your production line.",
|
||||
title: "Building Renovation",
|
||||
description: "Consectetur Phasellus a odio vel sapien pharetra placerat.",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
imgSrc: "/assets/img/service/04.jpg",
|
||||
iconSrc: "/assets/img/icon/04.svg",
|
||||
number: "04",
|
||||
title: "Coconut Processing Equipment",
|
||||
description: "Reliable and compact coconut processing equipment suitable for small to large-scale industries.",
|
||||
title: "Quality Materials",
|
||||
description: "Consectetur Phasellus a odio vel sapien pharetra placerat.",
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
imgSrc: "/assets/img/service/01.jpg",
|
||||
iconSrc: "/assets/img/icon/01.svg",
|
||||
number: "01",
|
||||
title: "Coconut Shell Removal System",
|
||||
description: "Remove shells effortlessly with coconut deshelling machines. Built for durability and speed.",
|
||||
title: "Building Construction",
|
||||
description: "Consectetur Phasellus a odio vel sapien pharetra placerat.",
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
imgSrc: "/assets/img/service/02.jpg",
|
||||
iconSrc: "/assets/img/icon/02.svg",
|
||||
number: "02",
|
||||
title: "Energy-Efficient Coconut Dryer",
|
||||
description: "Accelerate your drying process with coconut dryers designed for uniform moisture removal.",
|
||||
title: "Architecture Design",
|
||||
description: "Consectetur Phasellus a odio vel sapien pharetra placerat.",
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
imgSrc: "/assets/img/service/03.jpg",
|
||||
iconSrc: "/assets/img/icon/03.svg",
|
||||
number: "03",
|
||||
title: "Coconut Processing Machinery",
|
||||
description: "Custom-engineered coconut processing machinery tailored to your production line.",
|
||||
title: "Building Renovation",
|
||||
description: "Consectetur Phasellus a odio vel sapien pharetra placerat.",
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
imgSrc: "/assets/img/service/04.jpg",
|
||||
iconSrc: "/assets/img/icon/04.svg",
|
||||
number: "04",
|
||||
title: "Coconut Processing Equipment",
|
||||
description: "Reliable and compact coconut processing equipment suitable for small to large-scale industries.",
|
||||
title: "Quality Materials",
|
||||
description: "Consectetur Phasellus a odio vel sapien pharetra placerat.",
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
@ -1,16 +1,16 @@
|
||||
export const skills = [
|
||||
{
|
||||
title: "German-Grade Engineering Precision",
|
||||
title: "General Consulting",
|
||||
percentage: 85,
|
||||
delay: ".2s",
|
||||
},
|
||||
{
|
||||
title: "Scalable Designs to Fit All Budgets",
|
||||
title: "Design & Build",
|
||||
percentage: 90,
|
||||
delay: ".4s",
|
||||
},
|
||||
{
|
||||
title: "Minimal Maintenance with Maximum Uptime",
|
||||
title: "Construction Management",
|
||||
percentage: 75,
|
||||
delay: ".2s",
|
||||
},
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
@ -120,7 +120,7 @@
|
||||
.list-items {
|
||||
margin-top: 30px;
|
||||
// border-bottom: 1px solid $border-color;
|
||||
// padding-bottom: 30px;
|
||||
padding-bottom: 30px;
|
||||
margin-bottom: 30px;
|
||||
|
||||
li {
|
||||
|
||||
@ -27,9 +27,9 @@
|
||||
}
|
||||
|
||||
.logo-img {
|
||||
width: 310px;
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
// border-radius: 100px;
|
||||
border-radius: 100px;
|
||||
line-height: 90px;
|
||||
background-color: $white;
|
||||
text-align: center;
|
||||
|
||||
@ -722,7 +722,7 @@
|
||||
}
|
||||
|
||||
.header-button {
|
||||
// margin-right: 57px;
|
||||
margin-right: 57px;
|
||||
display: block;
|
||||
|
||||
@include breakpoint(max-xl) {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user