From 5896a7404e4d5ecca4459a00ee9cabce3018c19f Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 23 Mar 2026 11:21:52 +0000 Subject: [PATCH 1/2] Add src/app/collections/page.tsx --- src/app/collections/page.tsx | 117 +++++++++++++++++++++++++++++++++++ 1 file changed, 117 insertions(+) create mode 100644 src/app/collections/page.tsx diff --git a/src/app/collections/page.tsx b/src/app/collections/page.tsx new file mode 100644 index 0000000..788cd45 --- /dev/null +++ b/src/app/collections/page.tsx @@ -0,0 +1,117 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import { MessageCircle } from "lucide-react"; // Import for Navbar if it has a button icon, or for any other component requiring it. + +export default function CollectionsPage() { + return ( + + + + +
+ +
+ + + + + ); +} -- 2.49.1 From 1d51525673b2fdf85cd4d0d2e1f1dbd4333a33c4 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 23 Mar 2026 11:21:53 +0000 Subject: [PATCH 2/2] Update src/app/page.tsx --- src/app/page.tsx | 290 ++++++++++++----------------------------------- 1 file changed, 70 insertions(+), 220 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 4a524f6..c798f75 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,50 +33,39 @@ export default function LandingPage() {
@@ -89,68 +78,26 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "product-jacket-1", - brand: "Noir Leather", - name: "Obsidian Biker Jacket", - price: "$899", - rating: 5, - reviewCount: "24", - imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-blonde-caucasian-stylish-woman-french-cap-blazer-shorts-outdoor-outside-villa_343596-2189.jpg", - imageAlt: "Black leather biker jacket", - }, + id: "product-jacket-1", brand: "ZerxHide", name: "Obsidian Biker Jacket", price: "$899", rating: 5, + reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-blonde-caucasian-stylish-woman-french-cap-blazer-shorts-outdoor-outside-villa_343596-2189.jpg", imageAlt: "Black leather biker jacket"}, { - id: "product-bag-1", - brand: "Noir Leather", - name: "Shadow Messenger Bag", - price: "$459", - rating: 4.8, - reviewCount: "18", - imageSrc: "http://img.b2bpic.net/free-photo/leather-briefcase_181624-11875.jpg", - imageAlt: "Stylish leather messenger bag", - }, + id: "product-bag-1", brand: "ZerxHide", name: "Shadow Messenger Bag", price: "$459", rating: 4.8, + reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/leather-briefcase_181624-11875.jpg", imageAlt: "Stylish leather messenger bag"}, { - id: "product-belt-1", - brand: "Noir Leather", - name: "Gothic Buckle Belt", - price: "$129", - rating: 4.9, - reviewCount: "30", - imageSrc: "http://img.b2bpic.net/free-photo/bicycle-alternative-transport-woman-it_23-2148760903.jpg", - imageAlt: "Dark leather belt with metallic buckle", - }, + id: "product-belt-1", brand: "ZerxHide", name: "Gothic Buckle Belt", price: "$129", rating: 4.9, + reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/bicycle-alternative-transport-woman-it_23-2148760903.jpg", imageAlt: "Dark leather belt with metallic buckle"}, { - id: "product-gloves-1", - brand: "Noir Leather", - name: "Driving Gauntlets", - price: "$199", - rating: 4.7, - reviewCount: "15", - imageSrc: "http://img.b2bpic.net/free-photo/woman-shoes-close-up_1303-12941.jpg", - imageAlt: "Black leather driving gloves", - }, + id: "product-gloves-1", brand: "ZerxHide", name: "Driving Gauntlets", price: "$199", rating: 4.7, + reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/woman-shoes-close-up_1303-12941.jpg", imageAlt: "Black leather driving gloves"}, { - id: "product-wallet-1", - brand: "Noir Leather", - name: "Minimalist Wallet", - price: "$99", - rating: 5, - reviewCount: "40", - imageSrc: "http://img.b2bpic.net/free-photo/leather-handbag-with-book_23-2147615113.jpg", - imageAlt: "Minimalist black leather wallet", - }, + id: "product-wallet-1", brand: "ZerxHide", name: "Minimalist Wallet", price: "$99", rating: 5, + reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/leather-handbag-with-book_23-2147615113.jpg", imageAlt: "Minimalist black leather wallet"}, { - id: "product-boots-1", - brand: "Noir Leather", - name: "Ankle Dominator Boots", - price: "$679", - rating: 4.9, - reviewCount: "12", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brown-haired-stylish-girl-black-dress-outdoor-young-attractive-elegant-woman-portrait-with-long-hair-springtime-city-streets_1328-4483.jpg", - imageAlt: "Black leather ankle boots", - }, + id: "product-boots-1", brand: "ZerxHide", name: "Ankle Dominator Boots", price: "$679", rating: 4.9, + reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brown-haired-stylish-girl-black-dress-outdoor-young-attractive-elegant-woman-portrait-with-long-hair-springtime-city-streets_1328-4483.jpg", imageAlt: "Black leather ankle boots"}, ]} - title="Curated Collections" - description="Explore our latest handcrafted leather jackets, bags, and accessories. Each piece a statement of quality and unique style." + title="Signature ZerxHide Collections" + description="Explore our latest handcrafted leather jackets, bags, and accessories. Each ZerxHide piece is a statement of quality and unique style." /> @@ -159,19 +106,13 @@ export default function LandingPage() { useInvertedBackground={false} heading={[ { - type: "text", - content: "The Art of Handcrafting: ", - }, + type: "text", content: "ZerxHide: "}, { - type: "text", - content: "Our Legacy in Leather", - }, + type: "text", content: "The Legacy of Premium Leather Craftsmanship"}, ]} buttons={[ { - text: "Learn More", - href: "/about", - }, + text: "Learn More", href: "/about"}, ]} /> @@ -183,28 +124,16 @@ export default function LandingPage() { features={[ { id: 1, - title: "Premium Grade Leather", - description: "Sourced from the finest tanneries, our full-grain leather ensures unparalleled durability and a luxurious feel that ages beautifully.", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-leather-arrangement_23-2148897979.jpg", - imageAlt: "Close-up of premium leather texture", - }, + title: "Premium Grade Leather", description: "Sourced from the finest tanneries globally, our full-grain leather ensures unparalleled durability and a luxurious feel that ages beautifully with every ZerxHide product.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-leather-arrangement_23-2148897979.jpg", imageAlt: "Close-up of premium leather texture"}, { id: 2, - title: "Exclusive Design Aesthetic", - description: "Our 'Modern Noir' aesthetic combines classic craftsmanship with avant-garde influences, creating truly distinctive and timeless pieces.", - imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-8222.jpg", - imageAlt: "Abstract design sketch", - }, + title: "Exclusive Design Aesthetic", description: "Our unique aesthetic blends classic craftsmanship with contemporary design, creating truly distinctive and timeless ZerxHide pieces that stand out.", imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-8222.jpg", imageAlt: "Abstract design sketch"}, { id: 3, - title: "Heavy Duty Hardware", - description: "Each buckle, stud, and zipper is chosen for its robustness and aesthetic appeal, ensuring both functionality and a bold visual impact.", - imageSrc: "http://img.b2bpic.net/free-photo/close-briefcase-close_1160-463.jpg", - imageAlt: "Close-up of metallic hardware on leather", - }, + title: "Heavy Duty Hardware", description: "Every buckle, stud, and zipper in ZerxHide products is chosen for its robustness and aesthetic appeal, ensuring both functionality and a bold visual impact.", imageSrc: "http://img.b2bpic.net/free-photo/close-briefcase-close_1160-463.jpg", imageAlt: "Close-up of metallic hardware on leather"}, ]} - title="Unrivaled Quality and Design" - description="Every Noir Leather piece is a testament to meticulous craftsmanship and innovative design, built to last and to make a statement." + title="ZerxHide: Unrivaled Quality and Design" + description="Every ZerxHide piece is a testament to meticulous craftsmanship and innovative design, built to last and to make a statement of luxury." /> @@ -215,40 +144,16 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Eleanor Vance", - role: "Fashion Critic", - testimonial: "Noir Leather has truly captured the essence of modern alternative fashion. The craftsmanship is impeccable, and every piece feels like a work of art.", - imageSrc: "http://img.b2bpic.net/free-photo/stylish-brunette-girl-wear-leather-jacket-shorts-with-backpack-glasses-against-orange-wall-shadows-looking-mobile-cell-phone_627829-8006.jpg", - imageAlt: "Eleanor Vance", - }, + id: "1", name: "Eleanor Vance", role: "Fashion Critic", testimonial: "ZerxHide has truly captured the essence of modern alternative fashion. The craftsmanship is impeccable, and every piece feels like a work of art.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-brunette-girl-wear-leather-jacket-shorts-with-backpack-glasses-against-orange-wall-shadows-looking-mobile-cell-phone_627829-8006.jpg", imageAlt: "Eleanor Vance"}, { - id: "2", - name: "Marcus Kaine", - role: "Designer", - testimonial: "The attention to detail, from the leather texture to the hardware, is exceptional. These are investment pieces that elevate any wardrobe.", - imageSrc: "http://img.b2bpic.net/free-photo/young-man-leaning-glass-window-using-cellphone_23-2147955454.jpg", - imageAlt: "Marcus Kaine", - }, + id: "2", name: "Marcus Kaine", role: "Designer", testimonial: "The attention to detail, from the leather texture to the hardware, is exceptional. These are investment pieces that elevate any wardrobe.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-leaning-glass-window-using-cellphone_23-2147955454.jpg", imageAlt: "Marcus Kaine"}, { - id: "3", - name: "Seraphina Roux", - role: "Stylist", - testimonial: "My Noir Leather bag turns heads everywhere I go. It's not just an accessory; it's a statement. Durable, stylish, and truly unique.", - imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-present-boxes-with-thumb-up-suit_176474-10676.jpg", - imageAlt: "Seraphina Roux", - }, + id: "3", name: "Seraphina Roux", role: "Stylist", testimonial: "My ZerxHide bag turns heads everywhere I go. It's not just an accessory; it's a statement. Durable, stylish, and truly unique.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-present-boxes-with-thumb-up-suit_176474-10676.jpg", imageAlt: "Seraphina Roux"}, { - id: "4", - name: "Julian Thorne", - role: "Collector", - testimonial: "As a collector of fine leather goods, I can confidently say Noir Leather stands among the best. The quality speaks for itself.", - imageSrc: "http://img.b2bpic.net/free-photo/young-girl-pink-jacket-white-t-shirt-thoughtfully-looking-clothes-rack-boutique-pretty-thoughtful-girl-standing-near-clothes-rack-clothes-store-thinking-buy_574295-262.jpg", - imageAlt: "Julian Thorne", - }, + id: "4", name: "Julian Thorne", role: "Collector", testimonial: "As a collector of fine leather goods, I can confidently say ZerxHide stands among the best. The quality speaks for itself.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-pink-jacket-white-t-shirt-thoughtfully-looking-clothes-rack-boutique-pretty-thoughtful-girl-standing-near-clothes-rack-clothes-store-thinking-buy_574295-262.jpg", imageAlt: "Julian Thorne"}, ]} - title="What Our Patrons Say" - description="From fashion enthusiasts to seasoned collectors, our clients consistently praise the quality and unique style of Noir Leather." + title="What Our ZerxHide Patrons Say" + description="From fashion enthusiasts to seasoned collectors, our clients consistently praise the quality and unique style of ZerxHide products." /> @@ -257,25 +162,11 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "Visa", - "Mastercard", - "Shopify Payments", - "PayPal", - "Apple Pay", - "Google Pay", - "Stripe", - ]} + "Visa", "Mastercard", "Shopify Payments", "PayPal", "Apple Pay", "Google Pay", "Stripe"]} logos={[ - "http://img.b2bpic.net/free-vector/security_24908-54433.jpg", - "http://img.b2bpic.net/free-vector/banking-business-labels-template_23-2150956262.jpg", - "http://img.b2bpic.net/free-photo/startup-employee-doing-online-shopping-with-credit-card-laptop-using-banking-money-purchase-sale-office-employee-making-transaction-e-commerce-development-close-up_482257-44243.jpg", - "http://img.b2bpic.net/free-photo/close-up-credit-card-used-by-man-apartment-filling-out-online-forms_482257-118953.jpg", - "http://img.b2bpic.net/free-vector/social-media-logotype-collection_23-2148170584.jpg", - "http://img.b2bpic.net/free-vector/naive-payment-stickers-collection_23-2151126471.jpg", - "http://img.b2bpic.net/free-vector/flat-installment-stamps_23-2149397042.jpg", - ]} - title="Trusted by Thousands" - description="Shop with confidence knowing your transactions are secure and your satisfaction is guaranteed." + "http://img.b2bpic.net/free-vector/security_24908-54433.jpg", "http://img.b2bpic.net/free-vector/banking-business-labels-template_23-2150956262.jpg", "http://img.b2bpic.net/free-photo/startup-employee-doing-online-shopping-with-credit-card-laptop-using-banking-money-purchase-sale-office-employee-making-transaction-e-commerce-development-close-up_482257-44243.jpg", "http://img.b2bpic.net/free-photo/close-up-credit-card-used-by-man-apartment-filling-out-online-forms_482257-118953.jpg", "http://img.b2bpic.net/free-vector/social-media-logotype-collection_23-2148170584.jpg", "http://img.b2bpic.net/free-vector/naive-payment-stickers-collection_23-2151126471.jpg", "http://img.b2bpic.net/free-vector/flat-installment-stamps_23-2149397042.jpg"]} + title="ZerxHide: Trusted and Secure Shopping" + description="Shop with confidence for ZerxHide products knowing your transactions are secure and your satisfaction is guaranteed." /> @@ -285,31 +176,19 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "1", - title: "What is your return policy?", - content: "We offer a 30-day return policy on all unworn and unused items. Please see our full returns page for details on how to process a return.", - }, + id: "1", title: "What is your return policy?", content: "We offer a 30-day return policy on all unworn and unused ZerxHide items. Please see our full returns page for details on how to process a return."}, { - id: "2", - title: "How do I care for my leather products?", - content: "Each product comes with specific care instructions. Generally, keep leather dry, away from direct sunlight, and condition regularly with a suitable leather conditioner.", - }, + id: "2", title: "How do I care for my leather products?", content: "Each ZerxHide product comes with specific care instructions. Generally, keep leather dry, away from direct sunlight, and condition regularly with a suitable leather conditioner."}, { - id: "3", - title: "Do you offer international shipping?", - content: "Yes, we ship globally! Shipping costs and delivery times vary by destination. Please check our shipping information page for more details.", - }, + id: "3", title: "Do you offer international shipping?", content: "Yes, we ship globally! Shipping costs and delivery times vary by destination. Please check our shipping information page for more details."}, { - id: "4", - title: "Are your products truly handcrafted?", - content: "Absolutely. Every item from Noir Leather is meticulously handcrafted by skilled artisans, ensuring unique quality and attention to detail.", - }, + id: "4", title: "Are your products truly handcrafted?", content: "Absolutely. Every ZerxHide item is meticulously handcrafted by skilled artisans, ensuring unique quality and attention to detail."}, ]} imageSrc="http://img.b2bpic.net/free-vector/customer-service-technical-support_24877-52929.jpg" imageAlt="Abstract monochrome illustration of customer support" mediaAnimation="opacity" - title="Questions & Policies" - description="Find answers to common questions about our products, orders, and services, including our clear return policy." + title="ZerxHide: Your Questions Answered" + description="Find answers to common questions about ZerxHide products, orders, and services, including our clear return policy." faqsAnimation="slide-up" /> @@ -320,83 +199,54 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "1", - title: "Email Support", - content: "For general inquiries, email us at support@noirleather.com", - }, + id: "1", title: "Email Support", content: "For general inquiries regarding ZerxHide, email us at support@zerxhide.com"}, { - id: "2", - title: "Wholesale Inquiries", - content: "Interested in stocking Noir Leather? Contact us at wholesale@noirleather.com", - }, + id: "2", title: "Wholesale Inquiries", content: "Interested in stocking ZerxHide? Contact us at wholesale@zerxhide.com"}, ]} - ctaTitle="Connect with Us" - ctaDescription="Have a question, custom request, or just want to share your Noir Leather experience? Reach out, we'd love to hear from you." + ctaTitle="Connect with ZerxHide" + ctaDescription="Have a question, custom request, or just want to share your ZerxHide experience? Reach out, we'd love to hear from you." ctaButton={{ - text: "Send a Message", - href: "/contact", - }} + text: "Send a Message", href: "/contact"}} ctaIcon={MessageCircle} /> -- 2.49.1