@alphasquad/saleor-template-advance 0.1.0

package/src/app/utils/svgs/paymentProcessingIcons/paymentFailedIcon.tsx

@@ -0,0 +1,47 @@
+export const PaymentFailedIcon = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={80}
+    height={80}
+    viewBox="0 0 80 80"
+    fill="none"
+  >
+    <rect width={80} height={80} rx={40} fill="#DC2626" fillOpacity="0.1" />
+    <rect
+      x="0.25"
+      y="0.25"
+      width="79.5"
+      height="79.5"
+      rx="39.75"
+      stroke="#DC2626"
+      strokeOpacity="0.6"
+      strokeWidth="0.5"
+    />
+    <path
+      opacity="0.2"
+      d="M40 55C48.2843 55 55 48.2843 55 40C55 31.7157 48.2843 25 40 25C31.7157 25 25 31.7157 25 40C25 48.2843 31.7157 55 40 55Z"
+      fill="#DC2626"
+    />
+    <path
+      d="M45 35L35 45"
+      stroke="#DC2626"
+      strokeWidth="2.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M35 35L45 45"
+      stroke="#DC2626"
+      strokeWidth="2.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M40 55C48.2843 55 55 48.2843 55 40C55 31.7157 48.2843 25 40 25C31.7157 25 25 31.7157 25 40C25 48.2843 31.7157 55 40 55Z"
+      stroke="#DC2626"
+      strokeWidth="2.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);

package/src/app/utils/svgs/pencilIcon.tsx

@@ -0,0 +1,11 @@
+export const PencilIcon = <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clipPath="url(#clip0_1444_102080)">
+        <path d="M7.24141 16.8751H3.75C3.58424 16.8751 3.42527 16.8093 3.30806 16.692C3.19085 16.5748 3.125 16.4159 3.125 16.2501V12.7587C3.12508 12.5932 3.19082 12.4344 3.30781 12.3173L12.9422 2.68291C13.0594 2.56579 13.2183 2.5 13.384 2.5C13.5497 2.5 13.7086 2.56579 13.8258 2.68291L17.3172 6.17198C17.4343 6.28917 17.5001 6.44808 17.5001 6.61377C17.5001 6.77946 17.4343 6.93837 17.3172 7.05557L7.68281 16.6923C7.56569 16.8093 7.40695 16.875 7.24141 16.8751Z" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M10.625 5L15 9.375" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
+    </g>
+    <defs>
+        <clipPath id="clip0_1444_102080">
+            <rect width={20} height={20} fill="white" />
+        </clipPath>
+    </defs>
+</svg>

package/src/app/utils/svgs/plusIcon.tsx

@@ -0,0 +1,25 @@
+export const PlusIcon = (
+  <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clipPath="url(#clip0_1480_106351)">
+      <path
+        d="M3.125 10H16.875"
+        stroke="currentColor"
+        strokeWidth="1.25"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M10 3.125V16.875"
+        stroke="currentColor"
+        strokeWidth="1.25"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_1480_106351">
+        <rect width={20} height={20} fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);

package/src/app/utils/svgs/productInquiryIcon.tsx

@@ -0,0 +1,40 @@
+export const ProductInquiryIcon = (
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clipPath="url(#clip0_2116_69868)">
+      <path
+        opacity="0.2"
+        d="M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z"
+        fill="currentColor"
+      />
+      <path
+        d="M9.375 9.375C9.54076 9.375 9.69973 9.44085 9.81694 9.55806C9.93415 9.67527 10 9.83424 10 10V13.125C10 13.2908 10.0658 13.4497 10.1831 13.5669C10.3003 13.6842 10.4592 13.75 10.625 13.75"
+        stroke="currentColor"
+        strokeWidth="1.25"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z"
+        stroke="currentColor"
+        strokeWidth="1.25"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M9.6875 7.5C10.2053 7.5 10.625 7.08027 10.625 6.5625C10.625 6.04473 10.2053 5.625 9.6875 5.625C9.16973 5.625 8.75 6.04473 8.75 6.5625C8.75 7.08027 9.16973 7.5 9.6875 7.5Z"
+        fill="currentColor"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_2116_69868">
+        <rect width="20" height="20" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);

package/src/app/utils/svgs/searchIcon.tsx

