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-18 17:57:52 +05:30
commit 946f4be4b6
8 changed files with 266 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
app/(contact)/contact/page.jsx
View File

@ -1,31 +1,24 @@
import Brands from "@/components/common/Brands";
import ContactForm from "@/components/contact/ContactForm";
import ContactInfo from "@/components/contact/ContactInfo";
import Map from "@/components/contact/Map";
import Footer1 from "@/components/footers/Footer1";
import Header2 from "@/components/headers/Header2";
import Header1 from "@/components/headers/Header1";
import Image from "next/image";
import Link from "next/link";
import React from "react";
export const metadata = {
title: "Contact || Xbuild - Constriction nextjs Template",
title: "About || Xbuild - Constriction nextjs Template",
description: "Xbuild - Constriction nextjs Template",
};
export default function page() {
return (
<>
<Header2 />
<Header1 />
<div
className="breadcrumb-wrapper bg-cover"
style={{ backgroundImage: 'url("/assets/img/breadcrumb-bg.jpg")' }}
style={{ backgroundImage: 'url("/assets/img/cta-bg.jpg")' }}
>
<div className="shape-image float-bob-y">
<Image
src="/assets/img/vector.png"
width={84}
height={186}
alt="img"
/>
</div>
<div className="container">
<div className="breadcrumb-wrapper-items">
<div className="page-heading">
@ -48,13 +41,6 @@ export default function page() {
</ul>
</div>
<div className="breadcrumb-image">
<Image
src="/assets/img/breadcrumb-image.png"
width={540}
height={450}
alt="img"
className="float-bob-x"
/>
<div className="bar-shape">
<Image
src="/assets/img/breadcrumb-bar.png"
@ -67,12 +53,10 @@ export default function page() {
</div>
</div>
</div>
<ContactInfo />
<ContactForm />
<Map />
{/* <div className="brand-section fix section-padding">
<Brands />
</div> */}
<ContactInfo/>
<ContactForm/>
<Map/>
<Footer1 />
</>
);

28
app/(products)/product/page.jsx
View File

@ -1,30 +1,22 @@
import Brands from "@/components/common/Brands";
import Footer1 from "@/components/footers/Footer1";
import Header2 from "@/components/headers/Header2";
import Header1 from "@/components/headers/Header1";
import Products from "@/components/homes/home-1/Products/product";
import Image from "next/image";
import Link from "next/link";
import React from "react";
export const metadata = {
title: "Products || Xbuild - Constriction nextjs Template",
title: "About || Xbuild - Constriction nextjs Template",
description: "Xbuild - Constriction nextjs Template",
};
export default function page() {
return (
<>
<Header2 />
<Header1 />
<div
className="breadcrumb-wrapper bg-cover"
style={{ backgroundImage: 'url("/assets/img/breadcrumb-bg.jpg")' }}
style={{ backgroundImage: 'url("/assets/img/cta-bg.jpg")' }}
>
<div className="shape-image float-bob-y">
<Image
src="/assets/img/vector.png"
width={84}
height={186}
alt="img"
/>
</div>
<div className="container">
<div className="breadcrumb-wrapper-items">
<div className="page-heading">
@ -43,17 +35,17 @@ 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">
<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"
@ -66,10 +58,8 @@ export default function page() {
</div>
</div>
</div>
<Products/>
{/* <div className="brand-section fix section-padding pt-0">
<Brands />
</div> */}
<Footer1 />
</>
);

66
app/(turnkey)/turnkey-solutions/page.jsx Normal file
View File

@ -0,0 +1,66 @@
import Footer1 from "@/components/footers/Footer1";
import Header1 from "@/components/headers/Header1";
import Products from "@/components/homes/home-1/Products/product";
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/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">
Turnkey Solutions
</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>About Us</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>
<Products/>
<Footer1 />
</>
);
}

2
components/contact/Map.jsx
View File

@ -2,7 +2,7 @@ import React from "react";
export default function Map() {
return (
<div className="office-google-map-wrapper section-padding">
<div className="office-google-map-wrapper">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6678.7619084840835!2d144.9618311901502!3d-37.81450084255415!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642b4758afc1d%3A0x3119cc820fdfc62e!2sEnvato!5e0!3m2!1sen!2sbd!4v1641984054261!5m2!1sen!2sbd"
style={{ border: 0 }}

6
components/homes/home-1/Products/product.jsx
View File

@ -44,7 +44,7 @@ export default function Products() {
</div>
</div>
<div className="service-content">
<h2 className="number">{product.number}</h2>
{/* <h2 className="number">{product.number}</h2> */}
<h3>
<Link href={`/service-details/${product.id}`}>
{product.title}
@ -62,14 +62,14 @@ export default function Products() {
</div>
))}
</div>
<div
{/* <div
className="page-nav-wrap pt-5 text-center wow fadeInUp"
data-wow-delay=".3s"
>
<ul>
<Pagination />
</ul>
</div>
</div> */}
</div>
</section>
);

140
components/homes/home-1/turnkey-solutions.jsx Normal file
View File

@ -0,0 +1,140 @@
"use client";
import Image from "next/image";
import AnimatedText from "@/components/common/AnimatedText";
import ModalVideo from "react-modal-video";
import { useState } from "react";
export default function TurnKey() {
const [isOpen, setOpen] = useState(false);
return (
<>
<section
id="turnkey-solutions"
className="about-section fix section-padding scrollSpySection"
>
<div className="about-shape-1 float-bob-x">
<Image
src="/assets/img/about/about-shape-1.png"
width={114}
height={419}
alt="img"
/>
</div>
<div className="about-shape-2 float-bob-x">
<Image
src="/assets/img/about/about-shape-2.png"
width={318}
height={408}
alt="img"
/>
</div>
<div className="container">
<div className="about-wrapper">
<div className="row g-4">
<div className="col-lg-6">
<div className="about-image">
<Image
src="/assets/img/about/01.jpg"
alt="img"
width={485}
height={592}
className="wow fadeInLeft"
data-wow-delay=".2s"
/>
<div
className="about-image-2 wow fadeInUp"
data-wow-delay=".4s"
>
<Image
src="/assets/img/about/02.jpg"
width={260}
height={270}
alt="img"
/>
</div>
<div className="about-line-shape">
<Image
src="/assets/img/about/about-shape-3.png"
width={30}
height={545}
alt="img"
/>
</div>
</div>
</div>
<div className="col-lg-6">
<div className="about-content">
<div className="section-title">
<h6 className="wow fadeInUp">
<i className="fa-regular fa-arrow-left-long"></i>Our Solutions
<i className="fa-regular fa-arrow-right-long"></i>
</h6>
<h2 className="splt-txt wow">
<AnimatedText text="Engineering the Future of Coconut Processing" />
</h2>
</div>
<p className="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".4s">
We are pioneers in designing and delivering high-performance coconut processing equipment built for modern food processing industries. With decades of expertise, we offer complete turnkey solutions - from coconut deshelling to drying, grinding, and packaging.
</p>
<p className="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".4s">
Our engineering capabilities include:
</p>
<ul className="list-items wow fadeInUp" data-wow-delay=".2s">
<li>
<i className="fa-solid fa-circle-check"></i>
Complete plant design & optimization
</li>
<li>
<i className="fa-solid fa-circle-check"></i>
Custom-built coconut machinery for various capacities
</li>
<li>
<i className="fa-solid fa-circle-check"></i>
Upgradation and automation of existing setups
</li>
</ul>
<p className="mt-md-0 wow fadeInUp" data-wow-delay=".4s">
Let us help you boost your production efficiency and minimize downtime.
</p>
{/* <div className="about-author">
<div
className="author-image wow fadeInUp"
data-wow-delay=".2s"
>
<Image
src="/assets/img/about/author.png"
width={68}
height={68}
alt="author-img"
/>
<div className="content">
<p>Xbuild, CEO</p>
<h4>Brooklyn Simmons</h4>
</div>
</div>
<Image
src="/assets/img/about/signature.png"
alt="img"
width={85}
height={51}
className="wow fadeInUp"
data-wow-delay=".4s"
/>
</div> */}
</div>
</div>
</div>
</div>
</div>
</section>{" "}
<ModalVideo
channel="youtube"
youtube={{ mute: 0, autoplay: 0 }}
isOpen={isOpen}
videoId="Cn4G2lZ_g2I"
onClose={() => setOpen(false)}
/>{" "}
</>
);
}

62
data/menu.js
View File

@ -31,38 +31,42 @@ export const menuData = [
label: "About Us",
href: "/about",
},
{
label: "Pages",
href: "#",
iconClass: "fa-regular fa-plus",
className: "has-dropdown",
submenu: [
{
label: "Our Team",
href: "#",
iconClass: "fas fa-angle-down",
submenu: [
{ label: "Our Team", href: "/team" },
{ label: "Team Details", href: "/team-details/1" },
],
},
{ label: "Pricing", href: "/pricing" },
{ label: "Faq's", href: "/faq" },
{ label: "404 Page", href: "/404" },
],
},
{
label: "Services",
href: "#",
iconClass: "fa-regular fa-plus",
submenu: [
{ label: "Services", href: "/service" },
{ label: "Service Details", href: "/service-details/1" },
],
},
// {
// label: "Pages",
// href: "#",
// iconClass: "fa-regular fa-plus",
// className: "has-dropdown",
// submenu: [
// {
// label: "Our Team",
// href: "#",
// iconClass: "fas fa-angle-down",
// submenu: [
// { label: "Our Team", href: "/team" },
// { label: "Team Details", href: "/team-details/1" },
// ],
// },
// { label: "Pricing", href: "/pricing" },
// { label: "Faq's", href: "/faq" },
// { label: "404 Page", href: "/404" },
// ],
// },
// {
// label: "Services",
// href: "#",
// iconClass: "fa-regular fa-plus",
// submenu: [
// { label: "Services", href: "/service" },
// { label: "Service Details", href: "/service-details/1" },
// ],
// },
{
label: "Products",
href: "/product",
},
{
label: "Turnkey Solutions",
href: "/turnkey-solutions",
},
{
label: "Projects",

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

@ -941,8 +941,8 @@
position: relative;
overflow: hidden;
z-index: 9;
padding-top: 190px;
padding-bottom: 50px;
padding-top: 20px;
padding-bottom: 20px;
@include breakpoint (max-xl) {
padding-top: 80px;