From 8fc561fdd102e15ce1580795030e191aa0011aa9 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 06:17:41 +0000 Subject: [PATCH 1/5] Update src/app/cart/page.tsx --- src/app/cart/page.tsx | 35 +++++++++++++++++++---------------- 1 file changed, 19 insertions(+), 16 deletions(-) diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx index 2f7fda4..7c8e45b 100644 --- a/src/app/cart/page.tsx +++ b/src/app/cart/page.tsx @@ -3,10 +3,23 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; import FooterCard from "@/components/sections/footer/FooterCard"; -import { Instagram, Twitter, TikTok, Youtube, Trash2, Plus, Minus } from "lucide-react"; +import { Instagram, Twitter, Youtube, Trash2, Plus, Minus } from "lucide-react"; import Link from "next/link"; import { useState } from "react"; +const TikTok = (props: React.SVGProps) => ( + + + +); + export default function CartPage() { const navItems = [ { name: "Shop", id: "products" }, @@ -18,23 +31,13 @@ export default function CartPage() { const [cartItems, setCartItems] = useState([ { - id: "1", - name: "Classic Black Hoodie", - price: 89.99, + id: "1", name: "Classic Black Hoodie", price: 89.99, quantity: 2, - size: "L", - color: "Black", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-hoodie-indoors_23-2149359859.jpg?_wi=3", - }, + size: "L", color: "Black", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-hoodie-indoors_23-2149359859.jpg"}, { - id: "2", - name: "Vintage Denim Jacket", - price: 129.99, + id: "2", name: "Vintage Denim Jacket", price: 129.99, quantity: 1, - size: "M", - color: "Indigo", - imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-wearing-denim-jacket_23-2148859621.jpg?_wi=4", - }, + size: "M", color: "Indigo", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-wearing-denim-jacket_23-2148859621.jpg"}, ]); const handleQuantityChange = (id: string, change: number) => { @@ -223,7 +226,7 @@ export default function CartPage() { socialLinks={[ { icon: Instagram, href: "https://instagram.com/umbra", ariaLabel: "Instagram" }, { icon: Twitter, href: "https://twitter.com/umbra", ariaLabel: "Twitter" }, - { icon: TikTok, href: "https://tiktok.com/@umbra", ariaLabel: "TikTok" }, + { icon: TikTok as React.ComponentType>, href: "https://tiktok.com/@umbra", ariaLabel: "TikTok" }, { icon: Youtube, href: "https://youtube.com/@umbra", ariaLabel: "YouTube" }, ]} /> -- 2.49.1 From 747fe9e5ba0cf576f46153243035242bd7b090a3 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 06:17:42 +0000 Subject: [PATCH 2/5] Update src/app/page.tsx --- src/app/page.tsx | 198 +++++++++-------------------------------------- 1 file changed, 38 insertions(+), 160 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 54d13e8..46d2889 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -37,7 +37,7 @@ export default function HomePage() { const socialLinks = [ { icon: Instagram, href: "https://instagram.com/umbra", ariaLabel: "Instagram" }, { icon: Twitter, href: "https://twitter.com/umbra", ariaLabel: "Twitter" }, - { icon: TikTok, href: "https://tiktok.com/@umbra", ariaLabel: "TikTok" }, + { icon: TikTok as React.ComponentType>, href: "https://tiktok.com/@umbra", ariaLabel: "TikTok" }, { icon: Youtube, href: "https://youtube.com/@umbra", ariaLabel: "YouTube" }, ]; @@ -73,25 +73,15 @@ export default function HomePage() { background={{ variant: "plain" }} mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cool-man-with-electric-scooter_23-2149356776.jpg?_wi=1", - imageAlt: "Urban streetwear model wearing black jacket", - }, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cool-man-with-electric-scooter_23-2149356776.jpg", imageAlt: "Urban streetwear model wearing black jacket"}, { - imageSrc: "http://img.b2bpic.net/free-psd/flat-design-sale-template-flyer_23-2149201123.jpg", - imageAlt: "Casual apparel collection flat lay", - }, + imageSrc: "http://img.b2bpic.net/free-psd/flat-design-sale-template-flyer_23-2149201123.jpg", imageAlt: "Casual apparel collection flat lay"}, { - imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-sitting-bench-central-part-old-city_1153-5758.jpg?_wi=1", - imageAlt: "Model wearing premium hoodie and jeans", - }, + imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-sitting-bench-central-part-old-city_1153-5758.jpg", imageAlt: "Model wearing premium hoodie and jeans"}, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-stylish-blond-smiling-woman-straw-red-hat-blouse-summer-fashion-outfit-with-smile-sensual_285396-8365.jpg?_wi=1", - imageAlt: "Streetwear accessories and caps", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-stylish-blond-smiling-woman-straw-red-hat-blouse-summer-fashion-outfit-with-smile-sensual_285396-8365.jpg", imageAlt: "Streetwear accessories and caps"}, { - imageSrc: "http://img.b2bpic.net/free-photo/neighborhood-lifestyle-friends_23-2149746741.jpg", - imageAlt: "Dynamic street style photography", - }, + imageSrc: "http://img.b2bpic.net/free-photo/neighborhood-lifestyle-friends_23-2149746741.jpg", imageAlt: "Dynamic street style photography"}, ]} buttons={[ { text: "Shop Now", href: "/shop" }, @@ -111,47 +101,17 @@ export default function HomePage() { tagIcon={TrendingUp} products={[ { - id: "1", - name: "Classic Black Hoodie", - price: "$89.99", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-hoodie-indoors_23-2149359859.jpg?_wi=1", - imageAlt: "Classic black oversized hoodie", - }, + id: "1", name: "Classic Black Hoodie", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-hoodie-indoors_23-2149359859.jpg", imageAlt: "Classic black oversized hoodie"}, { - id: "2", - name: "Vintage Denim Jacket", - price: "$129.99", - imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-wearing-denim-jacket_23-2148859621.jpg?_wi=1", - imageAlt: "Vintage style denim jacket", - }, + id: "2", name: "Vintage Denim Jacket", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-wearing-denim-jacket_23-2148859621.jpg", imageAlt: "Vintage style denim jacket"}, { - id: "3", - name: "Cargo Pants - Khaki", - price: "$79.99", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432334.jpg?_wi=1", - imageAlt: "Multi-pocket cargo pants in khaki", - }, + id: "3", name: "Cargo Pants - Khaki", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432334.jpg", imageAlt: "Multi-pocket cargo pants in khaki"}, { - id: "4", - name: "Oversized T-Shirt", - price: "$49.99", - imageSrc: "http://img.b2bpic.net/free-photo/teenager-boy-stylish-clothes-posing_23-2149085228.jpg?_wi=1", - imageAlt: "Oversized premium cotton t-shirt", - }, + id: "4", name: "Oversized T-Shirt", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/teenager-boy-stylish-clothes-posing_23-2149085228.jpg", imageAlt: "Oversized premium cotton t-shirt"}, { - id: "5", - name: "Leather Baseball Cap", - price: "$39.99", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-charming-woman-red-beret-with-red-lips-sitting-outdoor-terrace_291650-520.jpg?_wi=1", - imageAlt: "Premium leather baseball cap", - }, + id: "5", name: "Leather Baseball Cap", price: "$39.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-charming-woman-red-beret-with-red-lips-sitting-outdoor-terrace_291650-520.jpg", imageAlt: "Premium leather baseball cap"}, { - id: "6", - name: "Track Pants - Forest", - price: "$69.99", - imageSrc: "http://img.b2bpic.net/free-photo/two-female-athlete-stretching-her-leg-steps_23-2147905354.jpg?_wi=1", - imageAlt: "Comfortable track pants forest green", - }, + id: "6", name: "Track Pants - Forest", price: "$69.99", imageSrc: "http://img.b2bpic.net/free-photo/two-female-athlete-stretching-her-leg-steps_23-2147905354.jpg", imageAlt: "Comfortable track pants forest green"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -169,33 +129,17 @@ export default function HomePage() { tag="Premium Quality" features={[ { - id: "1", - title: "Premium Materials & Craftsmanship", - tags: ["Quality", "Durability"], - imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-owner-folding-sweat-shirt_23-2148175678.jpg?_wi=1", - imageAlt: "Premium fabric and construction details", - }, + id: "1", title: "Premium Materials & Craftsmanship", tags: ["Quality", "Durability"], + imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-owner-folding-sweat-shirt_23-2148175678.jpg", imageAlt: "Premium fabric and construction details"}, { - id: "2", - title: "Authentic Streetwear Design", - tags: ["Original", "Trend-Setting"], - imageSrc: "http://img.b2bpic.net/free-photo/side-view-fashion-designers-working-atelier-with-laptop_23-2148846761.jpg?_wi=1", - imageAlt: "Unique streetwear design inspiration", - }, + id: "2", title: "Authentic Streetwear Design", tags: ["Original", "Trend-Setting"], + imageSrc: "http://img.b2bpic.net/free-photo/side-view-fashion-designers-working-atelier-with-laptop_23-2148846761.jpg", imageAlt: "Unique streetwear design inspiration"}, { - id: "3", - title: "Perfect Fit & Sizing", - tags: ["Comfort", "Expert Fit"], - imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924132.jpg?_wi=1", - imageAlt: "Model showing perfect garment fit", - }, + id: "3", title: "Perfect Fit & Sizing", tags: ["Comfort", "Expert Fit"], + imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924132.jpg", imageAlt: "Model showing perfect garment fit"}, { - id: "4", - title: "Fast & Reliable Shipping", - tags: ["Delivery", "Tracking"], - imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-female-courier-blue-uniform-holding-food-delivery-box-white-card-pink-desk-service-uniform-company-worker_140725-36129.jpg", - imageAlt: "Packaged orders ready for delivery", - }, + id: "4", title: "Fast & Reliable Shipping", tags: ["Delivery", "Tracking"], + imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-female-courier-blue-uniform-holding-food-delivery-box-white-card-pink-desk-service-uniform-company-worker_140725-36129.jpg", imageAlt: "Packaged orders ready for delivery"}, ]} animationType="slide-up" textboxLayout="default" @@ -212,65 +156,17 @@ export default function HomePage() { tag="Customer Reviews" testimonials={[ { - id: "1", - name: "Marcus Johnson, Urban Fashion Enthusiast", - date: "Date: 15 January 2025", - title: "Best Quality Streetwear I've Found", - quote: "The attention to detail is incredible. Every piece feels premium and the fit is perfect. I've been ordering from Umbra for months and haven't been disappointed once. This is the real deal for street style.", - tag: "Premium Member", - avatarSrc: "http://img.b2bpic.net/free-photo/front-view-handsome-corporate-man_23-2148336855.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432374.jpg?_wi=1", - }, + id: "1", name: "Marcus Johnson, Urban Fashion Enthusiast", date: "Date: 15 January 2025", title: "Best Quality Streetwear I've Found", quote: "The attention to detail is incredible. Every piece feels premium and the fit is perfect. I've been ordering from Umbra for months and haven't been disappointed once. This is the real deal for street style.", tag: "Premium Member", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-handsome-corporate-man_23-2148336855.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432374.jpg"}, { - id: "2", - name: "Sofia Chen, Streetwear Collector", - date: "Date: 12 January 2025", - title: "Authentic Style, Authentic Quality", - quote: "As someone who's been in the streetwear game for years, I can tell when a brand is genuine. Umbra gets it. The designs are original, the materials are top-notch, and the customer service is exceptional.", - tag: "VIP Customer", - avatarSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/full-length-view-laughing-woman-trench-coat_197531-19713.jpg?_wi=1", - }, + id: "2", name: "Sofia Chen, Streetwear Collector", date: "Date: 12 January 2025", title: "Authentic Style, Authentic Quality", quote: "As someone who's been in the streetwear game for years, I can tell when a brand is genuine. Umbra gets it. The designs are original, the materials are top-notch, and the customer service is exceptional.", tag: "VIP Customer", avatarSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-length-view-laughing-woman-trench-coat_197531-19713.jpg"}, { - id: "3", - name: "Alex Rivera, Fashion Designer", - date: "Date: 08 January 2025", - title: "Setting the Bar for Streetwear", - quote: "From a design perspective, Umbra is doing everything right. The color palettes are bold yet wearable, and the silhouettes are timeless. Their commitment to quality while keeping prices reasonable is impressive.", - tag: "Style Influencer", - avatarSrc: "http://img.b2bpic.net/free-photo/front-view-handsome-corporate-man_23-2148336855.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/woman-editing-her-product-photos_23-2149060884.jpg?_wi=1", - }, + id: "3", name: "Alex Rivera, Fashion Designer", date: "Date: 08 January 2025", title: "Setting the Bar for Streetwear", quote: "From a design perspective, Umbra is doing everything right. The color palettes are bold yet wearable, and the silhouettes are timeless. Their commitment to quality while keeping prices reasonable is impressive.", tag: "Style Influencer", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-handsome-corporate-man_23-2148336855.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-editing-her-product-photos_23-2149060884.jpg"}, { - id: "4", - name: "James Mitchell, Casual Dresser", - date: "Date: 05 January 2025", - title: "Perfect Everyday Wear", - quote: "I'm not into trends, just quality basics. Umbra has become my go-to for reliable, comfortable everyday clothes. Their hoodies and tees have become staples in my wardrobe.", - tag: "Regular Customer", - avatarSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-against-wall-wearing-white-sweater-jeans-knitted-hat-scarf_285396-9224.jpg", - }, + id: "4", name: "James Mitchell, Casual Dresser", date: "Date: 05 January 2025", title: "Perfect Everyday Wear", quote: "I'm not into trends, just quality basics. Umbra has become my go-to for reliable, comfortable everyday clothes. Their hoodies and tees have become staples in my wardrobe.", tag: "Regular Customer", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-against-wall-wearing-white-sweater-jeans-knitted-hat-scarf_285396-9224.jpg"}, { - id: "5", - name: "Priya Patel, Urban Explorer", - date: "Date: 02 January 2025", - title: "Durability That Lasts", - quote: "I wear my Umbra pieces constantly - hiking, traveling, city exploring. They've proven to be incredibly durable and still look fresh months later. Great investment pieces.", - tag: "Adventure Seeker", - avatarSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-backpack_23-2149884276.jpg", - }, + id: "5", name: "Priya Patel, Urban Explorer", date: "Date: 02 January 2025", title: "Durability That Lasts", quote: "I wear my Umbra pieces constantly - hiking, traveling, city exploring. They've proven to be incredibly durable and still look fresh months later. Great investment pieces.", tag: "Adventure Seeker", avatarSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-backpack_23-2149884276.jpg"}, { - id: "6", - name: "David Kim, Minimalist Fashion", - date: "Date: 30 December 2024", - title: "Less is More - Perfectly Executed", - quote: "Umbra understands minimalist streetwear. No unnecessary details, just clean designs in quality materials. Their monochrome collection has been a game-changer for my personal style.", - tag: "Style Curator", - avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-posing-indoors_23-2151038493.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/cool-brunet-bearded-man-sunglasses-beige-shorts-orange-jacket-leans-white-wall-outside-crosses-arms_197531-28761.jpg", - }, + id: "6", name: "David Kim, Minimalist Fashion", date: "Date: 30 December 2024", title: "Less is More - Perfectly Executed", quote: "Umbra understands minimalist streetwear. No unnecessary details, just clean designs in quality materials. Their monochrome collection has been a game-changer for my personal style.", tag: "Style Curator", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-posing-indoors_23-2151038493.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cool-brunet-bearded-man-sunglasses-beige-shorts-orange-jacket-leans-white-wall-outside-crosses-arms_197531-28761.jpg"}, ]} textboxLayout="default" useInvertedBackground={false} @@ -285,41 +181,23 @@ export default function HomePage() { textPosition="left" faqs={[ { - id: "1", - title: "How do I find my correct size?", - content: - "Use our size chart available on every product page. We recommend comparing the measurements with a garment you already own. Sizes typically run true to size, but refer to individual product descriptions for any variations.", - }, + id: "1", title: "How do I find my correct size?", content: + "Use our size chart available on every product page. We recommend comparing the measurements with a garment you already own. Sizes typically run true to size, but refer to individual product descriptions for any variations."}, { - id: "2", - title: "What's the difference between regular and oversized fit?", - content: - "Regular fit follows standard proportions for comfortable everyday wear. Oversized fit is intentionally larger for a relaxed, streetwear aesthetic - typically 2-3 inches wider at the chest and longer in length.", - }, + id: "2", title: "What's the difference between regular and oversized fit?", content: + "Regular fit follows standard proportions for comfortable everyday wear. Oversized fit is intentionally larger for a relaxed, streetwear aesthetic - typically 2-3 inches wider at the chest and longer in length."}, { - id: "3", - title: "Can I exchange items for a different size?", - content: - "Yes, we offer free exchanges within 30 days of purchase. Simply contact our customer service team with your order number, and we'll arrange a quick exchange at no cost.", - }, + id: "3", title: "Can I exchange items for a different size?", content: + "Yes, we offer free exchanges within 30 days of purchase. Simply contact our customer service team with your order number, and we'll arrange a quick exchange at no cost."}, { - id: "4", - title: "How should I care for my Umbra pieces?", - content: - "Most items should be machine washed in cold water on a gentle cycle. Turn items inside out to preserve color and design. Air dry when possible to extend garment lifespan. See individual care labels for specific instructions.", - }, + id: "4", title: "How should I care for my Umbra pieces?", content: + "Most items should be machine washed in cold water on a gentle cycle. Turn items inside out to preserve color and design. Air dry when possible to extend garment lifespan. See individual care labels for specific instructions."}, { - id: "5", - title: "Do you offer international shipping?", - content: - "Yes, we ship to over 50 countries worldwide. Shipping rates and delivery times vary by location. You can calculate shipping costs at checkout before completing your purchase.", - }, + id: "5", title: "Do you offer international shipping?", content: + "Yes, we ship to over 50 countries worldwide. Shipping rates and delivery times vary by location. You can calculate shipping costs at checkout before completing your purchase."}, { - id: "6", - title: "What's your return policy?", - content: - "We offer 30-day returns on all unused items with original packaging. Simply initiate a return through your account, and we'll provide a prepaid shipping label. Refunds are processed within 5-7 business days.", - }, + id: "6", title: "What's your return policy?", content: + "We offer 30-day returns on all unused items with original packaging. Simply initiate a return through your account, and we'll provide a prepaid shipping label. Refunds are processed within 5-7 business days."}, ]} useInvertedBackground={false} animationType="smooth" -- 2.49.1 From 93e1eef66b5392af8425916b4983ecccbd12b3b2 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 06:17:42 +0000 Subject: [PATCH 3/5] Update src/app/product/[id]/page.tsx --- src/app/product/[id]/page.tsx | 272 +++++++++++++--------------------- 1 file changed, 102 insertions(+), 170 deletions(-) diff --git a/src/app/product/[id]/page.tsx b/src/app/product/[id]/page.tsx index 03b64d9..ebdcd37 100644 --- a/src/app/product/[id]/page.tsx +++ b/src/app/product/[id]/page.tsx @@ -2,14 +2,24 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; -import ProductCardOne from "@/components/sections/product/ProductCardOne"; -import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree"; -import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive"; import FooterCard from "@/components/sections/footer/FooterCard"; -import { Instagram, Twitter, TikTok, Youtube } from "lucide-react"; -import Link from "next/link"; +import { Instagram, Twitter, Youtube, ShoppingCart, Heart } from "lucide-react"; +import { useState } from "react"; -export default function ProductDetailPage() { +const TikTok = (props: React.SVGProps) => ( + + + +); + +export default function ProductPage() { const navItems = [ { name: "Shop", id: "products" }, { name: "Collections", id: "collections" }, @@ -18,86 +28,9 @@ export default function ProductDetailPage() { { name: "Contact", id: "contact" }, ]; - const relatedProducts = [ - { - id: "2", - name: "Vintage Denim Jacket", - price: "$129.99", - imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-wearing-denim-jacket_23-2148859621.jpg?_wi=3", - imageAlt: "Vintage style denim jacket", - }, - { - id: "3", - name: "Cargo Pants - Khaki", - price: "$79.99", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432334.jpg?_wi=3", - imageAlt: "Multi-pocket cargo pants in khaki", - }, - { - id: "4", - name: "Oversized T-Shirt", - price: "$49.99", - imageSrc: "http://img.b2bpic.net/free-photo/teenager-boy-stylish-clothes-posing_23-2149085228.jpg?_wi=3", - imageAlt: "Oversized premium cotton t-shirt", - }, - ]; - - const features = [ - { - id: "1", - title: "Premium Materials & Craftsmanship", - tags: ["Quality", "Durability"], - imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-owner-folding-sweat-shirt_23-2148175678.jpg?_wi=2", - imageAlt: "Premium fabric and construction details", - }, - { - id: "2", - title: "Authentic Streetwear Design", - tags: ["Original", "Trend-Setting"], - imageSrc: "http://img.b2bpic.net/free-photo/side-view-fashion-designers-working-atelier-with-laptop_23-2148846761.jpg?_wi=2", - imageAlt: "Unique streetwear design inspiration", - }, - { - id: "3", - title: "Perfect Fit & Sizing", - tags: ["Comfort", "Expert Fit"], - imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924132.jpg?_wi=2", - imageAlt: "Model showing perfect garment fit", - }, - ]; - - const testimonials = [ - { - id: "1", - name: "Marcus Johnson, Urban Fashion Enthusiast", - date: "Date: 15 January 2025", - title: "Best Quality Streetwear I've Found", - quote: "The attention to detail is incredible. Every piece feels premium and the fit is perfect. I've been ordering from Umbra for months and haven't been disappointed once. This is the real deal for street style.", - tag: "Premium Member", - avatarSrc: "http://img.b2bpic.net/free-photo/front-view-handsome-corporate-man_23-2148336855.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432374.jpg?_wi=2", - }, - { - id: "2", - name: "Sofia Chen, Streetwear Collector", - date: "Date: 12 January 2025", - title: "Authentic Style, Authentic Quality", - quote: "As someone who's been in the streetwear game for years, I can tell when a brand is genuine. Umbra gets it. The designs are original, the materials are top-notch, and the customer service is exceptional.", - tag: "VIP Customer", - avatarSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/full-length-view-laughing-woman-trench-coat_197531-19713.jpg?_wi=2", - }, - { - id: "3", - name: "Alex Rivera, Fashion Designer", - date: "Date: 08 January 2025", - title: "Setting the Bar for Streetwear", - quote: "From a design perspective, Umbra is doing everything right. The color palettes are bold yet wearable, and the silhouettes are timeless. Their commitment to quality while keeping prices reasonable is impressive.", - tag: "Style Influencer", - avatarSrc: "http://img.b2bpic.net/free-photo/front-view-handsome-corporate-man_23-2148336855.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/woman-editing-her-product-photos_23-2149060884.jpg?_wi=2", - }, - ]; + const [isFavorited, setIsFavorited] = useState(false); + const [selectedSize, setSelectedSize] = useState("M"); + const [selectedColor, setSelectedColor] = useState("Black"); return ( -
+
-
- - ← Back to Home - - -
-
-
+
+
+ {/* Product Image */} +
+
Classic Black Hoodie
+
- -
- Premium Streetwear -

Classic Black Hoodie

-

$89.99

- -

- Experience ultimate comfort with our signature Classic Black Hoodie. Crafted from premium heavyweight cotton blend, this piece combines authentic streetwear aesthetics with everyday wearability. Perfect for layering or wearing solo. -

+ {/* Product Details */} +
-

Size

-
+

UMBRA COLLECTION

+

Classic Black Hoodie

+
+ $89.99 + $129.99 + 30% OFF +
+
+ +
+

+ Experience ultimate comfort and style with our Classic Black Hoodie. Crafted from premium materials, this versatile piece is perfect for urban exploration. Features a relaxed fit, warm lining, and timeless design that works with any streetwear ensemble. +

+
+ + {/* Size Selection */} +
+ +
{["XS", "S", "M", "L", "XL", "XXL"].map((size) => ( @@ -161,39 +115,51 @@ export default function ProductDetailPage() {
+ {/* Color Selection */}
-

Color

-
- - - + +
+ {["Black", "Grey", "Navy"].map((color) => ( + + ))}
- - - -
-
+ {/* Add to Cart */} +
+ + +
-
-

Product Details

-
-
-

Material

-

100% Premium Cotton Blend with reinforced stitching

-
-
-

Care

-

Machine wash cold. Air dry recommended. Inspect labels carefully.

-
-
-

Fit

-

Oversized relaxed fit. True to size or size down for fitted wear.

+ {/* Product Info */} +
+
+ SKU: + UMBRA-BH-001 +
+
+ Material: + 100% Premium Cotton +
+
+ Care: + Machine wash cold +
@@ -201,40 +167,6 @@ export default function ProductDetailPage() {
-
- -
- -
- -
- -
- -
-