@@ -0,0 +1,31 @@
+export const SearchIcon = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={20}
+    height={20}
+    viewBox="0 0 20 20"
+    fill="none"
+  >
+    <g clipPath="url(#clip0_476_23728)">
+      <path
+        d="M8.75 15C12.2018 15 15 12.2018 15 8.75C15 5.29822 12.2018 2.5 8.75 2.5C5.29822 2.5 2.5 5.29822 2.5 8.75C2.5 12.2018 5.29822 15 8.75 15Z"
+        stroke="currentColor"
+        strokeWidth="1.25"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M13.1696 13.1696L17.5 17.5"
+        stroke="currentColor"
+        strokeWidth="1.25"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_476_23728">
+        <rect width={20} height={20} fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);

package/src/app/utils/svgs/shoppingCart.tsx

@@ -0,0 +1,32 @@
+export const ShoppingCart = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={20}
+    height={20}
+    viewBox="0 0 20 20"
+    fill="none"
+  >
+    <g clipPath="url(#clip0_412_11594)">
+      <path
+        d="M6.875 18.125C7.56536 18.125 8.125 17.5654 8.125 16.875C8.125 16.1846 7.56536 15.625 6.875 15.625C6.18464 15.625 5.625 16.1846 5.625 16.875C5.625 17.5654 6.18464 18.125 6.875 18.125Z"
+        fill="currentColor"
+      />
+      <path
+        d="M15 18.125C15.6904 18.125 16.25 17.5654 16.25 16.875C16.25 16.1846 15.6904 15.625 15 15.625C14.3096 15.625 13.75 16.1846 13.75 16.875C13.75 17.5654 14.3096 18.125 15 18.125Z"
+        fill="currentColor"
+      />
+      <path
+        d="M1.25 2.5H3.125L5.99609 12.8344C6.06916 13.0976 6.22643 13.3296 6.44384 13.4949C6.66126 13.6603 6.92685 13.7499 7.2 13.75H14.9219C15.1952 13.7501 15.4609 13.6605 15.6785 13.4952C15.8961 13.3298 16.0535 13.0977 16.1266 12.8344L18.125 5.625H3.99297"
+        stroke="currentColor"
+        strokeWidth="1.25"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_412_11594">
+        <rect width={20} height={20} fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);

package/src/app/utils/svgs/spinnerIcon.tsx

@@ -0,0 +1,22 @@
+export const SpinnerIcon = (
+<svg
+  className="animate-spin size-6 "
+  xmlns="http://www.w3.org/2000/svg"
+  fill="none"
+  viewBox="0 0 24 24"
+>
+  <circle
+    className="opacity-25"
+    cx="12"
+    cy="12"
+    r="10"
+    stroke="currentColor"
+    strokeWidth="4"
+  ></circle>
+  <path
+    className="opacity-75"
+    fill="currentColor"
+    d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+  ></path>
+</svg>
+)

package/src/app/utils/svgs/spinnerLoadingIcon.tsx

@@ -0,0 +1,26 @@
+import { cn } from "../functions"
+
+export const SpinnerLoadingIcon = ({ className }: { className?: string }) => {
+    return (
+        <svg
+            className={cn('animate-spin size-4 text-white', className)}
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+        >
+            <circle
+                className="opacity-25"
+                cx="12"
+                cy="12"
+                r="10"
+                stroke="currentColor"
+                strokeWidth="4"
+            />
+            <path
+                className="opacity-75"
+                fill="currentColor"
+                d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+            />
+        </svg>
+    )
+}

package/src/app/utils/svgs/successTickIcon.tsx

@@ -0,0 +1,40 @@
+export const SuccessTickIcon = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={80}
+    height={80}
+    viewBox="0 0 80 80"
+    fill="none"
+  >
+    <rect width={80} height={80} rx={40} fill="#16A34A" fillOpacity="0.1" />
+    <rect
+      x="0.25"
+      y="0.25"
+      width="79.5"
+      height="79.5"
+      rx="39.75"
+      stroke="#16A34A"
+      strokeOpacity="0.6"
+      strokeWidth="0.5"
+    />
+    <path
+      opacity="0.2"
+      d="M40 55C48.2843 55 55 48.2843 55 40C55 31.7157 48.2843 25 40 25C31.7157 25 25 31.7157 25 40C25 48.2843 31.7157 55 40 55Z"
+      fill="#16A34A"
+    />
+    <path
+      d="M33.75 41.25L37.5 45L46.25 36.25"
+      stroke="#16A34A"
+      strokeWidth="2.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M40 55C48.2843 55 55 48.2843 55 40C55 31.7157 48.2843 25 40 25C31.7157 25 25 31.7157 25 40C25 48.2843 31.7157 55 40 55Z"
+      stroke="#16A34A"
+      strokeWidth="2.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);

