first commit
This commit is contained in:
@@ -0,0 +1,42 @@
|
||||
|
||||
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../components/e-commerce/Header";
|
||||
import CartForm from "@/components/form/CartForm";
|
||||
export const metadata = {
|
||||
title: 'Cart || Deski-Saas & Software Nextjs Template',
|
||||
description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`,
|
||||
}
|
||||
const Cart = () => {
|
||||
|
||||
|
||||
return (
|
||||
<div className="main-page-wrapper p0 font-gordita">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Theme Main Menu
|
||||
==============================================
|
||||
--> */}
|
||||
<Header />
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Cart Page
|
||||
==============================================
|
||||
--> */}
|
||||
<div className="cart-section pt-200 pb-100 lg-pt-180 sm-pb-50">
|
||||
<div className="container">
|
||||
<CartForm/>
|
||||
</div>
|
||||
{/* <!-- /.container --> */}
|
||||
</div>
|
||||
{/* <!-- /.cart-section --> */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Cart;
|
||||
@@ -0,0 +1,53 @@
|
||||
|
||||
|
||||
import LogIn from "../../../components/e-commerce/checkout/LogIn";
|
||||
|
||||
import PromoCode from "../../../components/e-commerce/checkout/PromoCode";
|
||||
import Header from "../../../components/e-commerce/Header";
|
||||
import CheckoutForm from "@/components/form/CheckoutForm";
|
||||
|
||||
export const metadata = {
|
||||
title: 'Checkout || Deski-Saas & Software Nextjs Template',
|
||||
description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`,
|
||||
}
|
||||
const Checkout = () => {
|
||||
|
||||
|
||||
return (
|
||||
<div className="main-page-wrapper p0 font-gordita">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Theme Main Menu
|
||||
==============================================
|
||||
--> */}
|
||||
<Header />
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Checkout Page
|
||||
==============================================
|
||||
--> */}
|
||||
|
||||
<div className="checkout-section pt-200 pb-100 lg-pt-180 sm-pb-50">
|
||||
<div className="container">
|
||||
<div className="checkout-toggle-area mb-80 md-mb-60">
|
||||
<LogIn />
|
||||
<PromoCode />
|
||||
</div>
|
||||
{/* <!-- /.checkout-toggle-area --> */}
|
||||
|
||||
<CheckoutForm/>
|
||||
{/* <!-- /.checkout-form --> */}
|
||||
</div>
|
||||
{/* <!-- /.container --> */}
|
||||
</div>
|
||||
|
||||
{/* <!-- /.checkou-section --> */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Checkout;
|
||||
@@ -0,0 +1,112 @@
|
||||
|
||||
|
||||
import React from "react";
|
||||
|
||||
import Header from "../../../../components/e-commerce/Header";
|
||||
import BreadCrumb from "../../../../components/e-commerce/product-details/BreadCrumb";
|
||||
import ProductGallery from "../../../../components/e-commerce/product-details/ProductGallery";
|
||||
import SocialShare from "../../../../components/e-commerce/product-details/SocialShare";
|
||||
|
||||
import ProductTabContent from "../../../../components/e-commerce/product-details/ProductTabContent";
|
||||
import ProductFratureBlock from "../../../../components/e-commerce/product-details/ProductFratureBlock";
|
||||
import RelatedProducts from "../../../../components/e-commerce/product-details/RelatedProducts";
|
||||
import FooterSeven from "../../../../components/footer/FooterSeven";
|
||||
import CopyRightThree from "../../../../components/footer/CopyRightThree";
|
||||
import { productData } from "@/data/products";
|
||||
|
||||
export const metadata = {
|
||||
title: 'Product Details || Deski-Saas & Software Nextjs Template',
|
||||
description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`,
|
||||
}
|
||||
const ProductDetails = ({params}) => {
|
||||
const item = productData.filter((elm)=>elm.id==params.id)[0] || productData[0]
|
||||
return (
|
||||
<div className="main-page-wrapper p0 font-gordita">
|
||||
|
||||
{/* End Page SEO Content */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Theme Main Menu
|
||||
==============================================
|
||||
--> */}
|
||||
<Header />
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Product Details One
|
||||
==============================================
|
||||
--> */}
|
||||
<div className="product-details-one lg-container pt-180 lg-pt-150">
|
||||
<div className="breadcrumb-area pb-70">
|
||||
<div className="container">
|
||||
<div className="d-sm-flex align-items-center justify-content-between">
|
||||
<BreadCrumb data={item} />
|
||||
<SocialShare />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.breadcrumb-area --> */}
|
||||
|
||||
<div className="container">
|
||||
<ProductGallery data={item} />
|
||||
<ProductTabContent />
|
||||
{/* <!-- /.product-review-tab --> */}
|
||||
<div className="mt-60 lg-mt-40">
|
||||
<div className="row">
|
||||
<ProductFratureBlock />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .container */}
|
||||
</div>
|
||||
{/* <!-- /.product-details-one --> */}
|
||||
|
||||
{/* <!--
|
||||
=============================================
|
||||
Fancy Feature Forty Three
|
||||
==============================================
|
||||
--> */}
|
||||
<div className="fancy-feature-fortyThree lg-container pt-100 pb-100 mt-130 mb-120 lg-pt-80 lg-pb-80 lg-mt-100 lg-mb-100">
|
||||
<div className="container">
|
||||
<div className="row align-items-center" data-aos="fade-up">
|
||||
<div className="col-lg-6">
|
||||
<div className="title-style-eleven text-center text-md-left">
|
||||
<h2>Releted Products</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="xl-container mt-60 lg-mt-40">
|
||||
<div className="product_slider_two product_slider_space">
|
||||
<RelatedProducts />
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.xl-container --> */}
|
||||
</div>
|
||||
{/* <!-- /.fancy-feature-fortyThree --> */}
|
||||
|
||||
{/* =====================================================
|
||||
Footer Style Seven
|
||||
===================================================== */}
|
||||
<footer className="theme-footer-seven ">
|
||||
<div className="lg-container">
|
||||
<div className="container inner-btn-black">
|
||||
<FooterSeven />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="bottom-footer">
|
||||
<CopyRightThree />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.lg-container */}
|
||||
</footer>
|
||||
{/* /.theme-footer-seven */}
|
||||
</div>
|
||||
// main-page-wrapper
|
||||
);
|
||||
};
|
||||
|
||||
export default ProductDetails;
|
||||
Reference in New Issue
Block a user