19 |
24 |
4 |
5 |
6 |
7 |
8 |
9 |
13 |
14 | );
15 |
16 |
17 | export default ProductItemLoading
--------------------------------------------------------------------------------
/utils/data/products-types.ts:
--------------------------------------------------------------------------------
1 | export const productsTypes = [
2 | {
3 | id: '1',
4 | name: 'T-Shirts',
5 | count: '172',
6 | },
7 | {
8 | id: '2',
9 | name: 'Sweatshirts',
10 | count: '131',
11 | },
12 | {
13 | id: '3',
14 | name: 'Tank Tops',
15 | count: '56',
16 | },
17 | {
18 | id: '4',
19 | name: 'Dress shirts',
20 | count: '8',
21 | },
22 | ];
23 |
24 | export default productsTypes;
--------------------------------------------------------------------------------
/utils/services.ts:
--------------------------------------------------------------------------------
1 | // function to post data
2 | export async function postData(url = '', data = {}) {
3 | const response = await fetch(url, {
4 | method: 'POST',
5 | mode: 'cors',
6 | cache: 'no-cache',
7 | credentials: 'same-origin',
8 | headers: {
9 | 'Content-Type': 'application/json'
10 | },
11 | redirect: 'follow',
12 | referrerPolicy: 'no-referrer',
13 | body: JSON.stringify(data)
14 | });
15 | return response.json();
16 | }
--------------------------------------------------------------------------------
/components/products-content/list/loading/index.js:
--------------------------------------------------------------------------------
1 | import ProductItemLoading from './../../../product-item/loading';
2 |
3 | const ProductsLoading = () => {
4 | return (
5 |
10 |
11 |
12 |
8 |
13 | )
14 | };
15 |
16 |
17 | export default CheckoutStatus
--------------------------------------------------------------------------------
/components/products-filter/form-builder/checkbox/index.tsx:
--------------------------------------------------------------------------------
1 | type CheckboxType = {
2 | type?: string;
3 | label: string;
4 | name: string;
5 | onChange?: () => void;
6 | }
7 |
8 | const Checkbox = ({ type = '', label, name, onChange }: CheckboxType) => (
9 |
14 | );
15 |
16 | export default Checkbox;
--------------------------------------------------------------------------------
/public/images/logo.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/pages/products.tsx:
--------------------------------------------------------------------------------
1 | import Layout from "../layouts/Main";
2 | import Footer from "../components/footer";
3 | import Breadcrumb from "../components/breadcrumb";
4 | import ProductsFilter from "../components/products-filter";
5 | import ProductsContent from "../components/products-content";
6 |
7 | const Products = () => (
8 | -
9 |
- 10 |
- 11 |
12 |
15 |
5 |
14 |
6 |
13 | Subscribe to our newsletter and receive exclusive offers every week
7 | 8 | 12 |
16 |
17 | Page not found — {title}
18 |
19 |
20 | {children}
23 |
24 | );
25 | };
26 |
--------------------------------------------------------------------------------
/components/product-single/gallery/index.tsx:
--------------------------------------------------------------------------------
1 | type GalleryProductType = {
2 | images: string[]
3 | }
4 |
5 | const Gallery = ({ images }: GalleryProductType) => {
6 | const featImage = images[0];
7 |
8 | return (
9 |
11 | {images.map(image => (
12 |
17 |
18 |
13 | 
14 |
15 | ))}
16 |
19 | 
20 |
21 |
11 |
12 |
15 |
16 |
18 | Selected just for you
13 | Show All 14 |-
8 | {cartItems.map((item) => (
9 |
-
10 | 11 |20 |12 |14 | 15 |
13 |
16 |19 |{item.name}
17 | #{item.id} 18 |${item.price}
21 |
22 | ))}
23 |
20 |
21 | {title}
22 |
23 |
24 |
27 | {children}
28 |
29 |
30 | );
31 | };
32 |
--------------------------------------------------------------------------------
/components/products-filter/form-builder/checkbox-color/index.tsx:
--------------------------------------------------------------------------------
1 | type CheckboxColorType = {
2 | type?: string;
3 | name: string;
4 | color: string;
5 | valueName: string;
6 | onChange?: (value: string) => void;
7 | }
8 |
9 | const CheckboxColor = ({ color, name, type = 'checkbox', onChange, valueName }: CheckboxColorType) => {
10 | const onSelect = (e: any) => {
11 | if(onChange) {
12 | onChange(e.target.getAttribute('data-name'));
13 | }
14 | }
15 |
16 | return (
17 |
23 | )
24 | };
25 |
26 | export default CheckboxColor;
--------------------------------------------------------------------------------
/assets/css/partials/breakpoints.scss:
--------------------------------------------------------------------------------
1 | // A map of breakpoints.
2 | $breakpoints: (
3 | phone-sm: 420px,
4 | phone: 767px,
5 | tablet-lg: 1024px,
6 | desktop-lg: 1202px
7 | );
8 |
9 | @mixin breakpoint($breakpoint) {
10 |
11 | // If the breakpoint exists in the map.
12 | @if map-has-key($breakpoints, $breakpoint) {
13 |
14 | // Get the breakpoint value.
15 | $breakpoint-value: map-get($breakpoints, $breakpoint);
16 |
17 | //Build the media query
18 | @media (min-width: $breakpoint-value) {
19 | @content;
20 | }
21 | }
22 | }
23 |
24 | @mixin breakpointMax($breakpoint) {
25 |
26 | // If the breakpoint exists in the map.
27 | @if map-has-key($breakpoints, $breakpoint) {
28 |
29 | // Get the breakpoint value.
30 | $breakpoint-value: map-get($breakpoints, $breakpoint);
31 |
32 | //Build the media query
33 | @media (max-width: $breakpoint-value) {
34 | @content;
35 | }
36 | }
37 | }
--------------------------------------------------------------------------------
/pages/_app.tsx:
--------------------------------------------------------------------------------
1 | import React, { Fragment } from "react";
2 | import Router from "next/router";
3 | import { wrapper } from "../store";
4 |
5 | // types
6 | import type { AppProps } from "next/app";
7 |
8 | // global styles
9 | import "swiper/swiper.scss";
10 | import "rc-slider/assets/index.css";
11 | import "react-rater/lib/react-rater.css";
12 | import "../assets/css/styles.scss";
13 | import ThemeProvider from "../components/context/theme-provider";
14 |
15 | import * as gtag from "./../utils/gtag";
16 |
17 | const isProduction = process.env.NODE_ENV === "production";
18 |
19 | // only events on production
20 | if (isProduction) {
21 | // Notice how we track pageview when route is changed
22 | Router.events.on("routeChangeComplete", (url: string) => gtag.pageview(url));
23 | }
24 |
25 | const MyApp = ({ Component, pageProps }: AppProps) => (
26 |
15 |
26 | ))}
27 |
16 | 
17 |
18 |
19 |
20 |
25 | { review.name }
21 |
23 |
24 |
13 |
14 |
17 | Details and product description
15 |White Summer Vibes T-shirt in the uiKit line with a colorful print.
Made of jersey cotton. T-shirt fits perfectly with jeans, pants or shorts.
18 |
19 |
22 | Details and product description
20 |White Summer Vibes T-shirt in the uiKit line with a colorful print.
Made of jersey cotton. T-shirt fits perfectly with jeans, pants or shorts.
Failed to load users
;
11 | return (
12 | <>
13 | {!data &&
14 |
10 |
31 |
32 | Men's Tops (133)
11 | 12 | 30 |
12 |
16 |
17 | {punctuation}
13 |{countOpinions} all opinions
15 |
18 |
30 |
31 | -
19 | {votes.map((vote) => (
20 |
-
21 |
22 | {vote.value} 23 | 24 | 25 |26 |
27 | ))}
28 |
32 |
33 |
34 |
24 |
48 | );
49 | };
50 |
51 |
52 | export default ProductItem
--------------------------------------------------------------------------------
/store/reducers/user.ts:
--------------------------------------------------------------------------------
1 | import { remove } from 'lodash';
2 |
3 | import { createSlice, PayloadAction } from '@reduxjs/toolkit'
4 |
5 | type ProductType = {
6 | id: string;
7 | name: string;
8 | thumb: string;
9 | price: string;
10 | count: number;
11 | color: string;
12 | size: string;
13 | }
14 |
15 | type ToggleFavType = {
16 | id: string;
17 | }
18 |
19 | interface UserSliceTypes {
20 | user: any;
21 | favProducts: any;
22 | }
23 |
24 | const initialState = {
25 | user: {
26 | name: 'Lucas Pulliese',
27 | },
28 | favProducts: [],
29 | } as UserSliceTypes
30 |
31 | const userSlice = createSlice({
32 | name: 'user',
33 | initialState,
34 | reducers: {
35 | toggleFavProduct(state, action: PayloadAction
25 |
26 |
27 |
28 |
29 | 
30 | {discount &&
31 | {discount}%
32 | }
33 |
34 |
35 |
36 |
37 |
38 |
47 | {name}
39 |
40 |
46 | ${ currentPrice }
41 | 42 | {discount && 43 | ${ price } 44 | } 45 |
47 |
56 |
48 | 
49 |
50 |
51 |
52 |
55 | {name}
53 |#{id}
54 |
61 |
64 | { count }
65 |
68 |
69 | Loading
;
41 |
42 | return (
43 |
44 |
52 | {products.map((item) => (
53 |
54 |
65 | ))}
66 |
67 |
68 | );
69 | };
70 |
71 | export default ProductsCarousel;
72 |
--------------------------------------------------------------------------------
/pages/product/[pid].tsx:
--------------------------------------------------------------------------------
1 | import { GetServerSideProps } from 'next'
2 |
3 | import { useState } from 'react';
4 | import Footer from '../../components/footer';
5 | import Layout from '../../layouts/Main';
6 | import Breadcrumb from '../../components/breadcrumb';
7 | import ProductsFeatured from '../../components/products-featured';
8 | import Gallery from '../../components/product-single/gallery';
9 | import Content from '../../components/product-single/content';
10 | import Description from '../../components/product-single/description';
11 | import Reviews from '../../components/product-single/reviews';
12 | import { server } from '../../utils/server';
13 |
14 | // types
15 | import { ProductType } from 'types';
16 |
17 | type ProductPageType = {
18 | product: ProductType;
19 | }
20 |
21 | export const getServerSideProps: GetServerSideProps = async ({ query }) => {
22 | const pid = query.pid;
23 | const res = await fetch(`${server}/api/product/${pid}`);
24 | const product = await res.json();
25 |
26 | return {
27 | props: {
28 | product,
29 | },
30 | }
31 | }
32 |
33 | const Product = ({ product }: ProductPageType) => {
34 | const [showBlock, setShowBlock] = useState('description');
35 |
36 | return (
37 |
42 |
57 |
43 |
46 |
47 |
48 |
56 |
49 |
50 |
51 |
52 |
53 |
60 |
62 |
63 |
21 |
70 |
22 |
25 |
26 | Shopping Cart
23 |
27 | {cartItems.length > 0 &&
28 |
29 |
30 |
53 | }
54 |
55 | {cartItems.length === 0 &&
56 |
59 |
60 | | Product | 32 |Color | 33 |Size | 34 |Ammount | 35 |Price | 36 |37 | |
|---|
Nothing in the cart
57 | } 58 |
61 | Continue Shopping
62 |
63 |
64 |
69 |
65 |
68 | Total cost ${priceTotal().toFixed(2)}
66 | Checkout 67 |
15 |
24 |
16 |
23 |
17 |
22 | Sale of the summer collection
18 | 19 | Shop now 20 | 21 |
31 |
40 |
32 |
39 |
33 |
38 | Make your house into a home
34 | 35 | Shop now 36 | 37 |
44 |
72 |
45 |
71 | -
46 |
-
47 |
48 | 49 |52 |
Free Shipping
50 |On purchases over $199
51 |
53 |
54 | -
55 |
56 | 57 |60 |
99% Satisfied Customers
58 |Our clients' opinions speak for themselves
59 |
61 |
62 | -
63 |
64 | 65 |68 |
Originality Guaranteed
66 |30 days warranty for each product from our store
67 |
69 |
8 |
85 |
9 |
10 | Back to store
11 |
12 |
13 |
14 |
15 |
84 | 16 | Create an account and discover the benefits 17 |
18 |19 | Lorem Ipsum is simply dummy text of the printing and typesetting 20 | industry. Lorem Ipsum has been the industry's standard dummy text 21 | ever since the 1500s 22 |
23 | 24 | 83 |
30 |
91 |
31 |
32 | Back to shop
33 |
34 |
35 |
36 |
37 |
90 | Forgot your password?
38 |39 | Enter your email or phone number and recover your account 40 |
41 | 42 | 89 |
14 |
18 |
25 |
26 |
30 |
37 |
38 |
42 |
49 |
50 |
31 |
36 | Basic t-shirts $29,99
32 | 33 | More details 34 | 35 |
43 |
48 | Sale this summer
44 | 45 | VIEW ALL 46 | 47 |
54 |
55 |
57 |
58 |
104 | Why should you choose us?
56 |-
59 |
-
60 |
61 | 62 |68 |
Free Shipping
63 |64 | All purchases over $199 are eligible for free shipping via 65 | USPS First Class Mail. 66 |
67 |
69 |
70 | -
71 |
72 | 73 |79 |
Easy Payments
74 |75 | All payments are processed instantly over a secure payment 76 | protocol. 77 |
78 |
80 |
81 | -
82 |
83 | 84 |90 |
Money-Back Guarantee
85 |86 | If an item arrived damaged or you've changed your mind, you 87 | can send it back for a full refund. 88 |
89 |
91 |
92 | -
93 |
94 | 95 |101 |
Finest Quality
96 |97 | Designed to last, each of our products has been crafted with 98 | the finest materials. 99 |
100 |
102 |
58 | Product ID:
59 | Sale
60 |
69 |
70 | Product ID:
{product.id}
59 | Sale
60 | {product.name}
61 | 62 |
63 |
68 | ${ product.currentPrice }
64 | {product.discount && 65 | ${ product.price } 66 | } 67 |
71 |
117 |
72 |
86 | Color:
73 |
74 | {productsColors.map(type => (
75 |
85 |
87 |
99 | Size: See size table
88 |
89 |
98 |
90 |
96 |
97 |
100 |
116 | Quantity:
101 |
102 |
115 |
103 |
106 | {count}
107 |
110 |
111 |
112 |
113 |
114 |
64 |
65 |
66 |
69 |
70 |
81 |
82 |
136 |
66 |
69 |
70 |
81 |
82 |
83 |
105 |
135 |
34 |
133 |
35 |
36 | Back to store
37 |
38 |
39 |
40 |
41 |
132 | Log in
42 |43 | Lorem Ipsum is simply dummy text of the printing and typesetting 44 | industry. Lorem Ipsum has been the industry's standard dummy text 45 | ever since the 1500s 46 |
47 | 48 | 131 |
25 |
210 |
26 |
29 |
30 | Shipping and Payment
27 |
31 |
195 |
196 |
32 |
134 |
135 |
33 |
39 |
45 |
46 |
47 |
48 |
133 | Shipping information
49 | 132 |
136 |
182 |
183 |
137 |
159 |
160 | Payment method
138 |-
139 |
-
140 |
141 |
142 | -
143 |
144 |
145 | -
146 |
147 |
148 | -
149 |
150 |
151 | -
152 |
153 |
154 | -
155 |
156 |
157 |
161 |
181 | Delivery method
162 |-
163 |
-
164 |
165 | $20.00
166 |
167 | -
168 |
169 | $12.00
170 |
171 | -
172 |
173 | $15.00
174 |
175 | -
176 |
177 |
$10.00
178 |
179 |
184 |
194 |
185 |
193 | Your cart
186 |
189 |
192 | Total cost
190 |${priceTotal.toFixed(6)}
191 |
197 |
198 | Back
199 |
200 |
209 |
201 |
204 |
207 |
208 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 46 | punctuation: 2 47 | }, 48 | { 49 | name: 'John Doe', 50 | avatar: '/images/featured-1.jpg', 51 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 52 | punctuation: 4 53 | }, 54 | { 55 | name: 'John Doe', 56 | avatar: '/images/featured-1.jpg', 57 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 58 | punctuation: 5 59 | }, 60 | ] 61 | }, 62 | { 63 | id: '2', 64 | name: 'T-Shirt Summer Vibes', 65 | price: 119.99, 66 | quantityAvailable: 2, 67 | category: 'T-shirt', 68 | currentPrice: 89.99, 69 | sizes: ['xl', 'l'], 70 | colors: ['#000', '6F3E18', '#D4BE8D', '#FFF'], 71 | images: [ 72 | '/images/products/product-2.jpg', 73 | ], 74 | punctuation: { 75 | countOpinions: 81, 76 | punctuation: 4.5, 77 | votes: [ 78 | { 79 | value: 1, 80 | count: 1 81 | }, 82 | { 83 | value: 2, 84 | count: 10 85 | }, 86 | { 87 | value: 3, 88 | count: 10 89 | }, 90 | { 91 | value: 4, 92 | count: 20 93 | }, 94 | { 95 | value: 5, 96 | count: 40 97 | }, 98 | ] 99 | }, 100 | reviews: [ 101 | { 102 | name: 'John Doe', 103 | avatar: '/images/featured-1.jpg', 104 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 105 | punctuation: 2 106 | }, 107 | { 108 | name: 'John Doe', 109 | avatar: '/images/featured-1.jpg', 110 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 111 | punctuation: 4 112 | }, 113 | { 114 | name: 'John Doe', 115 | avatar: '/images/featured-1.jpg', 116 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 117 | punctuation: 5 118 | }, 119 | ] 120 | }, 121 | { 122 | id: '3', 123 | name: 'T-Shirt Summer Vibes', 124 | price: 119.99, 125 | quantityAvailable: 2, 126 | category: 'T-shirt', 127 | currentPrice: 89.99, 128 | sizes: ['xl', 'l'], 129 | colors: ['#000', '6F3E18', '#D4BE8D', '#FFF'], 130 | images: [ 131 | '/images/products/product-3.jpg', 132 | ], 133 | punctuation: { 134 | countOpinions: 81, 135 | punctuation: 4.5, 136 | votes: [ 137 | { 138 | value: 1, 139 | count: 1 140 | }, 141 | { 142 | value: 2, 143 | count: 10 144 | }, 145 | { 146 | value: 3, 147 | count: 10 148 | }, 149 | { 150 | value: 4, 151 | count: 20 152 | }, 153 | { 154 | value: 5, 155 | count: 40 156 | }, 157 | ] 158 | }, 159 | reviews: [ 160 | { 161 | name: 'John Doe', 162 | avatar: '/images/featured-1.jpg', 163 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 164 | punctuation: 2 165 | }, 166 | { 167 | name: 'John Doe', 168 | avatar: '/images/featured-1.jpg', 169 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 170 | punctuation: 4 171 | }, 172 | { 173 | name: 'John Doe', 174 | avatar: '/images/featured-1.jpg', 175 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 176 | punctuation: 5 177 | }, 178 | ] 179 | }, 180 | { 181 | id: '4', 182 | name: 'T-Shirt Summer Vibes', 183 | price: 119.99, 184 | quantityAvailable: 2, 185 | category: 'T-shirt', 186 | currentPrice: 89.99, 187 | sizes: ['xl', 'l'], 188 | colors: ['#000', '6F3E18', '#D4BE8D', '#FFF'], 189 | images: [ 190 | '/images/products/product-4.jpg', 191 | ], 192 | punctuation: { 193 | countOpinions: 81, 194 | punctuation: 4.5, 195 | votes: [ 196 | { 197 | value: 1, 198 | count: 1 199 | }, 200 | { 201 | value: 2, 202 | count: 10 203 | }, 204 | { 205 | value: 3, 206 | count: 10 207 | }, 208 | { 209 | value: 4, 210 | count: 20 211 | }, 212 | { 213 | value: 5, 214 | count: 40 215 | }, 216 | ] 217 | }, 218 | reviews: [ 219 | { 220 | name: 'John Doe', 221 | avatar: '/images/featured-1.jpg', 222 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 223 | punctuation: 2 224 | }, 225 | { 226 | name: 'John Doe', 227 | avatar: '/images/featured-1.jpg', 228 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 229 | punctuation: 4 230 | }, 231 | { 232 | name: 'John Doe', 233 | avatar: '/images/featured-1.jpg', 234 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 235 | punctuation: 5 236 | }, 237 | ] 238 | }, 239 | { 240 | id: '5', 241 | name: 'T-Shirt Summer Vibes', 242 | price: 119.99, 243 | quantityAvailable: 2, 244 | category: 'T-shirt', 245 | currentPrice: 89.99, 246 | sizes: ['xl', 'l'], 247 | colors: ['#000', '6F3E18', '#D4BE8D', '#FFF'], 248 | images: [ 249 | '/images/products/product-5.jpg', 250 | ], 251 | punctuation: { 252 | countOpinions: 81, 253 | punctuation: 4.5, 254 | votes: [ 255 | { 256 | value: 1, 257 | count: 1 258 | }, 259 | { 260 | value: 2, 261 | count: 10 262 | }, 263 | { 264 | value: 3, 265 | count: 10 266 | }, 267 | { 268 | value: 4, 269 | count: 20 270 | }, 271 | { 272 | value: 5, 273 | count: 40 274 | }, 275 | ] 276 | }, 277 | reviews: [ 278 | { 279 | name: 'John Doe', 280 | avatar: '/images/featured-1.jpg', 281 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 282 | punctuation: 2 283 | }, 284 | { 285 | name: 'John Doe', 286 | avatar: '/images/featured-1.jpg', 287 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 288 | punctuation: 4 289 | }, 290 | { 291 | name: 'John Doe', 292 | avatar: '/images/featured-1.jpg', 293 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 294 | punctuation: 5 295 | }, 296 | ] 297 | }, 298 | { 299 | id: '6', 300 | name: 'T-Shirt Summer Vibes', 301 | price: 119.99, 302 | discount: 30, 303 | quantityAvailable: 2, 304 | category: 'T-shirt', 305 | currentPrice: 89.99, 306 | sizes: ['xl', 'l'], 307 | colors: ['#000', '6F3E18', '#D4BE8D', '#FFF'], 308 | images: [ 309 | '/images/products/product-6.jpg', 310 | ], 311 | punctuation: { 312 | countOpinions: 81, 313 | punctuation: 4.5, 314 | votes: [ 315 | { 316 | value: 1, 317 | count: 1 318 | }, 319 | { 320 | value: 2, 321 | count: 10 322 | }, 323 | { 324 | value: 3, 325 | count: 10 326 | }, 327 | { 328 | value: 4, 329 | count: 20 330 | }, 331 | { 332 | value: 5, 333 | count: 40 334 | }, 335 | ] 336 | }, 337 | reviews: [ 338 | { 339 | name: 'John Doe', 340 | avatar: '/images/featured-1.jpg', 341 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 342 | punctuation: 2 343 | }, 344 | { 345 | name: 'John Doe', 346 | avatar: '/images/featured-1.jpg', 347 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 348 | punctuation: 4 349 | }, 350 | { 351 | name: 'John Doe', 352 | avatar: '/images/featured-1.jpg', 353 | description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s
', 354 | punctuation: 5 355 | }, 356 | ] 357 | }, 358 | ]; 359 | 360 | export default products; -------------------------------------------------------------------------------- /assets/css/fonts/icons/icons.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /public/images/logos/dpd.svg: -------------------------------------------------------------------------------- 1 | 9 | --------------------------------------------------------------------------------