feat: adding more information warranty, part number, sku, speciall offers

Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
This commit is contained in:
Chloe
2024-04-25 14:14:20 +07:00
parent e3f564ca77
commit 59c3f07beb
14 changed files with 215 additions and 85 deletions

View File

@@ -0,0 +1,30 @@
import { ShieldCheckIcon } from '@heroicons/react/24/outline';
import Link from 'next/link';
import WarrantySelector from './warranty-selector';
type WarrantyProps = {
productType: string | null;
};
const Warranty = ({ productType }: WarrantyProps) => {
return (
<div className="flex flex-col text-sm">
<div className="mb-3 flex flex-row items-center space-x-2 text-base font-medium">
<ShieldCheckIcon className="h-7 w-7" />
<span> Protect your {productType ?? 'product'}</span>
</div>
<div className="mb-1 flex flex-row items-center space-x-3 divide-x divide-gray-400 leading-none">
<span>Extended Warranty</span>
<Link href="#" className="pl-2 text-blue-800 hover:underline">
What&apos;s Included
</Link>
<Link href="#" className="pl-2 text-blue-800 hover:underline">
Terms & Conditions
</Link>
</div>
<WarrantySelector />
</div>
);
};
export default Warranty;