import { Alert } from "@/components/ui/alert"; import { getProductById } from "../data"; import { Icon } from "@/components/ui/icon"; import { Badge } from "@/components/ui/badge"; import CounterButton from "../counter-button"; import { Button } from "@/components/ui/button"; import Image from "next/image"; import { Card, CardContent } from "@/components/ui/card"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import ColorFilter from "./color-filter"; import SizeFilter from "./size-filter"; import { Avatar, AvatarImage } from "@/components/ui/avatar"; import ThumbSliderCom from "./thumb-slider"; import ProductCounterButton from "@/components/ecommarce/product-counter-button"; const ProductDetails = async ({ params: { id }, }: { params: { id: string }; }) => { const product = await getProductById(id); if (!product) return project id is not valid; const lists = [ { id: 1, }, { id: 2, }, { id: 3, }, { id: 4, }, { id: 5, }, { id: 6, }, ]; const lists1 = [ { id: 1, text: "Brand : Easy", }, { id: 2, text: "Material : Cotton", }, { id: 3, text: "Material : Cotton", }, { id: 4, text: "Pattern : Solid Color", }, { id: 5, text: "Collar : Square Neck", }, { id: 6, text: "Color : As given picture", }, { id: 7, text: "Sleeve Length : Long Sleeve", }, ]; const lists2 = [ { id: 1, text: "Plate Type : Slim", }, { id: 2, text: "Sales Channel Type : E-commerce Only Sells Online", }, { id: 3, text: "Material Composition : 100% Cotton", }, { id: 4, text: "Size : M,L,XL", }, { id: 5, text: 'M- long: 29", body: 40"', }, { id: 6, text: 'L- long: 30 ", body: 42"', }, { id: 7, text: 'XL- long: 31", body: 44"', }, ]; return (

{product?.name}

(789 reviews)

Brand:

{product.brand}

Available:

In Stock

{product?.desc}

Price: ${product?.price} {product.oldPrice} 40%
Quantity:
Total Price: $336

Share to:

Description Additional Information

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

    {lists.map((item, i) => (
  • Lorem ipsum dolor sit amet.
  • ))}

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

    {lists1.map((item, i) => (
  • {item.text}
  • ))}
    {lists2.map((item, i) => (
  • {item.text}
  • ))}

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Reviews & Ratings

4.2

/5

(789 reviews)
{" "}

Devied Beakhum

08-03-2023

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna. Lori ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Info:

Verified Purchase

02

00

{" "}

Devied Beakhum

08-03-2023

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna. Lori ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Info:

Verified Purchase

02

00

); }; export default ProductDetails;