From 9e5bb8630d93840ae203bf49e3a95c3283a91db0 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 9 Jun 2026 22:52:59 +0000 Subject: [PATCH 1/5] Add src/app/account/page.tsx --- src/app/account/page.tsx | 60 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 src/app/account/page.tsx diff --git a/src/app/account/page.tsx b/src/app/account/page.tsx new file mode 100644 index 0000000..cf581b4 --- /dev/null +++ b/src/app/account/page.tsx @@ -0,0 +1,60 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; + +export default function AccountPage() { + return ( + + + + +
+
+

+ My Account +

+

+ Manage your personal information, preferences, and security settings. +

+

+ Content for interactive account management features will be displayed here. +

+
+
+ + + ); +} \ No newline at end of file From 257bd5cdc506fc078ffa93cd87ade649a1b693e4 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 9 Jun 2026 22:52:59 +0000 Subject: [PATCH 2/5] Update src/app/order-history/page.tsx --- src/app/order-history/page.tsx | 127 +++++++++------------------------ 1 file changed, 34 insertions(+), 93 deletions(-) diff --git a/src/app/order-history/page.tsx b/src/app/order-history/page.tsx index 87cdd20..2763637 100644 --- a/src/app/order-history/page.tsx +++ b/src/app/order-history/page.tsx @@ -2,118 +2,59 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; -import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; export default function OrderHistoryPage() { - // Placeholder for order history data - const orders = [ - { id: "ORD001", date: "2024-03-15", total: "$1,250", status: "Delivered", items: ["Chronos Elegance Watch"] }, - { id: "ORD002", date: "2024-02-28", total: "$450", status: "Shipped", items: ["Versailles Silk Scarf"] }, - { id: "ORD003", date: "2024-01-10", total: "$8,900", status: "Delivered", items: ["Empress Alligator Handbag"] }, - ]; - return ( -
-

Your Order History

- { - orders.length === 0 ? ( -

You haven't placed any orders yet.

- ) : ( -
- {orders.map((order) => ( -
-
-

Order ID: {order.id}

- {order.status} -
-

Date: {order.date}

-

Total: {order.total}

-
-

Items:

-
    - {order.items.map((item, index) => ( -
  • {item}
    • - ))} -
-
-
- ))} -
- ) - } +
+
+

+ My Order History +

+

+ View your past orders, track shipments, and manage returns. +

+

+ Content for interactive order tracking and management will be displayed here. +

+
- - ); -} +} \ No newline at end of file From 13844476533558791d6992a39f1f304cf82e1aae Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 9 Jun 2026 22:53:00 +0000 Subject: [PATCH 3/5] Update src/app/page.tsx --- src/app/page.tsx | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index dbeca5c..c3bb8b9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -39,12 +39,16 @@ export default function LandingPage() { name: "About", id: "#about"}, { name: "Products", id: "#products"}, + { + name: "Shop", id: "/shop"}, { name: "Features", id: "#features"}, { name: "Testimonials", id: "#testimonials"}, { name: "Contact", id: "#contact"}, + { + name: "Cart", id: "/cart"}, { name: "Signup", id: "/signup"}, { @@ -282,6 +286,8 @@ export default function LandingPage() { label: "About Us", href: "#about"}, { label: "Collections", href: "#products"}, + { + label: "Shop", href: "/shop"}, { label: "Membership", href: "#pricing"}, ], @@ -296,6 +302,8 @@ export default function LandingPage() { label: "Login", href: "/login"}, { label: "Signup", href: "/signup"}, + { + label: "Cart", href: "/cart"}, { label: "Order History", href: "/order-history"}, { @@ -319,4 +327,4 @@ export default function LandingPage() { ); -} +} \ No newline at end of file From e410b545dbed8a447a6cf2b96d171d17f3041db9 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 9 Jun 2026 22:53:00 +0000 Subject: [PATCH 4/5] Add src/app/shop/[productId]/page.tsx --- src/app/shop/[productId]/page.tsx | 139 ++++++++++++++++++++++++++++++ 1 file changed, 139 insertions(+) create mode 100644 src/app/shop/[productId]/page.tsx diff --git a/src/app/shop/[productId]/page.tsx b/src/app/shop/[productId]/page.tsx new file mode 100644 index 0000000..5ddc3b5 --- /dev/null +++ b/src/app/shop/[productId]/page.tsx @@ -0,0 +1,139 @@ +"use client"; + +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; + +export default function ProductDetailPage({ params }: { params: { productId: string } }) { + const { productId } = params; + + // In a real application, you would fetch product details using productId + const dummyProduct = { + id: productId, + name: "Luxury Product " + productId, + description: `This is a placeholder for the detailed description of ${productId}. Discover its exquisite craftsmanship, premium materials, and timeless elegance.`, + price: "$X,XXX", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-womens-accessories-pink-background-high-quality-photo_185193-108744.jpg" + }; + + return ( + + + + +
+
+
+ {dummyProduct.name} +
+
+

{dummyProduct.name}

+

{dummyProduct.price}

+

{dummyProduct.description}

+
+ + +
+
+
+
+ + + + + ); +} \ No newline at end of file From 8fe6336ce83d523d92cd9d5344de09277dbbc6b7 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 9 Jun 2026 22:53:01 +0000 Subject: [PATCH 5/5] Update src/app/shop/page.tsx --- src/app/shop/page.tsx | 252 ++++++++++++++++-------------------------- 1 file changed, 95 insertions(+), 157 deletions(-) diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx index 62ab332..9a5363f 100644 --- a/src/app/shop/page.tsx +++ b/src/app/shop/page.tsx @@ -1,177 +1,109 @@ "use client"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; -import ProductCardFour from "@/components/sections/product/ProductCardFour"; -import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; -import { useState } from "react"; - -const productsData = [ - { - id: "watch-1", name: "Chronos Elegance Watch", brand: "Elegance Atelier", price: "$5,200", rating: 4.5, - reviewCount: "120 reviews", variant: "Rose Gold", description: "A timeless masterpiece combining classic design with modern precision. Featuring a rose gold casing, automatic movement, and a genuine leather strap. Water-resistant up to 50 meters.", imageSrc: "http://img.b2bpic.net/free-photo/groom-fastens-buttons-his-wedding-suit_8353-10664.jpg?_wi=1", imageAlt: "Luxury rose gold watch", images: [ - { src: "http://img.b2bpic.net/free-photo/groom-fastens-buttons-his-wedding-suit_8353-10664.jpg", alt: "Luxury rose gold watch" }, - { src: "http://img.b2bpic.net/free-photo/wedding-watch-rings-flowers-shoes-pink-background_140725-63863.jpg", alt: "Watch on display" }, - { src: "http://img.b2bpic.net/free-photo/men-s-accessories-set-gentleman-wearing-classic-rose-gold-watch-dark-leather-strap-wrist-close-up-view-with-cufflinks-sunglasses-table_23-2148095697.jpg", alt: "Watch detail" } - ], - variants: [ - { label: "Color", options: ["Rose Gold", "Silver", "Black"] } - ] - }, - { - id: "handbag-1", name: "Empress Alligator Handbag", brand: "Elegance Atelier", price: "$8,900", rating: 4.8, - reviewCount: "85 reviews", variant: "Midnight Black", description: "Exquisitely crafted from genuine alligator leather, this handbag embodies sophistication. Featuring a spacious interior, gold-tone hardware, and a detachable shoulder strap. Perfect for grand occasions.", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109773.jpg?_wi=1", imageAlt: "Designer alligator handbag", images: [ - { src: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109773.jpg", alt: "Designer alligator handbag" }, - { src: "http://img.b2bpic.net/free-photo/leather-handbag_23-2147743936.jpg", alt: "Handbag detail" }, - { src: "http://img.b2bpic.net/free-photo/luxury-handbag-white-background_23-2147743922.jpg", alt: "Handbag opened" } - ], - variants: [ - { label: "Color", options: ["Midnight Black", "Emerald Green", "Ruby Red"] } - ] - }, - { - id: "scarf-1", name: "Versailles Silk Scarf", brand: "Elegance Atelier", price: "$450", rating: 4.2, - reviewCount: "60 reviews", variant: "Emerald Green", description: "A luxurious silk scarf inspired by the gardens of Versailles. Made from 100% pure Mulberry silk, featuring a vibrant emerald green pattern. Adds a touch of refined elegance to any outfit.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pinecone-beige-shawl-dark-surface_140725-63513.jpg?_wi=1", imageAlt: "Elegant silk scarf", images: [ - { src: "http://img.b2bpic.net/free-photo/top-view-pinecone-beige-shawl-dark-surface_140725-63513.jpg", alt: "Elegant silk scarf" }, - { src: "http://img.b2bpic.net/free-photo/flat-lay-elegant-silk-scarf_23-2148671691.jpg", alt: "Scarf pattern" }, - { src: "http://img.b2bpic.net/free-photo/elegant-silk-scarf-display_23-2148719941.jpg", alt: "Scarf on mannequin" } - ], - variants: [ - { label: "Color", options: ["Emerald Green", "Royal Blue", "Crimson Red"] } - ] - }, - { - id: "earrings-1", name: "Celestial Diamond Earrings", brand: "Elegance Atelier", price: "$3,800", rating: 4.9, - reviewCount: "95 reviews", variant: "Platinum", description: "Dazzling diamond earrings crafted in platinum, featuring brilliant-cut diamonds. Each stone is ethically sourced and meticulously set to maximize sparkle. A perfect gift for special occasions.", imageSrc: "http://img.b2bpic.net/free-photo/moment-before-kiss-young-beautiful-caucasian-couple-sunny-day-outdoors_8353-10690.jpg?_wi=1", imageAlt: "Sparkling diamond earrings", images: [ - { src: "http://img.b2bpic.net/free-photo/moment-before-kiss-young-beautiful-caucasian-couple-sunny-day-outdoors_8353-10690.jpg", alt: "Sparkling diamond earrings" }, - { src: "http://img.b2bpic.net/free-photo/close-up-diamond-earrings-jewelry_23-2148680798.jpg", alt: "Earrings close-up" }, - { src: "http://img.b2bpic.net/free-photo/woman-wearing-diamond-earrings_23-2148720000.jpg", alt: "Earrings worn" } - ], - variants: [ - { label: "Metal", options: ["Platinum", "White Gold", "Yellow Gold"] } - ] - }, - { - id: "pen-1", name: "Sovereign Fountain Pen", brand: "Elegance Atelier", price: "$1,100", rating: 4.7, - reviewCount: "70 reviews", variant: "Obsidian Black", description: "Experience the art of writing with our Sovereign Fountain Pen. Crafted with a polished obsidian black finish and 18k gold nib, it offers a smooth, luxurious writing experience.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-pen-ai-generated_23-2150695517.jpg?_wi=1", imageAlt: "Luxury fountain pen", images: [ - { src: "http://img.b2bpic.net/free-photo/3d-rendering-pen-ai-generated_23-2150695517.jpg", alt: "Luxury fountain pen" }, - { src: "http://img.b2bpic.net/free-photo/fountain-pen-writing-pad_23-2147743950.jpg", alt: "Pen with ink" }, - { src: "http://img.b2bpic.net/free-photo/elegant-writing-utensil_23-2147743945.jpg", alt: "Pen on desk" } - ], - variants: [ - { label: "Finish", options: ["Obsidian Black", "Deep Blue", "Emerald Green"] } - ] - }, - { - id: "cufflinks-1", name: "Aristocrat Cufflinks", brand: "Elegance Atelier", price: "$680", rating: 4.6, - reviewCount: "55 reviews", variant: "Sterling Silver", description: "Elevate your formal wear with these meticulously crafted sterling silver cufflinks. Featuring a unique geometric design and a polished finish. A statement of refined taste.", imageSrc: "http://img.b2bpic.net/free-photo/grooms-morning-preparation_1328-1774.jpg?_wi=1", imageAlt: "Sterling silver cufflinks", images: [ - { src: "http://img.b2bpic.net/free-photo/grooms-morning-preparation_1328-1774.jpg", alt: "Sterling silver cufflinks" }, - { src: "http://img.b2bpic.net/free-photo/cufflinks-on-white-shirt_23-2147743960.jpg", alt: "Cufflinks close-up" }, - { src: "http://img.b2bpic.net/free-photo/elegant-cufflinks-on-shirt_23-2147743965.jpg", alt: "Cufflinks on shirt" } - ], - variants: [ - { label: "Material", options: ["Sterling Silver", "Rose Gold Plated", "Gold Plated"] } - ] - }, -]; +import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; export default function ShopPage() { - const [filter, setFilter] = useState('All'); - - const filteredProducts = productsData.filter(product => { - if (filter === 'All') return true; - if (filter === 'Watches' && product.id.includes('watch')) return true; - if (filter === 'Handbags' && product.id.includes('handbag')) return true; - if (filter === 'Jewelry' && (product.id.includes('earrings') || product.id.includes('cufflinks'))) return true; - if (filter === 'Accessories' && (product.id.includes('scarf') || product.id.includes('pen'))) return true; - return false; - }); - - const handleFilterChange = (newFilter: string) => { - setFilter(newFilter); - }; - - const shopProducts = filteredProducts.map(product => ({ - id: product.id, - name: product.name, - price: product.price, - variant: product.variant, - imageSrc: product.imageSrc, - imageAlt: product.imageAlt, - onProductClick: () => window.location.href = `/products/${product.id}`, - })); - return (
-
-

Our Shop

-

Browse our curated collection of luxury items.

- -
- {['All', 'Watches', 'Handbags', 'Jewelry', 'Accessories'].map(category => ( - - ))} -
- - -
+ window.location.href = "/shop/watch-1" + }, + { + id: "handbag-1", brand: "Elegance Atelier", name: "Empress Alligator Handbag", price: "$8,900", rating: 4.8, + reviewCount: "18 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109773.jpg", imageAlt: "Designer alligator handbag", onProductClick: () => window.location.href = "/shop/handbag-1" + }, + { + id: "scarf-1", brand: "Elegance Atelier", name: "Versailles Silk Scarf", price: "$450", rating: 4.2, + reviewCount: "30 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pinecone-beige-shawl-dark-surface_140725-63513.jpg", imageAlt: "Elegant silk scarf", onProductClick: () => window.location.href = "/shop/scarf-1" + }, + { + id: "earrings-1", brand: "Elegance Atelier", name: "Celestial Diamond Earrings", price: "$3,800", rating: 4.9, + reviewCount: "12 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/moment-before-kiss-young-beautiful-caucasian-couple-sunny-day-outdoors_8353-10690.jpg", imageAlt: "Sparkling diamond earrings", onProductClick: () => window.location.href = "/shop/earrings-1" + }, + { + id: "pen-1", brand: "Elegance Atelier", name: "Sovereign Fountain Pen", price: "$1,100", rating: 4.7, + reviewCount: "20 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-pen-ai-generated_23-2150695517.jpg", imageAlt: "Luxury fountain pen", onProductClick: () => window.location.href = "/shop/pen-1" + }, + { + id: "cufflinks-1", brand: "Elegance Atelier", name: "Aristocrat Cufflinks", price: "$680", rating: 4.6, + reviewCount: "15 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/grooms-morning-preparation_1328-1774.jpg", imageAlt: "Sterling silver cufflinks", onProductClick: () => window.location.href = "/shop/cufflinks-1" + }, + { + id: "ring-1", brand: "Elegance Atelier", name: "Emerald Solitaire Ring", price: "$7,500", rating: 4.9, + reviewCount: "9 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/diamond-ring-isolated_1203-4927.jpg", imageAlt: "Emerald solitaire ring", onProductClick: () => window.location.href = "/shop/ring-1" + }, + { + id: "watch-2", brand: "Elegance Atelier", name: "Daytona Platinum Watch", price: "$12,000", rating: 4.7, + reviewCount: "22 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/luxury-watch-still-life_23-2150993077.jpg", imageAlt: "Daytona Platinum Watch", onProductClick: () => window.location.href = "/shop/watch-2" + } + ]} + title="Explore Our Full Collection" + description="Discover the complete range of our luxury products, meticulously crafted for perfection." + buttons={[ + { + text: "View All", href: "#"}, + ]} + buttonAnimation="slide-up" + />