home content updated

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

View File

@ -65,34 +65,36 @@ 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>1976
Building conpany
<i className="fa-regular fa-arrow-left-long"></i>About Us
<i className="fa-regular fa-arrow-right-long"></i>
</h6>
<h2 className="splt-txt wow">
<AnimatedText text="Create The Building You Want Here" />
<AnimatedText text="Engineering the Future of Coconut Processing" />
</h2>
</div>
<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 the readable content of a page when looking at
layout the point of using lorem the is Ipsum less normal
distribution of letters.
We are pioneers in designing and delivering high-performance coconut processing equipment built for modern food processing industries. With decades of expertise, we offer complete turnkey solutions - from coconut deshelling to drying, grinding, and packaging.
</p>
<p className="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".4s">
Our engineering capabilities include:
</p>
<ul className="list-items wow fadeInUp" data-wow-delay=".2s">
<li>
<i className="fa-solid fa-circle-check"></i>
Proactively pontificate client-centered relationships
Complete plant design & optimization
</li>
<li>
<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>
<i className="fa-solid fa-circle-check"></i>
Release of Letraset sheets containing Lorem Ipsum
Upgradation and automation of existing setups
</li>
</ul>
<p className="mt-md-0 wow fadeInUp" data-wow-delay=".4s">
Let us help you boost your production efficiency and minimize downtime.
</p>
{/* <div className="about-author">
<div
className="author-image wow fadeInUp"

View File

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

View File

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

View File

@ -23,25 +23,22 @@ export default function Faq() {
<i className="fa-regular fa-arrow-right-long" />
</h6>
<h2 className="splt-txt wow">
<AnimatedText text="Your Frequently Ask & " /> <br />
<AnimatedText text="Your Frequently Asked " /> <br />
<AnimatedText text="Questions" />
</h2>
</div>
<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
the readable content of a page when looking at layout the
point of using lorem the is Ipsum less normal distribution of
letters.
Have questions about our coconut processing machinery or turnkey solutions? Weve 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.
</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>UNIQUE PROJECTS</h5>
<h5>ENGINEERED FOR PERFORMANCE</h5>
<span>
It is a long established fact that a reader will be
distracted the readable content of a page when
We deliver machines built for peak performance, safety, and longevity.
From selection to support, were with you at every step.
</span>
</div>
</div>
@ -50,10 +47,10 @@ export default function Faq() {
<i className="fa-regular fa-check" />
</div>
<div className="content">
<h5>UNIQUE PROJECTS</h5>
<h5>TAILORED TO YOUR NEEDS</h5>
<span>
It is a long established fact that a reader will be
distracted the readable content of a page when
Our solutions are customized to your production goals.
We support both small units and full-scale plants.
</span>
</div>
</div>
@ -70,8 +67,7 @@ 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"
@ -84,8 +80,7 @@ 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"
>

View File

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

View File

@ -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>WHAT WE OFFER
<i className="fa-regular fa-arrow-left-long"></i>EXPLORE
<i className="fa-regular fa-arrow-right-long"></i>
</h6>
<h2 className="text-white splt-txt wow">
<AnimatedText text="Create The Building " />
<AnimatedText text="Explore Machinery " />
<br />
<AnimatedText text="You Want Here" />
<AnimatedText text="and Solutions" />
</h2>
</div>
<div className="array-button">

View File

@ -19,6 +19,10 @@ export default function Skills() {
width={310}
height={344}
alt="img"
style={{
opacity: 0.3,
zIndex: -1,
}}
/>
</div>
<div className="container">
@ -61,7 +65,7 @@ export default function Skills() {
<div className="section-title">
<h6 className="wow fadeInUp">
<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" />
</h6>
<h2 className="splt-txt wow">
@ -69,10 +73,7 @@ export default function Skills() {
</h2>
</div>
<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
the readable content of a page when looking at layout the
point of using lorem the is Ipsum less normal distribution of
letters.
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.
</p>
<div className="skill-feature-items">
{skills.map((skill, index) => (

View File

@ -15,6 +15,8 @@ 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">

View File

@ -3,18 +3,18 @@ export const newsItems = [
id: 1,
imgSrc: "/assets/img/news/02.jpg",
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",
category: "Maintenance",
category: "Machine Insights",
delay: ".2s",
},
{
id: 2,
imgSrc: "/assets/img/news/03.jpg",
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",
category: "Maintenance",
category: "Operational Tips",
delay: ".4s",
},
];
@ -23,11 +23,10 @@ export const newsImageItems = [
{
id: 3,
backgroundImage: "/assets/img/news/01.jpg",
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 ...",
title: " Revolutionizing Coconut Processing: The Rise of Turnkey Plants",
description: " Turnkey coconut processing plants are helping manufacturers scale faster and reduce operational...",
author: "By Admin",
category: "Maintenance",
category: "Coconut Tech",
},
];

View File

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

View File

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

View File

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

View File

@ -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 {

View File

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