package/src/app/utils/svgs/swiperArrowIconLeft.tsx

@@ -0,0 +1,18 @@
+export const SwiperArrowIconLeft = (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+    <g clipPath="url(#clip0_441_13496)">
+      <path
+        d="M15 19.5L7.5 12L15 4.5"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_441_13496">
+        <rect width={24} height={24} fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);

package/src/app/utils/svgs/swiperArrowIconRight.tsx

@@ -0,0 +1,18 @@
+export const SwiperArrowIconRight = (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+    <g clipPath="url(#clip0_441_13493)">
+      <path
+        d="M9 4.5L16.5 12L9 19.5"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_441_13493">
+        <rect width={24} height={24} fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);

package/src/app/utils/svgs/userProfileIcon.tsx

@@ -0,0 +1,31 @@
+export const UserProfileIcon = (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={20}
+    height={20}
+    viewBox="0 0 20 20"
+    fill="none"
+  >
+    <g clipPath="url(#clip0_476_23733)">
+      <path
+        d="M10 12.5C12.7614 12.5 15 10.2614 15 7.5C15 4.73858 12.7614 2.5 10 2.5C7.23858 2.5 5 4.73858 5 7.5C5 10.2614 7.23858 12.5 10 12.5Z"
+        stroke="currentColor"
+        strokeWidth="1.25"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M2.5 16.875C4.01328 14.2602 6.76172 12.5 10 12.5C13.2383 12.5 15.9867 14.2602 17.5 16.875"
+        stroke="currentColor"
+        strokeWidth="1.25"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_476_23733">
+        <rect width={20} height={20} fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);

package/src/app/utils/svgs/warningCircleIcon.tsx

@@ -0,0 +1,15 @@
+export const WarningCircleIcon = (
+<svg xmlns="http://www.w3.org/2000/svg" width={20} height={20} viewBox="0 0 20 20" fill="none">
+  <g clipPath="url(#clip0_1487_106428)">
+    <path opacity="0.2" d="M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z" fill="#DC2626" />
+    <path d="M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z" stroke="#DC2626" strokeWidth="1.25" strokeMiterlimit={10} />
+    <path d="M10 10.625V6.25" stroke="#DC2626" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
+    <path d="M10 14.375C10.5178 14.375 10.9375 13.9553 10.9375 13.4375C10.9375 12.9197 10.5178 12.5 10 12.5C9.48223 12.5 9.0625 12.9197 9.0625 13.4375C9.0625 13.9553 9.48223 14.375 10 14.375Z" fill="#DC2626" />
+  </g>
+  <defs>
+    <clipPath id="clip0_1487_106428">
+      <rect width={20} height={20} fill="white" />
+    </clipPath>
+  </defs>
+</svg>
+);

package/src/app/warranty/constant.tsx

@@ -0,0 +1,63 @@
+export const warrantySections = 
+  {
+    title: "TERMS & CONDITIONS FOR WARRANTY",
+    description: (
+      <>
+        AERO Exhaust has pledged to deliver high-quality performance exhaust
+        products to performance enthusiasts all over the world. Most
+        importantly, we&rsquo;re committed to delivering the ultimate customer
+        experience on all levels. Premium quality, a positive user experience,
+        and standing behind our products which are backed by a lifetime limited
+        warranty. AERO Exhaust warrants that all AERO Exhaust products are free
+        from manufacturer material and workmanship defects. AERO Exhaust extends
+        the following lifetime limited warranty to the original purchaser of its
+        products, warranty guidelines are as follows:<br/><br/>
+        •Stainless Steel Exhaust
+        Systems: Lifetime limited warranty applies to all 304-grade stainless
+        steel exhaust systems/kits against manufacturing defects.<br/><br/>
+        •Stainless
+        Steel Mufflers: Lifetime limited warranty applies to all 304-grade
+        stainless steel performance mufflers against manufacturing defects.<br/><br/>
+        •Accessories: Lifetime limited warranty applies to all 304-grade
+        stainless steel exhaust tips, resonators, crossover pipes and direct-fit
+        tailpipes against manufacturing defects.<br/><br/>
+        This warranty does not apply to
+        any AERO Exhaust product which has been installed on any commercial or
+        racing application. Exclusions also encompass but are not limited to
+        product improperly installed, altered product, product subjected to
+        misusage or damage, a misused product from an accident, collision,
+        undercarriage road impact and/or debris. This warranty policy shall not
+        apply to normal wear, cosmetic issues such as coatings and material
+        discoloration. This warranty policy does not cover or include the cost
+        of removal, labor, reinstallation of any product, outside service(s), a
+        product(s) from another manufacturer, transportation or towing costs,
+        shipping expenses, and/or installer services. Due to the variations per
+        application and sound being subjective, this warranty policy does not
+        warrant sound. This warranty is nontransferable.<br/><br/>
+        To properly submit a claim for warranty under the terms of this 
+        limited warranty policy, the
+        original product purchaser must file a warranty claim through the
+        initial retailer/seller. All warranty submissions will require the
+        original proof of purchase during the time of claim submission. The
+        original exhaust product must also be returned (any freight prepaid) and
+        exchanged for a new exhaust product of the same part number. All returns
+        must have a Return Material Authorization (RMA) number issued by AERO
+        Exhaust before defective product being returned. If the product was
+        purchased directly from AERO Exhaust the warranty claim must be
+        submitted online via aeroexhaust.com/warranty. We will repair any
+        product that proves to be defective in materials or workmanship defects.
+        If the repair is not possible, we will either replace your product with
+        a new product of similar composition and price or refund the full
+        purchase price of your product, at our sole discretion. There is no
+        charge for inspection.<br/><br/>
+        In no event shall AERO Exhaust be held liable for
+        any direct, indirect, special, incidental or consequential losses and/or
+        damages. Including but not limited to interruption of business, loss of
+        business, and/or loss of profit. Some states do not allow the exclusion
+        or limitation of incidental or consequential damages, so the above
+        limitation or exclusion may not apply to you. You may also have other
+        rights which may vary from state to state. For more warranty information
+        please contact us at 801.301.0408 or via email at sales@aeroexhaust.com
+      </>
+    ),
+  };

