62 |
132 |
63 |
131 |
64 |
130 |
65 |
70 |
71 |
117 |
118 | Login
66 |67 | Please fill your email and password to login 68 |
69 |
119 |
129 | 120 | Don't have an account? 121 |
122 | 126 | Register 127 | 128 |
68 |
158 |
69 |
157 |
70 |
156 |
71 |
76 |
77 |
131 |
132 | Create an account
72 |73 | Create an account and start using... 74 |
75 |
133 |
143 |
144 | 134 | I have read and agree to the 135 |
136 | 140 | Terms & Conditions 141 | 142 |
145 |
155 | 146 | Have an account? 147 |
148 | 152 | Login 153 | 154 |
42 |
46 |
43 |
45 |
25 |
41 |
26 | {contact_meta &&
27 | contact_meta?.map((contact: ContactUsItem) => (
28 |
40 |
32 |
36 |
37 |
38 | ))}
39 |
45 |
136 |
46 |
135 | 47 | We would love to hear from you! 48 |
49 | 50 | 134 |
10 |
28 |
11 |
27 |
12 |
13 | 404
14 |
15 |
26 | Page not found
16 |
17 |
22 |
23 | Back to home
24 |
25 | 18 | The page you are looking for might have been removed, had its 19 | name changed, or is temporarily unavailable. 20 |
21 |
46 |
52 |
47 |
48 |
50 |
51 |
57 |
64 |
58 |
60 | Collections
59 |
69 |
77 |
70 |
73 | Featured Products
71 |Explore Today's Featured Picks!
72 |16 | 17 | ### About Commerceplate 18 | 19 | #### Service Provided As 20 | 21 | The discovery was made by Richard McClintock , a professor of Latin at Hampden-Sydney College in Virginia, who faced the impetuous recurrence of the dark word consectetur in the text Lorem ipsum researched its origins to identify them in sections 1.10.32 and 1.10.33 of the aforementioned Cicero's 22 | 23 | When referring to Lorem ipsum, different expressions are used, namely fill text , fictitious text , blind text or placeholder text : in short, its meaning can also be zero, but its usefulness is so clear as to go 24 |
25 | 26 | #### Company Liability 27 | 28 | The choice of font and font size with which Lorem ipsum is reproduced answers to specific needs that go beyond the simple and simple filling of spaces dedicated to accepting real texts and allowing to have hands an advertising/publishing product, both web and paper, true to reality. 29 | 30 | Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores 31 |
32 | 33 | #### When we collect personal data about you 34 | 35 | In order to use our Service, you must meet a number of conditions, including but not limited to: 36 | 37 | - Enhance or improve User experience, our Site, or our Service. 38 | - Send emails and updates about Conclude, Process transactions. 39 | - Send emails about our Site or respond to inquiries. 40 | - Including news and requests for agreement to amended legal documents such as this 41 | Privacy Policy and our Terms of Service. 42 |
43 | 44 | #### Why we collect and use personal data 45 | 46 | Users of Conclude (i) must keep passwords secure and confidential; (ii) are solely responsible for User Data and all activity in their account while using the Service; (iii) must use commercially reasonable efforts access to their account, and notify Conclude promptly 47 | 48 | - Enhance or improve User experience, our Site, or our Service. 49 | - Send emails and updates about Conclude, Process transactions. 50 | - Send emails about our Site or respond to inquiries. 51 | - Including news and requests for agreement to amended legal documents such as this 52 | Privacy Policy and our Terms of Service. 53 |
54 | 55 | #### Type of personal data collected 56 | 57 | Your information may be transferred to — and maintained on — computers located outside of your state, province, country or other governmental jurisdiction where the privacy laws may not be as protective as those in your jurisdiction. If you choose to provide information to us, Conclude transfers Personal Information to Google Cloud Platform and processes it there. Your consent to this Privacy Policy followed by your submission of such information represents your agreement to that transfer. 58 | 59 | Your information may be transferred to — and maintained on — computers located outside of your state, province, country or other governmental jurisdiction where the privacy laws may not be as protective as those in your jurisdiction. If you choose to provide information to us, Conclude transfers Personal Information to Google Cloud Platform and processes it there. Your consent to this Privacy Policy followed by your submission of such information represents your agreement to that transfer. 60 | -------------------------------------------------------------------------------- /src/content/sections/call-to-action.md: -------------------------------------------------------------------------------- 1 | --- 2 | enable: true 3 | title: "Curved Collection for Your Bedroom Get 25% Off" 4 | sub_title: "Deal of the Week" 5 | image: "/images/call-to-action.png" 6 | description: "Subscribe our Newsletter and get all latest information and offers" 7 | button: 8 | enable: true 9 | label: "Shop Now" 10 | link: "/products" 11 | --- 12 | -------------------------------------------------------------------------------- /src/content/sections/payments-and-delivery.md: -------------------------------------------------------------------------------- 1 | --- 2 | payment_methods: 3 | - name: "Visa" 4 | image_url: "/images/payment/visa.png" 5 | - name: "MasterCard" 6 | image_url: "/images/payment/mastercard.png" 7 | - name: "Express" 8 | image_url: "/images/payment/express.png" 9 | - name: "Bkash" 10 | image_url: "/images/payment/bkash.png" 11 | - name: "Nagad" 12 | image_url: "/images/payment/nagad.png" 13 | - name: "Upay" 14 | image_url: "/images/payment/upay.png" 15 | 16 | estimated_delivery: "Est. Delivery between 0 - 3 days" 17 | --- 18 | -------------------------------------------------------------------------------- /src/hooks/useLoadMore.ts: -------------------------------------------------------------------------------- 1 | import { useEffect } from "react"; 2 | 3 | const useLoadMore = ( 4 | elementRef: React.RefObject
setIsHovered(true)}
39 | onMouseLeave={() => setIsHovered(false)}
40 | >
41 | setInit(true)}
66 | >
67 | {collectionsData?.map((item: any) => {
68 | const { title, handle, image, path, products } = item;
69 | return (
70 |
71 |
94 | );
95 | })}
96 |
97 |
117 |
118 | );
119 | };
120 |
121 | export default CollectionsSlider;
122 |
--------------------------------------------------------------------------------
/src/layouts/components/Expandable.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { Faq } from "@/types";
4 | import { useState } from "react";
5 |
6 | const Expandable = ({ faqs }: { faqs: Faq[] }) => {
7 | const [activeTab, setActiveTab] = useState
72 | 
79 |
93 |
80 |
92 | 81 | 85 | {title} 86 | 87 |
88 |89 | {item.products?.edges.length} items 90 |
91 |
103 |
116 |
107 |
109 |
113 |
115 |
16 |
36 |
38 | ))}
39 |
40 | );
41 | };
42 |
43 | export default Expandable;
44 |
--------------------------------------------------------------------------------
/src/layouts/components/HeroSlider.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import ImageFallback from "@/helpers/ImageFallback";
4 | import { Product } from "@/lib/shopify/types";
5 | import Link from "next/link";
6 | import "swiper/css";
7 | import "swiper/css/pagination";
8 | import { Pagination } from "swiper/modules";
9 | import { Swiper, SwiperSlide } from "swiper/react";
10 |
11 | const HeroSlider = ({ products }: { products: Product[] }) => {
12 | return (
13 | <>
14 | {faq.content}
37 |
25 |
61 |
26 |
47 |
48 |
27 | {item?.description && (
28 |
46 | 29 | {item.description} 30 |
31 | )} 32 |
33 |
37 | {item.handle && (
38 |
42 | Shop Now
43 |
44 | )}
45 | 34 | {item.title} 35 |
36 |
49 | {item.featuredImage && (
50 |
60 |
56 | {user ? (
57 |
90 | ) : (
91 |
96 |
108 | );
109 | };
110 |
111 | export default NavUser;
112 |
--------------------------------------------------------------------------------
/src/layouts/components/Pagination.tsx:
--------------------------------------------------------------------------------
1 | import Link from "next/link";
2 | import React from "react";
3 |
4 | const Pagination = ({
5 | section,
6 | currentPage,
7 | totalPages,
8 | }: {
9 | section: string;
10 | currentPage: number;
11 | totalPages: number;
12 | }) => {
13 | const indexPageLink = currentPage === 2;
14 | const hasPrevPage = currentPage > 1;
15 | const hasNextPage = totalPages > currentPage;
16 |
17 | let pageList = [];
18 | for (let i = 1; i <= totalPages; i++) {
19 | pageList.push(i);
20 | }
21 |
22 | return (
23 | <>
24 | {totalPages > 1 && (
25 |
149 | )}
150 |
151 | );
152 | };
153 |
154 | export default Pagination;
155 |
--------------------------------------------------------------------------------
/src/layouts/components/Price.tsx:
--------------------------------------------------------------------------------
1 | const Price = ({
2 | amount,
3 | className,
4 | currencyCode = "USD",
5 | currencyCodeClassName,
6 | }: {
7 | amount: string;
8 | className?: string;
9 | currencyCode: string;
10 | currencyCodeClassName?: string;
11 | } & React.ComponentProps<"p">) => (
12 |
102 |
105 |
106 | )}
107 | 13 | {`${new Intl.NumberFormat(undefined, { 14 | style: "currency", 15 | currency: currencyCode, 16 | currencyDisplay: "narrowSymbol", 17 | }).format(parseFloat(amount))}`} 18 | 21 | {currencyCode} 22 | 23 |
24 | ); 25 | 26 | export default Price; 27 | -------------------------------------------------------------------------------- /src/layouts/components/SearchBar.tsx: -------------------------------------------------------------------------------- 1 | "use client"; 2 | 3 | import { createUrl } from "@/lib/utils"; 4 | import { useRouter, useSearchParams } from "next/navigation"; 5 | import { useEffect, useState } from "react"; 6 | import { IoClose, IoSearch } from "react-icons/io5"; 7 | 8 | const SearchBar = () => { 9 | const router = useRouter(); 10 | const searchParams = useSearchParams(); 11 | const [isInputEditing, setInputEditing] = useState(false); 12 | const [inputValue, setInputValue] = useState(""); 13 | 14 | useEffect(() => { 15 | const inputField = document.getElementById( 16 | "searchInput", 17 | ) as HTMLInputElement; 18 | if (isInputEditing || searchParams.get("q")) { 19 | inputField.focus(); 20 | } 21 | }, [searchParams, isInputEditing]); 22 | 23 | const handleChange = (e: React.ChangeEvent-
24 |
-
25 |
31 |
32 | 33 |
34 | -
35 |
41 |
42 | 43 |
44 | -
45 |
51 |
52 | 53 |
54 | -
55 |
61 |
62 | 63 |
64 |
-
40 |
-
41 |
47 | {socialName}
48 |
49 | 50 |
51 |
52 | -
53 |
59 | {socialName}
60 |
61 | 62 |
63 |
64 | -
65 |
71 | {socialName}
72 |
73 | 74 |
75 |
76 | -
77 |
82 | Copy Link
83 | {isTooltipVisible && (
84 |
85 |
{" "} 89 | copied! 90 | 91 | )} 92 | 93 | 94 |
95 |
17 |
24 | setTheme(
25 | theme === "dark" || resolvedTheme === "dark" ? "light" : "dark",
26 | )
27 | }
28 | />
29 |
58 |
59 | )}
60 |
61 | );
62 | };
63 |
64 | export default ThemeSwitcher;
65 |
--------------------------------------------------------------------------------
/src/layouts/components/cart/AddToCart.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { ProductVariant } from "@/lib/shopify/types";
4 | import { addItem } from "@/lib/utils/cartActions";
5 | import Link from "next/link";
6 | import { useSearchParams } from "next/navigation";
7 | import React, { useActionState } from "react";
8 | import { useFormStatus } from "react-dom";
9 | import { BiLoaderAlt } from "react-icons/bi";
10 |
11 | function SubmitButton({
12 | availableForSale,
13 | selectedVariantId,
14 | stylesClass,
15 | handle,
16 | }: {
17 | availableForSale: boolean;
18 | selectedVariantId: string | undefined;
19 | stylesClass: string;
20 | handle: string | null;
21 | }) {
22 | const { pending } = useFormStatus();
23 | const buttonClasses = stylesClass;
24 | const disabledClasses = "cursor-not-allowed flex";
25 |
26 | const DynamicTag = handle === null ? "button" : Link;
27 |
28 | if (!availableForSale) {
29 | return (
30 |
37 | );
38 | }
39 |
40 | if (!selectedVariantId) {
41 | return (
42 |
6 |
10 | );
11 | }
12 |
--------------------------------------------------------------------------------
/src/layouts/components/cart/DeleteItemButton.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { CartItem } from "@/lib/shopify/types";
4 | import { removeItem } from "@/lib/utils/cartActions";
5 | import { useActionState } from "react";
6 | import { useFormStatus } from "react-dom";
7 | import { FaXmark } from "react-icons/fa6";
8 | import LoadingDots from "../loadings/LoadingDots";
9 |
10 | function SubmitButton() {
11 | const { pending } = useFormStatus();
12 |
13 | return (
14 |
30 | );
31 | }
32 |
33 | export function DeleteItemButton({ item }: { item: CartItem }) {
34 | const [message, formAction] = useActionState(removeItem, null);
35 | const itemId = item.id;
36 | const actionWithVariant = formAction.bind(null, itemId);
37 |
38 | return (
39 |
45 | );
46 | }
47 |
--------------------------------------------------------------------------------
/src/layouts/components/cart/EditItemQuantityButton.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { CartItem } from "@/lib/shopify/types";
4 | import { updateItemQuantity } from "@/lib/utils/cartActions";
5 | import { useActionState } from "react";
6 | import { useFormStatus } from "react-dom";
7 | import { FaMinus, FaPlus } from "react-icons/fa6";
8 | import LoadingDots from "../loadings/LoadingDots";
9 |
10 | function SubmitButton({ type }: { type: "plus" | "minus" }) {
11 | const { pending } = useFormStatus();
12 |
13 | return (
14 |
34 | );
35 | }
36 |
37 | export function EditItemQuantityButton({
38 | item,
39 | type,
40 | }: {
41 | item: CartItem;
42 | type: "plus" | "minus";
43 | }) {
44 | const [message, formAction] = useActionState(updateItemQuantity, null);
45 | const payload = {
46 | lineId: item.id,
47 | variantId: item.merchandise.id,
48 | quantity: type === "plus" ? item.quantity + 1 : item.quantity - 1,
49 | };
50 | const actionWithVariant = formAction.bind(null, payload);
51 |
52 | return (
53 |
59 | );
60 | }
61 |
--------------------------------------------------------------------------------
/src/layouts/components/cart/OpenCart.tsx:
--------------------------------------------------------------------------------
1 | import { BsCart3 } from "react-icons/bs";
2 |
3 | export default function OpenCart({
4 | className,
5 | quantity,
6 | }: {
7 | className?: string;
8 | quantity?: number;
9 | }) {
10 | return (
11 |
12 |
22 | );
23 | }
24 |
--------------------------------------------------------------------------------
/src/layouts/components/filter/DropdownMenu.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { usePathname, useSearchParams } from "next/navigation";
4 | import { Suspense, useEffect, useRef, useState } from "react";
5 | import { ListItem } from "../product/ProductLayouts";
6 | import { FilterDropdownItem } from "./FilterDropdownItem";
7 |
8 | const DropdownMenu = ({ list }: { list: ListItem[] }) => {
9 | const pathname = usePathname();
10 | const searchParams = useSearchParams();
11 | const [active, setActive] = useState("");
12 |
13 | const [openSelect, setOpenSelect] = useState(false);
14 | const menuRef = useRef
18 | {quantity}
19 |
20 | ) : null}
21 |
40 |
64 |
65 | {openSelect && (
66 |
86 | );
87 | };
88 |
89 | export default DropdownMenu;
90 |
--------------------------------------------------------------------------------
/src/layouts/components/filter/FilterDropdownItem.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { SortFilterItem as SortFilterItemType } from "@/lib/constants";
4 | import { createUrl } from "@/lib/utils";
5 | import Link from "next/link";
6 | import { usePathname, useSearchParams } from "next/navigation";
7 | import {
8 | ListItem,
9 | PathFilterItem as PathFilterItemType,
10 | } from "../product/ProductLayouts";
11 |
12 | function PathFilterItem({ item }: { item: PathFilterItemType }) {
13 | const pathname = usePathname();
14 | const searchParams = useSearchParams();
15 | const active = pathname === item.path;
16 | const newParams = new URLSearchParams(searchParams.toString());
17 | const DynamicTag = active ? "p" : Link;
18 |
19 | newParams.delete("q");
20 |
21 | return (
22 | {
69 | setOpenSelect(false);
70 | }}
71 | >
72 |
84 | )}
85 |
77 | {list.map((item: ListItem, i) => (
78 |
79 |
81 | ))}
82 |
83 |
5 |
27 |
6 |
26 |
7 |
25 |
8 |
24 |
9 | {Array(9)
10 | .fill(0)
11 | .map((_, index) => {
12 | return (
13 |
23 |
14 |
15 |
20 | );
21 | })}
22 |
16 |
17 |
18 |
19 |
4 | {Array(3)
5 | .fill(0)
6 | .map((_, index) => {
7 | return (
8 |
12 | );
13 | })}
14 |
15 | );
16 | };
17 |
18 | export default SkeletonCategory;
19 |
--------------------------------------------------------------------------------
/src/layouts/components/loadings/skeleton/SkeletonDescription.tsx:
--------------------------------------------------------------------------------
1 | const SkeletonDescription = () => {
2 | return (
3 |
4 |
19 | );
20 | };
21 |
22 | export default SkeletonDescription;
23 |
--------------------------------------------------------------------------------
/src/layouts/components/loadings/skeleton/SkeletonFeaturedProducts.tsx:
--------------------------------------------------------------------------------
1 | const SkeletonFeaturedProducts = () => {
2 | return (
3 |
5 |
8 |
11 |
12 |
13 |
14 |
18 |
15 |
16 |
17 |
4 | {Array(8)
5 | .fill(0)
6 | .map((_, index) => {
7 | return (
8 |
18 | );
19 | };
20 |
21 | export default SkeletonFeaturedProducts;
22 |
--------------------------------------------------------------------------------
/src/layouts/components/loadings/skeleton/SkeletonProductGallery.tsx:
--------------------------------------------------------------------------------
1 | const SkeletonProductGallery = () => {
2 | return (
3 | <>
4 |
9 |
10 |
15 | );
16 | })}
17 |
11 |
12 |
13 |
14 |
6 |
39 |
7 | {/* right side contents */}
8 |
38 |
9 |
10 |
23 |
24 | {/* left side contents */}
25 |
11 | {Array(4)
12 | .fill(0)
13 | .map((_, index) => {
14 | return (
15 |
19 | );
20 | })}
21 |
22 |
26 | {Array(8)
27 | .fill(0)
28 | .map((_, index) => {
29 | return (
30 |
34 | );
35 | })}
36 |
37 |
43 |
59 |
44 | {Array(9)
45 | .fill(0)
46 | .map((_, index) => {
47 | return (
48 |
58 |
49 |
50 |
55 | );
56 | })}
57 |
51 |
52 |
53 |
54 |
6 |
22 | );
23 | };
24 |
25 | export default SkeletonProductThumb;
26 |
--------------------------------------------------------------------------------
/src/layouts/components/loadings/skeleton/SkeletonProducts.tsx:
--------------------------------------------------------------------------------
1 | const SkeletonProducts = () => {
2 | return (
3 |
7 |
8 |
21 |
9 | {Array(4)
10 | .fill(0)
11 | .map((_, index) => {
12 | return (
13 |
17 | );
18 | })}
19 |
20 |
5 |
36 |
6 |
35 |
7 |
8 |
9 |
10 |
11 |
12 |
34 |
13 |
33 |
14 |
15 |
16 |
17 |
18 | {Array(9)
19 | .fill(0)
20 | .map((_, index) => {
21 | return (
22 |
32 |
23 |
24 |
29 | );
30 | })}
31 |
25 |
26 |
27 |
28 | Loading...
; 18 | } 19 | 20 | return ( 21 | <> 22 |
23 |
32 | {contentArray[1] && (
33 |
42 | )}
43 |
44 |
45 | {selectedTab === 0 && (
46 |
50 | )}
51 | {selectedTab === 1 && contentArray[1] && (
52 |
56 | )}
57 |
58 |
59 | );
60 | };
61 |
62 | export default Tabs;
63 |
--------------------------------------------------------------------------------
/src/layouts/components/product/VariantDropDown.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useEffect, useRef, useState } from "react";
4 |
5 | const VariantDropDown = ({ sizeOption }: any) => {
6 | const [isOpen, setIsOpen] = useState(false);
7 | const [selected, setSelected] = useState("Select One");
8 | const dropdownRef = useRef
48 |
68 |
69 | {isOpen && (
70 |
83 | );
84 | };
85 |
86 | export default VariantDropDown;
87 |
--------------------------------------------------------------------------------
/src/layouts/components/rangeSlider/RangeSlider.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import config from "@/config/config.json";
4 | import { createUrl } from "@/lib/utils";
5 | import { useRouter, useSearchParams } from "next/navigation";
6 | import { useEffect, useRef, useState } from "react";
7 | import "./rangeSlider.css";
8 |
9 | const RangeSlider = ({
10 | maxPriceData,
11 | }: {
12 | maxPriceData: { amount: string; currencyCode: string };
13 | }) => {
14 | const { currencyCode, currencySymbol } = config.shopify;
15 | const maxAmount = parseInt(maxPriceData?.amount);
16 |
17 | const [minValue, setMinValue] = useState(0);
18 | const [maxValue, setMaxValue] = useState(maxAmount);
19 |
20 | const router = useRouter();
21 | const searchParams = useSearchParams();
22 | const getMinPrice = searchParams.get("minPrice");
23 | const getMaxPrice = searchParams.get("maxPrice");
24 |
25 | const rangeRef = useRef-
71 | {sizeOption?.values?.map((size: string) => (
72 |
- handleSizeChanged(size)} 76 | > 77 | {size} 78 | 79 | ))} 80 |
126 |
163 | );
164 | };
165 |
166 | export default RangeSlider;
167 |
--------------------------------------------------------------------------------
/src/layouts/components/rangeSlider/rangeSlider.css:
--------------------------------------------------------------------------------
1 | .range-slider-container {
2 | padding: 0 0;
3 | margin: 0 0;
4 | }
5 |
6 | .range-slider {
7 | position: relative;
8 | height: 8px;
9 | margin: 10px 0 15px;
10 | }
11 |
12 | .slider-track {
13 | position: absolute;
14 | width: 100%;
15 | height: 8px;
16 | background-color: #e7e7e7;
17 | border-radius: 10px;
18 | top: 50%;
19 | transform: translateY(-50%);
20 | }
21 |
22 | .slider-range {
23 | position: absolute;
24 | height: 8px;
25 | background-color: gray;
26 | top: 50%;
27 | transform: translateY(-50%);
28 | }
29 |
30 | .slider-thumb {
31 | position: absolute;
32 | width: 20px;
33 | height: 20px;
34 | background-color: white;
35 | border: 3px solid gray;
36 | border-radius: 50%;
37 | top: 50%;
38 | transform: translate(-50%, -50%);
39 | cursor: pointer;
40 | z-index: 2;
41 | }
42 |
43 | .slider-thumb:hover {
44 | box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
45 | }
46 |
47 | .slider-thumb:active {
48 | box-shadow: 0 0 0 12px rgba(0, 0, 0, 0.1);
49 | cursor: grabbing;
50 | }
51 |
52 | /* For touch devices */
53 | @media (pointer: coarse) {
54 | .slider-thumb {
55 | width: 24px;
56 | height: 24px;
57 | }
58 | }
59 |
--------------------------------------------------------------------------------
/src/layouts/helpers/DynamicIcon.tsx:
--------------------------------------------------------------------------------
1 | import { FC } from "react";
2 | import type { IconType } from "react-icons";
3 | import * as FaIcons6 from "react-icons/fa6";
4 | // import * as AiIcons from "react-icons/ai";
5 | // import * as BsIcons from "react-icons/bs";
6 | // import * as FiIcons from "react-icons/fi";
7 | // import * as Io5Icons from "react-icons/io5";
8 | // import * as RiIcons from "react-icons/ri";
9 | // import * as TbIcons from "react-icons/tb";
10 | // import * as TfiIcons from "react-icons/tfi";
11 |
12 | type IconMap = Record
127 |
136 |
137 | 128 | {currencySymbol} 129 | {minValue} {maxPriceData?.currencyCode || currencyCode} 130 |
131 |132 | {currencySymbol} 133 | {maxValue} {maxPriceData?.currencyCode || currencyCode} 134 |
135 |
138 |
139 |
140 |
145 |
150 |
151 |
152 | {showSubmitButton && (
153 |
161 | )}
162 |
5 | all
6 | sm
7 | md
8 | lg
9 | xl
10 | 2xl
11 |
12 | );
13 | } else {
14 | return null;
15 | }
16 | };
17 |
18 | export default TwSizeIndicator;
19 |
--------------------------------------------------------------------------------
/src/layouts/partials/CallToAction.tsx:
--------------------------------------------------------------------------------
1 | import ImageFallback from "@/helpers/ImageFallback";
2 | import { markdownify } from "@/lib/utils/textConverter";
3 | import { Call_to_action } from "@/types";
4 | import Link from "next/link";
5 |
6 | interface PageData {
7 | notFound?: boolean;
8 | content?: string;
9 | frontmatter: Call_to_action;
10 | }
11 |
12 | const CallToAction = ({ data }: { data: PageData }) => {
13 | return (
14 | <>
15 | {data.frontmatter.enable && (
16 |
18 |
63 |
19 |
62 |
20 |
61 |
21 |
27 |
33 |
39 |
40 | {data.frontmatter.button.enable && (
41 |
45 | {data.frontmatter.button.label}
46 |
47 | )}
48 |
49 |
50 |
51 |
60 |
14 | {products.map((product: any) => {
15 | const {
16 | id,
17 | title,
18 | handle,
19 | featuredImage,
20 | priceRange,
21 | variants,
22 | compareAtPriceRange,
23 | } = product;
24 |
25 | const defaultVariantId =
26 | variants.length > 0 ? variants[0].id : undefined;
27 | return (
28 |
83 |
84 |
32 |
80 | );
81 | })}
82 |
33 |
51 |
52 |
79 | 53 | 57 | {title} 58 | 59 |
60 |
61 |
62 | {currencySymbol}{" "}
63 | {priceRange.minVariantPrice.amount}{" "}
64 | {compareAtPriceRange?.maxVariantPrice?.currencyCode}
65 |
66 |
67 | {parseFloat(compareAtPriceRange?.maxVariantPrice.amount) >
68 | 0 ? (
69 |
70 | {currencySymbol}{" "}
71 | {compareAtPriceRange?.maxVariantPrice.amount}{" "}
72 | {compareAtPriceRange?.maxVariantPrice?.currencyCode}
73 |
74 | ) : (
75 | ""
76 | )}
77 |
78 |
85 |
89 | + See All Products
90 |
91 |
92 |
93 | );
94 | };
95 |
96 | export default FeaturedProducts;
97 |
--------------------------------------------------------------------------------
/src/layouts/partials/Footer.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import Logo from "@/components/Logo";
4 | import config from "@/config/config.json";
5 | import menu from "@/config/menu.json";
6 | import social from "@/config/social.json";
7 | import DynamicIcon from "@/helpers/DynamicIcon";
8 | import { markdownify } from "@/lib/utils/textConverter";
9 | import Link from "next/link";
10 |
11 | export interface ISocial {
12 | name: string;
13 | icon: string;
14 | link: string;
15 | }
16 |
17 | const Footer = () => {
18 | const { copyright } = config.params;
19 |
20 | return (
21 |
70 | );
71 | };
72 |
73 | export default Footer;
74 |
--------------------------------------------------------------------------------
/src/layouts/partials/PageHeader.tsx:
--------------------------------------------------------------------------------
1 | import Breadcrumbs from "@/components/Breadcrumbs";
2 | import { humanize } from "@/lib/utils/textConverter";
3 |
4 | const PageHeader = ({ title }: { title: string }) => {
5 | return (
6 |
8 |
13 |
9 |
12 | {humanize(title)}
10 |
15 | {/* */}
16 |
59 | );
60 | };
61 |
62 | export default PostSidebar;
63 |
--------------------------------------------------------------------------------
/src/layouts/partials/Providers.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import config from "@/config/config.json";
4 | import { ThemeProvider } from "next-themes";
5 | import { ReactNode } from "react";
6 |
7 | const Providers = ({ children }: { children: ReactNode }) => {
8 | const { default_theme } = config.settings;
9 |
10 | return (
11 |
17 |
38 | {/* */}
39 | Categories
18 |
19 |
37 | -
20 | {categories.map((category: string) => {
21 | const count = allCategories.filter(
22 | (c: string) => c === category,
23 | ).length;
24 | return (
25 |
- 26 | 30 | {humanize(category)} ({count}) 31 | 32 | 33 | ); 34 | })} 35 |
40 |
58 | Tags
41 |
42 |
57 | -
43 | {tags.map((tag: string) => {
44 | return (
45 |
- 46 | 50 | {humanize(tag)} 51 | 52 | 53 | ); 54 | })} 55 |
33 |
129 |
34 |
128 |
35 |
36 | {/* */}
41 |
42 | setIsHovered(true)}
45 | onMouseLeave={() => setIsHovered(false)}
46 | >
47 | setInit(true)}
56 | >
57 | {testimonials.map((item: Testimonial, index: number) => (
58 |
59 |
104 | ))}
105 |
106 |
126 |
127 |
60 |
103 |
61 |
77 |
78 |
82 |
83 |
102 |
84 |
92 |
93 |
97 |
101 |
112 |
125 |
116 |
118 |
122 |
124 |
18 |
33 |
35 | );
36 | };
37 |
38 | export default Accordion;
39 |
--------------------------------------------------------------------------------
/src/layouts/shortcodes/Button.tsx:
--------------------------------------------------------------------------------
1 | import Link from "next/link";
2 |
3 | const Button = ({
4 | label,
5 | link,
6 | style,
7 | rel,
8 | }: {
9 | label: string;
10 | link: string;
11 | style?: string;
12 | rel?: string;
13 | }) => {
14 | return (
15 |
23 | {label}
24 |
25 | );
26 | };
27 |
28 | export default Button;
29 |
--------------------------------------------------------------------------------
/src/layouts/shortcodes/Notice.tsx:
--------------------------------------------------------------------------------
1 | import { humanize } from "@/lib/utils/textConverter";
2 | import React from "react";
3 |
4 | function Notice({
5 | type,
6 | children,
7 | }: {
8 | type: string;
9 | children: React.ReactNode;
10 | }) {
11 | return (
12 | {children}
34 |
13 |
82 | );
83 | }
84 |
85 | export default Notice;
86 |
--------------------------------------------------------------------------------
/src/layouts/shortcodes/Tab.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | function Tab({ children }: { children: React.ReactNode }) {
4 | return
14 | {type === "tip" ? (
15 |
29 | ) : type === "info" ? (
30 |
46 | ) : type === "warning" ? (
47 |
61 | ) : (
62 |
77 | )}
78 |
80 | {humanize(type)}
79 |{children}
81 | {children}
;
5 | }
6 |
7 | export default Tab;
8 |
--------------------------------------------------------------------------------
/src/layouts/shortcodes/Tabs.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import React, {
4 | KeyboardEvent,
5 | ReactElement,
6 | RefObject,
7 | useEffect,
8 | useRef,
9 | useState,
10 | } from "react";
11 |
12 | // Define an interface for the Tab props
13 | interface TabProps {
14 | name: string;
15 | children: React.ReactNode;
16 | }
17 |
18 | function Tabs({ children }: { children: ReactElement
47 |
78 | );
79 | }
80 |
81 | export default Tabs;
82 |
--------------------------------------------------------------------------------
/src/layouts/shortcodes/Video.tsx:
--------------------------------------------------------------------------------
1 | function Video({
2 | title,
3 | width = 500,
4 | height = "auto",
5 | src,
6 | ...rest
7 | }: {
8 | title: string;
9 | width: number;
10 | height: number | "auto";
11 | src: string;
12 | [key: string]: any;
13 | }) {
14 | return (
15 |
28 | );
29 | }
30 |
31 | export default Video;
32 |
--------------------------------------------------------------------------------
/src/layouts/shortcodes/Youtube.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { useEffect } from "react";
3 |
4 | const Youtube = ({
5 | id,
6 | title,
7 | ...rest
8 | }: {
9 | id: string;
10 | title: string;
11 | [key: string]: any;
12 | }) => {
13 | useEffect(() => {
14 | import("@justinribeiro/lite-youtube");
15 | }, []);
16 |
17 | // @ts-ignore
18 | return -
48 | {children.map((item, index) => (
49 |
- setActive(index)} 55 | onKeyDown={(e) => handleKeyDown(e, index)} 56 | ref={(ref) => { 57 | if (ref) { 58 | const current = tabItemsRef.current || []; 59 | current[index] = ref; 60 | tabItemsRef.current = current; 61 | } 62 | }} 63 | > 64 | {item.props.name} 65 | 66 | ))} 67 |
74 | {data.props.children}
75 |
76 | ))}
77 |