8 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/components.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://ui.shadcn.com/schema.json",
3 | "style": "default",
4 | "rsc": true,
5 | "tsx": true,
6 | "tailwind": {
7 | "config": "tailwind.config.ts",
8 | "css": "app/globals.css",
9 | "baseColor": "neutral",
10 | "cssVariables": true,
11 | "prefix": ""
12 | },
13 | "aliases": {
14 | "components": "@/components",
15 | "utils": "@/lib/utils"
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/app/product/[productSlug]/loading.tsx:
--------------------------------------------------------------------------------
1 | import ProductDetailCardSkeleton from "@/components/skeletons/ProductDetailCardSkeleton";
2 | import ProductsMarqueeWrapperSkeleton from "@/components/skeletons/ProductsMarqueeWrapperSkeleton";
3 |
4 | export default function Loading() {
5 | return (
6 | Page Not Found
9 | 10 | Go Home 11 | 12 |
7 |
10 | );
11 | }
12 |
--------------------------------------------------------------------------------
/next.config.ts:
--------------------------------------------------------------------------------
1 | import { setupDevPlatform } from "@cloudflare/next-on-pages/next-dev";
2 |
3 | if (process.env.NODE_ENV === "development") {
4 | setupDevPlatform();
5 | }
6 |
7 | import type { NextConfig } from "next";
8 |
9 | const nextConfig: NextConfig = {
10 | images: {
11 | remotePatterns: [
12 | {
13 | protocol: "https",
14 | hostname: "cdn.sanity.io",
15 | },
16 | ],
17 | formats: ["image/webp"],
18 | },
19 | experimental: {
20 | reactCompiler: true,
21 | },
22 | };
23 |
24 | export default nextConfig;
25 |
--------------------------------------------------------------------------------
/components/product/ProductsMarqueeWrapper.tsx:
--------------------------------------------------------------------------------
1 | import ProductsMarquee from "./ProductsMarquee";
2 | import { FeaturedProductsQueryResult } from "@/sanity/types";
3 |
4 | export default function ProductsMarqueeWrapper({
5 | products,
6 | }: {
7 | products: FeaturedProductsQueryResult;
8 | }) {
9 | return (
10 | 12 | Our Most Popular Products 13 |
14 |
8 | {[...Array(4)].map((_, i) => (
9 |
19 |
13 |
17 | ))}
18 |
6 |
12 | );
13 | }
14 |
15 | export default function ProductGridSkeleton() {
16 | return (
17 |
8 |
11 |
20 | {[...Array(10)].map((_, i) => (
21 |
24 |
22 | {title && {title} }
23 | {description && (
24 | {description}
25 | )}
26 |
27 | {action}
28 |
8 |
10 |
11 |
12 |
16 |
29 |
30 |
34 |
31 |
33 | 26 | Search Results for {q} 27 |
28 | {searchResults && searchResults.length > 0 ? ( 29 |
30 | {searchResults.map((product) => (
31 |
34 | ) : (
35 | Sorry No Products found
36 | )} 37 |Contact Us
20 |₹ {product?.price}
45 |
22 |
35 |
36 | {product?.images!.map((image: any, index: number) => (
37 |
38 |
39 |
48 |
49 | ))}
50 |
51 |
54 |
55 | );
56 | }
57 |
--------------------------------------------------------------------------------
/app/cart/success/page.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from "@/components/ui/button";
2 | import { Check } from "lucide-react";
3 | import Link from "next/link";
4 |
5 | export const runtime = "edge";
6 |
7 | export default async function SuccessPage(
8 | props: {
9 | searchParams: Promise<{
10 | name: string;
11 | email: string;
12 | phoneNumber: string;
13 | short_url: string;
14 | }>;
15 | }
16 | ) {
17 | const searchParams = await props.searchParams;
18 | const email = searchParams.email;
19 | const phoneNumber = searchParams.phoneNumber;
20 | const short_url = searchParams.short_url;
21 | return (
22 |
23 |
45 | );
46 | }
47 |
--------------------------------------------------------------------------------
/app/privacy-policy/page.tsx:
--------------------------------------------------------------------------------
1 | export default function PrivacyPolicy() {
2 | return (
3 |
24 |
26 | 27 | Thank you for your order 28 |
29 |
30 |
44 | 31 | The order details and a link to the payment has been sent to your{" "} 32 | {email} and{" "} 33 | {phoneNumber} 34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 | Privacy Policy
5 |How We Use Your Information
7 |8 | We use the information we collect to process your orders, communicate 9 | with you about your purchases, provide customer support, and improve 10 | our products and services. 11 |
12 |13 | We do not use your personal information for promotional email 14 | campaigns or direct marketing purposes. 15 |
16 |Information Sharing and Disclosure
20 |21 | We do not sell, trade, or rent your personal information to third 22 | parties for marketing purposes. However, we may share your information 23 | with trusted third-party service providers who assist us in operating 24 | our website, conducting business, or servicing you. 25 |
26 |Data Security
30 |31 | We implement industry-standard security measures to protect your 32 | personal information from unauthorized access, disclosure, alteration, 33 | or destruction. However, please note that no method of transmission 34 | over the internet or electronic storage is 100% secure. 35 |
36 |
33 |
34 |
35 |
38 |
39 |
40 | {categories.map((category, index: number) => (
41 |
42 |
43 |
46 |
47 |
48 | ))}
49 |
51 |
29 |
42 |
43 | ## Development
44 |
45 | To set up the project locally:
46 |
47 | 1. Clone the repository
48 | 2. Install dependencies: `npm install`
49 | 3. Set up environment variables for sanity and razorpay (see `.env.example`)
50 | 4. Run the development server: `npm run dev`
51 |
52 | ## Lighthouse Score
53 |
54 | Click to view screenshots
30 | 31 |  32 | 33 |  34 | 35 |  36 | 37 |  38 | 39 |  40 | 41 |
13 |
53 |
18 |
31 |
32 |
33 |
34 |
43 |
44 |
45 |
46 |
55 |
56 |
57 |
58 |
67 |
68 |
69 |
70 |
71 | );
72 | }
73 |
--------------------------------------------------------------------------------
/app/category/[categorySlug]/page.tsx:
--------------------------------------------------------------------------------
1 | import ProductCard from "@/components/product/ProductCard";
2 | import { client } from "@/sanity/lib/client";
3 | import { categoriesQuery, productsByCategoryQuery } from "@/sanity/lib/queries";
4 | import {
5 | CategoriesQueryResult,
6 | ProductsByCategoryQueryResult,
7 | } from "@/sanity/types";
8 | import { Metadata } from "next";
9 |
10 | export const dynamicParams = false;
11 |
12 | type Props = {
13 | params: Promise<{ categorySlug: string }>;
14 | };
15 |
16 | export async function generateStaticParams() {
17 | const categorySlugs =
18 | await client.fetch55 | {products[0]?.category?.name} 56 |
57 |
58 | {products.map((product, index: number) => (
59 |
62 | Sorry No Products found
65 | )} 66 |
31 |
62 | );
63 | }
64 |
--------------------------------------------------------------------------------
/app/actions.ts:
--------------------------------------------------------------------------------
1 | "use server";
2 |
3 | import { invoiceSchema } from "@/lib/types";
4 |
5 | const razorpayID = process.env.RAZORPAY_ID;
6 | const razorpayKey = process.env.RAZORPAY_KEY;
7 |
8 | if (!razorpayID || !razorpayKey) {
9 | throw new Error("Razorpay credentials are not properly configured");
10 | }
11 |
12 | export const sendInvoiceAction = async (input: unknown) => {
13 | try {
14 | const parsedInput = invoiceSchema.parse(input);
15 |
16 | const lineItems = parsedInput.products.map((product) => ({
17 | name: product.name,
18 | amount: product.price * 100,
19 | currency: "INR",
20 | quantity: product.quantity,
21 | }));
22 |
23 | const invoice = {
24 | type: "invoice",
25 | customer: {
26 | name: parsedInput.name,
27 | email: parsedInput.email,
28 | contact: parsedInput.phoneNumber,
29 | shipping_address: {
30 | line1: parsedInput.addressLine,
31 | city: parsedInput.city,
32 | state: parsedInput.state,
33 | country: "India",
34 | zipcode: parsedInput.zipcode,
35 | },
36 | },
37 | line_items: lineItems,
38 | };
39 |
40 | const response = await fetch("https://api.razorpay.com/v1/invoices", {
41 | method: "POST",
42 | headers: {
43 | "Content-Type": "application/json",
44 | Authorization: `Basic ${Buffer.from(`${razorpayID}:${razorpayKey}`).toString("base64")}`,
45 | },
46 | body: JSON.stringify(invoice),
47 | });
48 |
49 | if (!response.ok) {
50 | const errorData = await response.json();
51 | throw new Error(
52 | errorData.error.description || "Failed to create invoice",
53 | );
54 | }
55 |
56 | const data = await response.json();
57 |
58 | if (data.status === "issued") {
59 | return {
60 | data: {
61 | name: data.customer_details.name,
62 | email: data.customer_details.email,
63 | phoneNumber: data.customer_details.contact,
64 | short_url: data.short_url,
65 | },
66 | };
67 | } else {
68 | throw new Error("Invoice was not issued successfully");
69 | }
70 | } catch (error) {
71 | console.error("Error in sendInvoiceAction:", error);
72 | return {
73 | error:
74 | error instanceof Error ? error.message : "An unexpected error occurred",
75 | };
76 | }
77 | };
78 |
--------------------------------------------------------------------------------
/components/Navbar.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import {
3 | NavigationMenu,
4 | NavigationMenuContent,
5 | NavigationMenuItem,
6 | NavigationMenuLink,
7 | NavigationMenuList,
8 | NavigationMenuTrigger,
9 | navigationMenuTriggerStyle,
10 | } from "@/components/ui/navigation-menu";
11 | import { CategoriesQueryResult } from "@/sanity/types";
12 | import Link from "next/link";
13 |
14 | export default function Navbar({
15 | categories,
16 | }: {
17 | categories: CategoriesQueryResult;
18 | }) {
19 | return (
20 |
32 |
36 |
60 |
61 | -
33 | {categories.map((category, index: number) => (
34 |
-
35 |
40 |
43 | {category.name} 44 | 45 | 46 |
47 | ))}
48 |
15 |
21 |
54 |
58 | {product?.name}
16 |17 | Price: ₹ {product?.price} 18 | (including GST) 19 |
20 |
55 |
57 |
50 | {cart.map((product, index: number) => (
51 |
60 | About Us
11 |-
12 |
- 13 | Established in 2003, Aman Enterprises has been a cornerstone in the 14 | manufacturing and distribution of premium quality bags and pouches. 15 | 16 |
- 17 | Nestled within the industrious landscape of Uttar Pradesh State 18 | Industrial Development Corporation, Ghaziabad, Uttar Pradesh, our 19 | journey began with a vision to blend tradition with modernity, 20 | offering products that resonate with our customers' diverse 21 | needs. 22 | 23 |
- 24 | At Aman Enterprises, we take pride in our extensive range of 25 | offerings, including cotton bags, canvas, jute, denim pouches, and 26 | more. Our commitment to quality craftsmanship and attention to detail 27 | sets us apart in the industry. 28 | 29 |
- 30 | Each product is meticulously crafted to meet the highest standards of 31 | durability, functionality, and style. 32 | 33 |
- 34 | With years of experience and expertise, we have cultivated strong 35 | relationships with our customers, both individuals and organizations 36 | alike. 37 | 38 |
- 39 | We understand the unique requirements of our clients, which is why we 40 | offer the flexibility of bulk orders for organizations seeking 41 | high-quality bags and pouches for their various needs. 42 | 43 |
- 44 | Our dedication to customer satisfaction drives us to continuously 45 | innovate and improve our products and services. 46 | 47 |
- 48 | Whether you're an individual looking for eco-friendly bags or an 49 | organization in need of bulk purchases, Aman Enterprises is your 50 | reliable partner every step of the way. 51 | 52 |
- 53 | As a proud member of the community, we are committed to sustainability 54 | and ethical business practices. We strive to minimize our 55 | environmental footprint and contribute positively to society through 56 | our operations. 57 | 58 |
4 |
6 |
12 |
13 |
14 |
21 |
22 |
23 |
31 |
32 |
33 |
45 |
46 |
47 |
59 |
60 | );
61 | }
62 |
--------------------------------------------------------------------------------
/sanity/schemaTypes/index.ts:
--------------------------------------------------------------------------------
1 | import { type SchemaTypeDefinition } from "sanity";
2 |
3 | export const schema: { types: SchemaTypeDefinition[] } = {
4 | types: [
5 | {
6 | name: "product",
7 | title: "Products",
8 | type: "document",
9 | fields: [
10 | {
11 | name: "id",
12 | title: "ID",
13 | type: "number",
14 | validation: (Rule) =>
15 | Rule.required().integer().positive().greaterThan(100),
16 | },
17 | {
18 | name: "name",
19 | title: "Name",
20 | type: "string",
21 | },
22 | {
23 | name: "images",
24 | type: "array",
25 | title: "Images",
26 | of: [{ type: "image" }],
27 | },
28 | {
29 | name: "color",
30 | title: "Color",
31 | type: "string",
32 | },
33 | {
34 | name: "size",
35 | title: "Size",
36 | type: "string",
37 | },
38 | {
39 | name: "weight",
40 | title: "Weight",
41 | type: "string",
42 | },
43 | {
44 | name: "fabric",
45 | title: "Fabric",
46 | type: "string",
47 | },
48 | {
49 | name: "price",
50 | title: "Price",
51 | type: "number",
52 | },
53 | {
54 | name: "features",
55 | title: "Features",
56 | type: "string",
57 | },
58 | {
59 | name: "description",
60 | title: "Description",
61 | type: "text",
62 | },
63 | {
64 | name: "slug",
65 | title: "Slug",
66 | type: "slug",
67 | options: {
68 | source: "name",
69 | },
70 | },
71 | {
72 | name: "showOnHomePage",
73 | title: "Show on Home Page",
74 | type: "boolean",
75 | },
76 | {
77 | name: "category",
78 | title: "Product Category",
79 | type: "reference",
80 | to: [
81 | {
82 | type: "category",
83 | },
84 | ],
85 | },
86 | ],
87 | },
88 | {
89 | name: "category",
90 | type: "document",
91 | title: "Categories",
92 | fields: [
93 | {
94 | name: "name",
95 | title: "Name of Category",
96 | type: "string",
97 | },
98 | {
99 | name: "slug",
100 | title: "Slug",
101 | type: "slug",
102 | options: {
103 | source: "name",
104 | },
105 | },
106 | ],
107 | },
108 | ],
109 | };
110 |
--------------------------------------------------------------------------------
/components/cart/CartProductCard.tsx:
--------------------------------------------------------------------------------
1 | import { urlForImage } from "@/sanity/lib/image";
2 | import { DeleteIcon, MinusIcon, PlusIcon } from "lucide-react";
3 | import Image from "next/image";
4 | import Link from "next/link";
5 | import { Button } from "../ui/button";
6 | import { Card, CardContent } from "../ui/card";
7 | import { CartProduct } from "@/store/useCartStore";
8 |
9 | export default function CartProductCard({
10 | product,
11 | addToCart,
12 | removeFromCart,
13 | deleteFromCart,
14 | }: {
15 | addToCart: (Item: CartProduct) => void;
16 | removeFromCart: (Item: CartProduct) => void;
17 | deleteFromCart: (Item: CartProduct) => void;
18 | } & { product: CartProduct }) {
19 | return (
20 | Terms Of Service
5 |1. Acceptance of Terms
7 |8 | By accessing and using oxabags.com, you agree to comply with and be 9 | bound by these Terms of Service. 10 |
11 |2. Use of the Service
15 |16 | Our website and its content are intended solely for personal and 17 | non-commercial use. You may not use our website for any illegal or 18 | unauthorized purpose. 19 |
20 |3. Intellectual Property Rights
24 |25 | All content, trademarks, logos, and intellectual property displayed on 26 | oxabags.com are the property of Aman Enterprise. You may not use, 27 | reproduce, or distribute any content from our website without prior 28 | written permission. 29 |
30 |4. Payment Processing
34 |35 | We utilize Razorpay, a third-party payment gateway, for processing 36 | payments on our website. By making a purchase through oxabags.com, you 37 | agree to abide by Razorpay's terms and conditions. 38 |
39 |40 | Aman Enterprise shall not be liable for any issues, disputes, or 41 | discrepancies arising from payment processing through Razorpay. Please 42 | refer to Razorpay's policies and procedures for more information. 43 |
44 |5. Limitation of Liability
48 |49 | We strive to provide accurate and up-to-date information on our 50 | website. However, we do not guarantee the accuracy, completeness, or 51 | reliability of any content. 52 |
53 |54 | Aman Enterprise shall not be liable for any direct, indirect, 55 | incidental, special, or consequential damages arising out of or in any 56 | way connected with the use of our website or services. 57 |
58 |
33 |
73 |
34 |
41 |
35 | {product.name}
36 |
37 |
38 | ₹{product.price}
39 |
40 |
42 |
72 |
43 |
51 |
52 | {product.quantity}
53 |
54 |
62 |
63 |
71 |
94 |
101 | );
102 | };
103 |
104 | export default ProductPage;
105 |
--------------------------------------------------------------------------------
/components/cart/CartOrderTable.tsx:
--------------------------------------------------------------------------------
1 | import CartProductCard from "@/components/cart/CartProductCard";
2 | import {
3 | Table,
4 | TableBody,
5 | TableCell,
6 | TableFooter,
7 | TableHead,
8 | TableHeader,
9 | TableRow,
10 | } from "@/components/ui/table";
11 | import { useCartStore } from "@/store/useCartStore";
12 | import { useShallow } from "zustand/shallow";
13 |
14 | export default function CartOrderTable() {
15 | const [cart, removeFromCart, addToCart, deleteFromCart, totalAmount] =
16 | useCartStore(
17 | useShallow((state) => [
18 | state.cart,
19 | state.removeFromCart,
20 | state.addToCart,
21 | state.deleteFromCart,
22 | state.totalAmount,
23 | ]),
24 | );
25 | return (
26 |
27 |
85 | );
86 | }
87 |
--------------------------------------------------------------------------------
/components/ui/table.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 |
3 | import { cn } from "@/lib/utils"
4 |
5 | const Table = React.forwardRef<
6 | HTMLTableElement,
7 | React.HTMLAttributesCart
28 | {cart.length > 0 ? ( 29 |
30 |
81 | ) : (
82 | Empty Cart
83 | )}
84 |
31 | {cart.map((product, index: number) => (
32 |
41 |
42 |
44 |
79 |
80 | Order Summary
43 |
10 |
15 |
16 | ))
17 | Table.displayName = "Table"
18 |
19 | const TableHeader = React.forwardRef<
20 | HTMLTableSectionElement,
21 | React.HTMLAttributes161 | {body} 162 |
163 | ) 164 | }) 165 | FormMessage.displayName = "FormMessage" 166 | 167 | export { 168 | useFormField, 169 | Form, 170 | FormItem, 171 | FormLabel, 172 | FormControl, 173 | FormDescription, 174 | FormMessage, 175 | FormField, 176 | } 177 | -------------------------------------------------------------------------------- /components/ui/toast.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react" 2 | import * as ToastPrimitives from "@radix-ui/react-toast" 3 | import { cva, type VariantProps } from "class-variance-authority" 4 | import { X } from "lucide-react" 5 | 6 | import { cn } from "@/lib/utils" 7 | 8 | const ToastProvider = ToastPrimitives.Provider 9 | 10 | const ToastViewport = React.forwardRef< 11 | React.ElementRef
87 |
96 | ))
97 | NavigationMenuViewport.displayName =
98 | NavigationMenuPrimitive.Viewport.displayName
99 |
100 | const NavigationMenuIndicator = React.forwardRef<
101 | React.ElementRefReturn and Refund Policy
7 |Handcrafted Products
9 |10 | At Aman Enterprise, we take pride in offering handcrafted products, 11 | where slight differences in detailing may occur. These minor printing 12 | and weaving irregularities contribute to the uniqueness and beauty of 13 | each handcrafted bag and cannot be labeled as defects. 14 |
15 |Color Fastness
19 |20 | We do not provide guarantees on color fastness. Natural colors, such 21 | as indigo, may bleed during the first wash. Therefore, we do not offer 22 | refunds or exchanges in such cases. 23 |
24 |Care Instructions
28 |29 | Handmade bags require special care to preserve their beauty and 30 | strength. We recommend reading our instruction manual for washing and 31 | care before using the bags. Requests for bag replacement or refund 32 | will not be considered valid if incorrect washing and caring methods 33 | cause damage. 34 |
35 |Customer Satisfaction
39 |40 | Your satisfaction is of utmost importance to us. If you are not 41 | satisfied with your purchase, we are prepared to replace the product 42 | when the parameters of our return policy are met. 43 |
44 |In the Uncommon Occurrence That
48 |-
49 |
- 50 | Wrong product has been delivered to you (i.e., the size or color 51 | differs from the option you selected). 52 | 53 |
- The product you have received is defective. 54 |
- 55 | Minor differences due to monitor settings should be measured as 56 | normal and are not subject to return. 57 | 58 |
Steps to Notify Us
63 |64 | Please notify us immediately by following the steps below: 65 |
66 |-
67 |
- 68 | Send an email to{" "} 69 | ${OWNER_EMAIL} along with a 70 | photo of the damaged product. 71 | 72 |
- 73 | A Returns and Exchanges form is also required with necessary 74 | information. (To download a form click here) 75 | 76 |
Return Procedure
81 |-
82 |
- 83 | Goods are returnable within 48 hours of receiving, provided they 84 | contain the original tags and sales invoice and are in unused 85 | condition. 86 | 87 |
- 88 | Choose any trusted courier service or place a pickup request with 89 | our courier partner. Our team will coordinate the process if the 90 | service is available in your area. 91 | 92 |
- 93 | Safely package the return packets to eliminate chances of further 94 | damage during transit. Refunds and replacements will be void on 95 | arrival of damaged products. 96 | 97 |
After Receiving the Package
102 |103 | Our team will decide whether the product is eligible for refunds or 104 | replacement and inform you via email. 105 |
106 |-
107 |
- 108 | If eligible for return, the item will be replaced free of cost 109 | (subject to availability), or the cost of the goods (excluding 110 | freight charges) will be refunded to the credit/debit card used for 111 | purchasing. 112 | 113 |
- 114 | Freight charges for returning the goods will be deducted based on 115 | our predetermined tariff, depending on your location. If our courier 116 | partner is involved, no additional payments are required for the 117 | service. 118 | 119 |
- 120 | If the product is deemed unfit for return, goods will be delivered 121 | back to you. 122 | 123 |
Processing Time
128 |129 | It may take up to 10 days from our end to process and close a 130 | refund/replacement issue. 131 |
132 |133 | Allow one billing cycle for credits issued to your debit/credit card 134 | to appear on your statement. 135 |
136 |137 | The issuing bank manages the cardholder's account. We are not 138 | responsible for any delays in the amount being credited to a bank 139 | account. The time taken for the refund to appear on the 140 | cardholder's account may vary depending on the bank. 141 |
142 |
145 | {children}
146 |
147 |
161 |
170 |
171 | )
172 | })
173 | CarouselContent.displayName = "CarouselContent"
174 |
175 | const CarouselItem = React.forwardRef<
176 | HTMLDivElement,
177 | React.HTMLAttributes
84 |
221 |