package/src/app/warranty/loading.tsx

@@ -0,0 +1,17 @@
+import ContentSkeleton from "@/app/components/skeletons/ContentSkeleton"
+
+export default function Loading() {
+  return (
+    <main className="h-full w-full">
+      <div className="container mx-auto max-w-[1276px]">
+        <div className="flex flex-col items-start w-full py-24">
+          <div className="flex flex-col items-start gap-5 mb-6 w-full">
+            <div className="h-5 w-24 bg-[var(--color-secondary-800)]/30 rounded" />
+            <div className="h-9 w-64 bg-[var(--color-secondary-800)]/30 rounded" />
+          </div>
+          <ContentSkeleton />
+        </div>
+      </div>
+    </main>
+  )
+}

package/src/app/warranty/page.tsx

@@ -0,0 +1,56 @@
+import AncillaryContent from "@/app/components/ancillary/AncillaryContent";
+import ContentSkeleton from "@/app/components/skeletons/ContentSkeleton";
+import { getStoreName } from "@/app/utils/branding";
+import type { Metadata } from "next";
+import { Suspense } from "react";
+import Breadcrumb from "../components/reuseableUI/breadcrumb";
+import Heading from "../components/reuseableUI/heading";
+
+export const metadata: Metadata = {
+  title: `Warranty - ${getStoreName()}`,
+  description: `Learn about warranty coverage for products purchased from ${getStoreName()}. Understand your protection and claims process.`,
+  alternates: {
+    canonical: "/warranty",
+  },
+  openGraph: {
+    title: `Warranty - ${getStoreName()}`,
+    description: `Learn about warranty coverage for products purchased from ${getStoreName()}. Understand your protection and claims process.`,
+    type: "website",
+    url: "/warranty",
+    images: [{ url: "/Logo.png" }],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: `Warranty - ${getStoreName()}`,
+    description: `Learn about warranty coverage for products purchased from ${getStoreName()}. Understand your protection and claims process.`,
+    images: ["/Logo.png"],
+  },
+};
+
+export default function WarrantyPage() {
+  const derivedTitle = "Warranty";
+
+  return (
+    <main className="h-full w-full">
+      <div className="container mx-auto max-w-[1276px]">
+        <div className="flex flex-col items-start w-full px-4 md:px-6 py-12 md:py-16 lg:py-24">
+          <div className="flex flex-col items-start gap-5 mb-6 w-full">
+            <Breadcrumb
+              items={[
+                { text: "Home", link: "/" },
+                { text: "Warranty", link: "/warranty" },
+              ]}
+            />
+            <Heading as="h1" content={derivedTitle} />
+          </div>
+
+          <section className="w-full">
+            <Suspense fallback={<ContentSkeleton />}>
+              <AncillaryContent slug="warranty" />
+            </Suspense>
+          </section>
+        </div>
+      </div>
+    </main>
+  );
+}