Corprate Profile and Product Dynamic added
This commit is contained in:
akashluca-l
parent
16d8596efd
commit
fd9ba7c165
66
app/(corporateProfile)/corporate-profile/page.jsx
Normal file
66
app/(corporateProfile)/corporate-profile/page.jsx
Normal file
@ -0,0 +1,66 @@
|
|||||||
|
import Footer1 from "@/components/footers/Footer1";
|
||||||
|
import Header1 from "@/components/headers/Header1";
|
||||||
|
import CorporateProfile from "@/components/homes/home-1/CorporateProfile/corporate-profile";
|
||||||
|
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">
|
||||||
|
Corporate Profile
|
||||||
|
</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>Corporate Profile</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>
|
||||||
|
|
||||||
|
<CorporateProfile/>
|
||||||
|
<Footer1 />
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -1,8 +1,7 @@
|
|||||||
import Brands from "@/components/common/Brands";
|
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 Header1 from "@/components/headers/Header1";
|
||||||
import Projects from "@/components/project/Projects";
|
import ProjectsData from "@/components/project/Projects2";
|
||||||
import Image from "next/image";
|
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
export const metadata = {
|
export const metadata = {
|
||||||
title: "Project || Xbuild - Constriction nextjs Template",
|
title: "Project || Xbuild - Constriction nextjs Template",
|
||||||
@ -43,7 +42,7 @@ export default function page() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Projects />
|
<ProjectsData />
|
||||||
{/* <div className="brand-section fix section-padding pt-0">
|
{/* <div className="brand-section fix section-padding pt-0">
|
||||||
<Brands />
|
<Brands />
|
||||||
</div> */}
|
</div> */}
|
||||||
|
|||||||
@ -0,0 +1,89 @@
|
|||||||
|
import React from "react";
|
||||||
|
import Image from "next/image";
|
||||||
|
|
||||||
|
export default function CorporateProfile() {
|
||||||
|
return (
|
||||||
|
<section className="news-standard fix section-padding">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row g-4">
|
||||||
|
<div className="col-12">
|
||||||
|
<div className="blog-post-details">
|
||||||
|
<div className="single-blog-post">
|
||||||
|
<div
|
||||||
|
className="post-featured-thumb bg-cover"
|
||||||
|
style={{
|
||||||
|
backgroundImage: `url("/assets/img/news/post-3.jpg")`,
|
||||||
|
height: "400px",
|
||||||
|
backgroundSize: "cover",
|
||||||
|
backgroundPosition: "center",
|
||||||
|
borderRadius: "10px"
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div className="post-content">
|
||||||
|
|
||||||
|
<h3>Revolutionizing Coconut Processing: The Rise of Turnkey Plants</h3>
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aut ab asperiores rem nostrum at eveniet, atque repellendus voluptates nemo odio facilis doloremque earum error fuga. Sint totam dolores rerum nulla doloremque sit molestiae, ut, eligendi fuga culpa illum adipisci earum, beatae officiis laboriosam dolorem. Nam optio id vel asperiores, laboriosam soluta eaque at, amet, minus quaerat tempore esse repudiandae ipsa? Deserunt corporis minus unde possimus modi eum magnam doloremque iusto saepe necessitatibus cupiditate eos, perferendis, quibusdam magni ut quas, nesciunt quis consequuntur? Enim quidem voluptatibus possimus pariatur ipsam eveniet deleniti culpa consectetur dignissimos expedita, a laborum minima inventore, ab neque?
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div className="hilight-text mt-4 mb-4">
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta, nam voluptatem! Suscipit et, fugiat pariatur tempora beatae at assumenda sed quae minus voluptatum ratione quis. Quam provident modi earum. Aut molestiae totam illo necessitatibus aliquam adipisci nulla, quidem eveniet odit amet, perspiciatis sunt libero fuga dolores! Inventore tempora, vel quis magni ut optio. Officia inventore nostrum, voluptatem atque harum dolores!
|
||||||
|
</p>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
|
||||||
|
<path d="M7.71428 20.0711H0.5V5.64258H14.9286V20.4531L9.97665 30.3568H3.38041L8.16149 20.7947L8.5233 20.0711H7.71428Z" stroke="#F55B1F" />
|
||||||
|
<path d="M28.2846 20.0711H21.0703V5.64258H35.4989V20.4531L30.547 30.3568H23.9507L28.7318 20.7947L29.0936 20.0711H28.2846Z" stroke="#F55B1F" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<p className="mt-3">
|
||||||
|
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quam similique autem debitis nulla qui quis, soluta illo rerum consequatur explicabo delectus dolores esse doloremque nesciunt ratione accusantium, quo dignissimos voluptate vero a sunt dolor odit, voluptatem minima? Ex nesciunt, numquam, maxime repudiandae rerum dolore illo ipsam nam vel omnis quaerat incidunt. Non consequuntur sit in ipsum perspiciatis molestias nulla esse neque quam officiis, itaque dolorum, dolor maiores quos ipsa cupiditate temporibus, natus quibusdam voluptate atque qui. Quibusdam placeat sint excepturi consequuntur, obcaecati soluta fugit perspiciatis, nam dolor dolore nobis. Nesciunt repellendus hic dolorem nulla ad voluptatem modi. Vitae, consectetur iste.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p className="mt-3">
|
||||||
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Numquam voluptatem, sint molestias recusandae id cumque laborum beatae nam quibusdam. Est expedita corporis numquam voluptatum vitae similique ipsam nihil minima dolore voluptatibus ipsum tempore, corrupti obcaecati natus esse molestiae sunt nostrum suscipit magnam asperiores sint culpa atque labore! Iure architecto molestias amet obcaecati. Sapiente consequatur laborum expedita, eos dolores doloribus esse incidunt ratione, fugit molestiae fuga quia tempore reprehenderit architecto laudantium cupiditate? Explicabo natus, voluptatibus veniam adipisci reiciendis mollitia officia, ad doloremque ea, beatae provident quae. Alias minus ullam commodi vel modi. Odit vero velit repudiandae labore pariatur, ad harum nihil.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div className="row mt-5 mb-5">
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div className="details-image">
|
||||||
|
<Image
|
||||||
|
src="/assets/img/news/post-5.jpg"
|
||||||
|
width={370}
|
||||||
|
height={269}
|
||||||
|
alt="img"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-6 col-md-12">
|
||||||
|
<div className="details-image">
|
||||||
|
<Image
|
||||||
|
src="/assets/img/news/post-5.jpg"
|
||||||
|
width={370}
|
||||||
|
height={269}
|
||||||
|
alt="img"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<p className="mt-3">
|
||||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis ex vero praesentium odio impedit dicta magnam fugit facere ullam recusandae placeat nesciunt corrupti modi dignissimos veniam iusto molestiae fuga, maxime obcaecati doloribus, consectetur voluptates unde? Deserunt quasi possimus fugiat nobis cupiditate est porro laborum aperiam maiores doloribus repellendus recusandae eos, quae at expedita, accusantium aspernatur itaque molestiae distinctio odit earum dolore eligendi praesentium. Alias repellendus eos explicabo, dolorem laudantium quis. Debitis facere sed delectus doloribus, commodi velit officia eius amet eos, nihil pariatur accusamus iure voluptatibus provident vel at cum ut aliquam ipsam voluptatem inventore atque cupiditate porro cumque. Officia.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -1,13 +1,13 @@
|
|||||||
import { projects } from "@/data/projects";
|
import { projectsData } from "@/data/projects";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
export default function Projects() {
|
export default function ProjectsData() {
|
||||||
return (
|
return (
|
||||||
<section className="project-section section-padding fix">
|
<section className="project-section section-padding fix">
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="row g-4">
|
<div className="row g-4">
|
||||||
{projects.map((project) => (
|
{projectsData.map((project) => (
|
||||||
<div
|
<div
|
||||||
key={project.id}
|
key={project.id}
|
||||||
className="col-xl-4 col-lg-6 col-md-6 wow fadeInUp"
|
className="col-xl-4 col-lg-6 col-md-6 wow fadeInUp"
|
||||||
|
|||||||
@ -189,4 +189,46 @@ export const projects3 = [
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
export const projectsData = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||||
|
title: "1",
|
||||||
|
delay: ".2s",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||||
|
title: "2",
|
||||||
|
delay: ".4s",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||||
|
title: "3",
|
||||||
|
delay: ".6s",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||||
|
title: "4",
|
||||||
|
delay: ".2s",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||||
|
title: "5",
|
||||||
|
delay: ".4s",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||||
|
title: "6",
|
||||||
|
delay: ".6s",
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
|
||||||
export const allProjects = [...projectItems, ...projects, projects2, projects3];
|
export const allProjects = [...projectItems, ...projects, projects2, projects3];
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user