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

Compare commits

base: MetatroncubeSoftwareSolutions:d0aadabed70a370a4795f6617e3f7c9a6188f3b5
Branches Tags
MetatroncubeSoftwareSolutions:main
MetatroncubeSoftwareSolutions:team
..
compare: MetatroncubeSoftwareSolutions:cf383b098e5e662864c67e09b678a4e3e7ddc5be
Branches Tags
MetatroncubeSoftwareSolutions:team
MetatroncubeSoftwareSolutions:main

No commits in common. "d0aadabed70a370a4795f6617e3f7c9a6188f3b5" and "cf383b098e5e662864c67e09b678a4e3e7ddc5be" have entirely different histories.
d0aadabed7 ... cf383b098e

8 changed files with 82 additions and 266 deletions
Show Stats Expand all files Collapse all files

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

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

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

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

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

@ -1,66 +0,0 @@
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() { export default function Map() {
return ( return (
<div className="office-google-map-wrapper"> <div className="office-google-map-wrapper section-padding">
<iframe <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" 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 }} style={{ border: 0 }}

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

@ -5,7 +5,7 @@ import { products } from "@/data/services";
import Link from "next/link"; import Link from "next/link";
import Image from "next/image"; import Image from "next/image";
import AnimatedText from "@/components/common/AnimatedText"; import AnimatedText from "@/components/common/AnimatedText";
export default function Products() { export default function Products() {
return ( return (
<section className="service-section fix section-padding"> <section className="service-section fix section-padding">
<div className="container"> <div className="container">
@ -44,7 +44,7 @@ export default function Products() {
</div> </div>
</div> </div>
<div className="service-content"> <div className="service-content">
{/* <h2 className="number">{product.number}</h2> */} <h2 className="number">{product.number}</h2>
<h3> <h3>
<Link href={`/service-details/${product.id}`}> <Link href={`/service-details/${product.id}`}>
{product.title} {product.title}
@ -62,14 +62,14 @@ export default function Products() {
</div> </div>
))} ))}
</div> </div>
{/* <div <div
className="page-nav-wrap pt-5 text-center wow fadeInUp" className="page-nav-wrap pt-5 text-center wow fadeInUp"
data-wow-delay=".3s" data-wow-delay=".3s"
> >
<ul> <ul>
<Pagination /> <Pagination />
</ul> </ul>
</div> */} </div>
</div> </div>
</section> </section>
); );

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

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

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

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