MetatroncubeSoftwareSolutions/cibus-industries
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

home content updated

Browse Source
This commit is contained in:
Selvi 2025-07-17 20:04:06 +05:30
parent 0a5dcd8554
commit af218ed688
14 changed files with 89 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
components/homes/home-1/About.jsx
View File

@ -65,34 +65,36 @@ export default function About() {
<div className="about-content"> <div className="about-content">
<div className="section-title"> <div className="section-title">
<h6 className="wow fadeInUp"> <h6 className="wow fadeInUp">
<i className="fa-regular fa-arrow-left-long"></i>1976 <i className="fa-regular fa-arrow-left-long"></i>About Us
Building conpany
<i className="fa-regular fa-arrow-right-long"></i> <i className="fa-regular fa-arrow-right-long"></i>
</h6> </h6>
<h2 className="splt-txt wow"> <h2 className="splt-txt wow">
<AnimatedText text="Create The Building You Want Here" /> <AnimatedText text="Engineering the Future of Coconut Processing" />
</h2> </h2>
</div> </div>
<p className="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".4s"> <p className="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".4s">
It is a long established fact that a reader will be 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.
distracted the readable content of a page when looking at </p>
layout the point of using lorem the is Ipsum less normal <p className="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".4s">
distribution of letters. Our engineering capabilities include:
</p> </p>
<ul className="list-items wow fadeInUp" data-wow-delay=".2s"> <ul className="list-items wow fadeInUp" data-wow-delay=".2s">
<li> <li>
<i className="fa-solid fa-circle-check"></i> <i className="fa-solid fa-circle-check"></i>
Proactively pontificate client-centered relationships Complete plant design & optimization
</li> </li>
<li> <li>
<i className="fa-solid fa-circle-check"></i> <i className="fa-solid fa-circle-check"></i>
Is there a waiting list for desired work to be started Custom-built coconut machinery for various capacities
</li> </li>
<li> <li>
<i className="fa-solid fa-circle-check"></i> <i className="fa-solid fa-circle-check"></i>
Release of Letraset sheets containing Lorem Ipsum Upgradation and automation of existing setups
</li> </li>
</ul> </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="about-author">
<div <div
className="author-image wow fadeInUp" className="author-image wow fadeInUp"

5
components/homes/home-1/Blogs.jsx
View File

@ -94,10 +94,11 @@ export default function Blogs() {
{item.title} {item.title}
</Link> </Link>
</h4> </h4>
<p> {/* <p>
Pellentesque vitae consectetur ante <br /> Pellentesque vitae consectetur ante <br />
Integer non eros... Integer non eros...
</p> </p> */}
<p>{item.description}</p>
<Link <Link
href={`/news-details/${item.id}`} href={`/news-details/${item.id}`}
className="link-btn" className="link-btn"

7
components/homes/home-1/Cta.jsx
View File

@ -11,13 +11,12 @@ export default function Cta() {
style={{ backgroundImage: 'url("/assets/img/cta-bg.jpg")' }} style={{ backgroundImage: 'url("/assets/img/cta-bg.jpg")' }}
> >
<h2 className="splt-txt wow"> <h2 className="splt-txt wow">
<AnimatedText text="Looking For Best Partner" /> <br /> <AnimatedText text="Ready to Launch Your " /> <br />
<AnimatedText text="For Your" />{" "}
<b> <b>
<AnimatedText text="Next Construction" /> <AnimatedText text="Coconut Machinery" />
</b>{" "} </b>{" "}
<br /> <br />
<AnimatedText text="Works?" /> <AnimatedText text="Project?" />
</h2> </h2>
<div className="cta-img wow fadeInUp" data-wow-delay=".4s"> <div className="cta-img wow fadeInUp" data-wow-delay=".4s">
<Image <Image

25
components/homes/home-1/Faq.jsx
View File

@ -23,25 +23,22 @@ export default function Faq() {
<i className="fa-regular fa-arrow-right-long" /> <i className="fa-regular fa-arrow-right-long" />
</h6> </h6>
<h2 className="splt-txt wow"> <h2 className="splt-txt wow">
<AnimatedText text="Your Frequently Ask & " /> <br /> <AnimatedText text="Your Frequently Asked " /> <br />
<AnimatedText text="Questions" /> <AnimatedText text="Questions" />
</h2> </h2>
</div> </div>
<p className="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".4s"> <p className="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".4s">
It is a long established fact that a reader will be distracted 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.
the readable content of a page when looking at layout the
point of using lorem the is Ipsum less normal distribution of
letters.
</p> </p>
<div className="icon-items wow fadeInUp" data-wow-delay=".2s"> <div className="icon-items wow fadeInUp" data-wow-delay=".2s">
<div className="icon"> <div className="icon">
<i className="fa-regular fa-check" /> <i className="fa-regular fa-check" />
</div> </div>
<div className="content"> <div className="content">
<h5>UNIQUE PROJECTS</h5> <h5>ENGINEERED FOR PERFORMANCE</h5>
<span> <span>
It is a long established fact that a reader will be We deliver machines built for peak performance, safety, and longevity.
distracted the readable content of a page when From selection to support, we’re with you at every step.
</span> </span>
</div> </div>
</div> </div>
@ -50,10 +47,10 @@ export default function Faq() {
<i className="fa-regular fa-check" /> <i className="fa-regular fa-check" />
</div> </div>
<div className="content"> <div className="content">
<h5>UNIQUE PROJECTS</h5> <h5>TAILORED TO YOUR NEEDS</h5>
<span> <span>
It is a long established fact that a reader will be Our solutions are customized to your production goals.
distracted the readable content of a page when We support both small units and full-scale plants.
</span> </span>
</div> </div>
</div> </div>
@ -70,8 +67,7 @@ export default function Faq() {
> >
<h5 className="accordion-header"> <h5 className="accordion-header">
<button <button
className={`accordion-button ${ className={`accordion-button ${faq.expanded ? "" : "collapsed"
faq.expanded ? "" : "collapsed"
}`} }`}
type="button" type="button"
data-bs-toggle="collapse" data-bs-toggle="collapse"
@ -84,8 +80,7 @@ export default function Faq() {
</h5> </h5>
<div <div
id={`faq${faq.id}`} id={`faq${faq.id}`}
className={`accordion-collapse collapse ${ className={`accordion-collapse collapse ${faq.expanded ? "show" : ""
faq.expanded ? "show" : ""
}`} }`}
data-bs-parent="#accordion" data-bs-parent="#accordion"
> >

20
components/homes/home-1/Hero.jsx
View File

@ -26,23 +26,23 @@ export default function Hero() {
{ {
id: 1, id: 1,
image: "/assets/img/cta-bg.jpg", image: "/assets/img/cta-bg.jpg",
title: "Create the building", title: " Transforming Coconut Processing with",
subtitle: "you want here", subtitle: "End-to-End Solutions",
text: "Proactively pontificate client-centered relationships visavis process centric leadership skills. Credibly.", text: " From deshelling to coconut drying - we engineer smart, efficient, and scalable coconut processing machinery tailored to your needs.",
}, },
{ {
id: 2, id: 2,
image: "/assets/img/cta-bg.jpg", image: "/assets/img/cta-bg.jpg",
title: "Design your dream", title: " Transforming Coconut Processing with",
subtitle: "with us today", subtitle: "End-to-End Solutions",
text: "Empower your projects with innovative solutions and expert guidance from start to finish.", text: " From deshelling to coconut drying - we engineer smart, efficient, and scalable coconut processing machinery tailored to your needs.",
}, },
{ {
id: 3, id: 3,
image: "/assets/img/cta-bg.jpg", image: "/assets/img/cta-bg.jpg",
title: "Build your future", title: " Transforming Coconut Processing with",
subtitle: "with confidence", subtitle: "End-to-End Solutions",
text: "Delivering excellence through teamwork, integrity, and cutting-edge technology. Credibly", text: " From deshelling to coconut drying - we engineer smart, efficient, and scalable coconut processing machinery tailored to your needs.",
}, },
]; ];
@ -65,7 +65,7 @@ export default function Hero() {
<p>{slide.text}</p> <p>{slide.text}</p>
<div className="hero-button"> <div className="hero-button">
<Link href="/about" className="theme-btn bg-white"> <Link href="/about" className="theme-btn bg-white">
Explore More Get A Quote
<i className="fa-regular fa-arrow-right"></i> <i className="fa-regular fa-arrow-right"></i>
</Link> </Link>
</div> </div>

6
components/homes/home-1/Services.jsx
View File

@ -53,13 +53,13 @@ export default function Services() {
<div className="container"> <div className="container">
<div className="section-title text-center"> <div className="section-title text-center">
<h6 className="wow fadeInUp"> <h6 className="wow fadeInUp">
<i className="fa-regular fa-arrow-left-long"></i>WHAT WE OFFER <i className="fa-regular fa-arrow-left-long"></i>EXPLORE
<i className="fa-regular fa-arrow-right-long"></i> <i className="fa-regular fa-arrow-right-long"></i>
</h6> </h6>
<h2 className="text-white splt-txt wow"> <h2 className="text-white splt-txt wow">
<AnimatedText text="Create The Building " /> <AnimatedText text="Explore Machinery " />
<br /> <br />
<AnimatedText text="You Want Here" /> <AnimatedText text="and Solutions" />
</h2> </h2>
</div> </div>
<div className="array-button"> <div className="array-button">

11
components/homes/home-1/Skills.jsx
View File

@ -19,6 +19,10 @@ export default function Skills() {
width={310} width={310}
height={344} height={344}
alt="img" alt="img"
style={{
opacity: 0.3,
zIndex: -1,
}}
/> />
</div> </div>
<div className="container"> <div className="container">
@ -61,7 +65,7 @@ export default function Skills() {
<div className="section-title"> <div className="section-title">
<h6 className="wow fadeInUp"> <h6 className="wow fadeInUp">
<i className="fa-regular fa-arrow-left-long" /> <i className="fa-regular fa-arrow-left-long" />
Why Choose Us Built on Innovation, Powered by Trust
<i className="fa-regular fa-arrow-right-long" /> <i className="fa-regular fa-arrow-right-long" />
</h6> </h6>
<h2 className="splt-txt wow"> <h2 className="splt-txt wow">
@ -69,10 +73,7 @@ export default function Skills() {
</h2> </h2>
</div> </div>
<p className="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".4s"> <p className="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".4s">
It is a long established fact that a reader will be distracted 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.
the readable content of a page when looking at layout the
point of using lorem the is Ipsum less normal distribution of
letters.
</p> </p>
<div className="skill-feature-items"> <div className="skill-feature-items">
{skills.map((skill, index) => ( {skills.map((skill, index) => (

2
components/project/Projects.jsx
View File

@ -15,6 +15,8 @@ export default function Projects() {
</h6> </h6>
<h2 className="splt-txt wow"> <h2 className="splt-txt wow">
<AnimatedText text="Delivers Custom Food" /> <AnimatedText text="Delivers Custom Food" />
<br />
<AnimatedText text="Processing Solutions" />
</h2> </h2>
</div> </div>
<div className="row g-4"> <div className="row g-4">

15
data/blogs.js
View File

@ -3,18 +3,18 @@ export const newsItems = [
id: 1, id: 1,
imgSrc: "/assets/img/news/02.jpg", imgSrc: "/assets/img/news/02.jpg",
title: "Supervisor Disapproved of Latest Work.", title: "Supervisor Disapproved of Latest Work.",
description: "Pellentesque vitae consectetur ante \nInteger non eros...", description: "If you're still using outdated deshellers, you may be losing time and yield...",
author: "By Admin", author: "By Admin",
category: "Maintenance", category: "Machine Insights",
delay: ".2s", delay: ".2s",
}, },
{ {
id: 2, id: 2,
imgSrc: "/assets/img/news/03.jpg", imgSrc: "/assets/img/news/03.jpg",
title: "Supervisor Disapproved of Latest Work.", title: "Supervisor Disapproved of Latest Work.",
description: "Pellentesque vitae consectetur ante \nInteger non eros...", description: " Selecting the wrong dryer can lead to uneven drying and product rejection...",
author: "By Admin", author: "By Admin",
category: "Maintenance", category: "Operational Tips",
delay: ".4s", delay: ".4s",
}, },
]; ];
@ -23,11 +23,10 @@ export const newsImageItems = [
{ {
id: 3, id: 3,
backgroundImage: "/assets/img/news/01.jpg", backgroundImage: "/assets/img/news/01.jpg",
title: "Helping Companies in Their <br />Green Transition", title: " Revolutionizing Coconut Processing: The Rise of Turnkey Plants",
description: description: " Turnkey coconut processing plants are helping manufacturers scale faster and reduce operational...",
"Pellentesque vitae consectetur ante Integer non eros id quam dapibus tincidunt non sed dolor Praesent maximus ...",
author: "By Admin", author: "By Admin",
category: "Maintenance", category: "Coconut Tech",
}, },
]; ];

20
data/faq.js
View File

@ -1,41 +1,41 @@
export const faqs = [ export const faqs = [
{ {
id: 1, id: 1,
question: "How long should a business plan be?", question: "What coconut processing machinery does Cibus offer?",
answer: answer:
"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.", "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.",
delay: ".1s", delay: ".1s",
expanded: false, expanded: false,
}, },
{ {
id: 2, id: 2,
question: "What are the different stages of a construction project?", question: "How do I choose the right coconut dryer for my facility?",
answer: answer:
"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.", "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.",
delay: ".3s", delay: ".3s",
expanded: true, expanded: true,
}, },
{ {
id: 3, id: 3,
question: "What are the different stages of a construction project?", question: "Can your deshelling machines integrate with existing production lines?",
answer: answer:
"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.", "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.",
delay: ".5s", delay: ".5s",
expanded: false, expanded: false,
}, },
{ {
id: 4, id: 4,
question: "What are the different stages of a construction project?", question: "Do you offer on-site installation and post-sales service?",
answer: answer:
"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.", "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.",
delay: ".6s", delay: ".6s",
expanded: false, expanded: false,
}, },
{ {
id: 5, id: 5,
question: "What are the different stages of a construction project?", question: "What capacities are available for your processing machines?",
answer: answer:
"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.", "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.",
delay: ".7s", delay: ".7s",
expanded: false, expanded: false,
}, },

32
data/services.js
View File

@ -4,64 +4,64 @@ export const serviceItems = [
imgSrc: "/assets/img/service/01.jpg", imgSrc: "/assets/img/service/01.jpg",
iconSrc: "/assets/img/icon/01.svg", iconSrc: "/assets/img/icon/01.svg",
number: "01", number: "01",
title: "Building Construction", title: "Coconut Shell Removal System",
description: "Consectetur Phasellus a odio vel sapien pharetra placerat.", description: "Remove shells effortlessly with coconut deshelling machines. Built for durability and speed.",
}, },
{ {
id: 2, id: 2,
imgSrc: "/assets/img/service/02.jpg", imgSrc: "/assets/img/service/02.jpg",
iconSrc: "/assets/img/icon/02.svg", iconSrc: "/assets/img/icon/02.svg",
number: "02", number: "02",
title: "Architecture Design", title: "Energy-Efficient Coconut Dryer",
description: "Consectetur Phasellus a odio vel sapien pharetra placerat.", description: "Accelerate your drying process with coconut dryers designed for uniform moisture removal.",
}, },
{ {
id: 3, id: 3,
imgSrc: "/assets/img/service/03.jpg", imgSrc: "/assets/img/service/03.jpg",
iconSrc: "/assets/img/icon/03.svg", iconSrc: "/assets/img/icon/03.svg",
number: "03", number: "03",
title: "Building Renovation", title: "Coconut Processing Machinery",
description: "Consectetur Phasellus a odio vel sapien pharetra placerat.", description: "Custom-engineered coconut processing machinery tailored to your production line.",
}, },
{ {
id: 4, id: 4,
imgSrc: "/assets/img/service/04.jpg", imgSrc: "/assets/img/service/04.jpg",
iconSrc: "/assets/img/icon/04.svg", iconSrc: "/assets/img/icon/04.svg",
number: "04", number: "04",
title: "Quality Materials", title: "Coconut Processing Equipment",
description: "Consectetur Phasellus a odio vel sapien pharetra placerat.", description: "Reliable and compact coconut processing equipment suitable for small to large-scale industries.",
}, },
{ {
id: 5, id: 5,
imgSrc: "/assets/img/service/01.jpg", imgSrc: "/assets/img/service/01.jpg",
iconSrc: "/assets/img/icon/01.svg", iconSrc: "/assets/img/icon/01.svg",
number: "01", number: "01",
title: "Building Construction", title: "Coconut Shell Removal System",
description: "Consectetur Phasellus a odio vel sapien pharetra placerat.", description: "Remove shells effortlessly with coconut deshelling machines. Built for durability and speed.",
}, },
{ {
id: 6, id: 6,
imgSrc: "/assets/img/service/02.jpg", imgSrc: "/assets/img/service/02.jpg",
iconSrc: "/assets/img/icon/02.svg", iconSrc: "/assets/img/icon/02.svg",
number: "02", number: "02",
title: "Architecture Design", title: "Energy-Efficient Coconut Dryer",
description: "Consectetur Phasellus a odio vel sapien pharetra placerat.", description: "Accelerate your drying process with coconut dryers designed for uniform moisture removal.",
}, },
{ {
id: 7, id: 7,
imgSrc: "/assets/img/service/03.jpg", imgSrc: "/assets/img/service/03.jpg",
iconSrc: "/assets/img/icon/03.svg", iconSrc: "/assets/img/icon/03.svg",
number: "03", number: "03",
title: "Building Renovation", title: "Coconut Processing Machinery",
description: "Consectetur Phasellus a odio vel sapien pharetra placerat.", description: "Custom-engineered coconut processing machinery tailored to your production line.",
}, },
{ {
id: 8, id: 8,
imgSrc: "/assets/img/service/04.jpg", imgSrc: "/assets/img/service/04.jpg",
iconSrc: "/assets/img/icon/04.svg", iconSrc: "/assets/img/icon/04.svg",
number: "04", number: "04",
title: "Quality Materials", title: "Coconut Processing Equipment",
description: "Consectetur Phasellus a odio vel sapien pharetra placerat.", description: "Reliable and compact coconut processing equipment suitable for small to large-scale industries.",
}, },
]; ];

6
data/skills.js
View File

@ -1,16 +1,16 @@
export const skills = [ export const skills = [
{ {
title: "General Consulting", title: "German-Grade Engineering Precision",
percentage: 85, percentage: 85,
delay: ".2s", delay: ".2s",
}, },
{ {
title: "Design & Build", title: "Scalable Designs to Fit All Budgets",
percentage: 90, percentage: 90,
delay: ".4s", delay: ".4s",
}, },
{ {
title: "Construction Management", title: "Minimal Maintenance with Maximum Uptime",
percentage: 75, percentage: 75,
delay: ".2s", delay: ".2s",
}, },

2
public/assets/scss/_about.scss
View File

@ -120,7 +120,7 @@
.list-items { .list-items {
margin-top: 30px; margin-top: 30px;
// border-bottom: 1px solid $border-color; // border-bottom: 1px solid $border-color;
padding-bottom: 30px; // padding-bottom: 30px;
margin-bottom: 30px; margin-bottom: 30px;
li { li {

2
public/assets/scss/_header.scss
View File

@ -722,7 +722,7 @@
} }
.header-button { .header-button {
margin-right: 57px; // margin-right: 57px;
display: block; display: block;
@include breakpoint(max-xl) { @include breakpoint(max-xl) {