From 645e6864065afd61f7a33d18ff0a93a4e47e0da5 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 09:22:51 +0000 Subject: [PATCH 1/7] Update src/app/contact/page.tsx --- src/app/contact/page.tsx | 163 ++++++++++++++------------------------- 1 file changed, 56 insertions(+), 107 deletions(-) diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index eabbe23..7205832 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -1,12 +1,42 @@ "use client"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import ContactSplit from '@/components/sections/contact/ContactSplit'; +import FooterMedia from '@/components/sections/footer/FooterMedia'; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; -import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; -import FaqBase from "@/components/sections/faq/FaqBase"; -import FooterMedia from "@/components/sections/footer/FooterMedia"; -import { HelpCircle } from "lucide-react"; +import { + Sparkles, + Mail, +} from 'lucide-react'; export default function ContactPage() { + const footerColumns = [ + { + title: "Shop", items: [ + { label: "New Arrivals", href: "/" }, + { label: "All Collections", href: "/" }, + { label: "Sale", href: "/" }, + { label: "Gift Cards", href: "/" }, + ], + }, + { + title: "Company", items: [ + { label: "About RAEN", href: "#about" }, + { label: "Sustainability", href: "/" }, + { label: "Careers", href: "/" }, + { label: "Press", href: "/" }, + ], + }, + { + title: "Support", items: [ + { label: "Contact Us", href: "/contact" }, + { label: "Shipping & Returns", href: "/" }, + { label: "Size Guide", href: "/" }, + { label: "Care Guide", href: "/" }, + ], + }, + ]; + return ( - {/* Contact Section - Using FAQ for contact information display */} + {/* Contact Section */}
- console.log('Contact form submitted:', email)} />
- {/* Additional Contact Information Section */} -
-
-
- {/* Email */} -
-

Email

-

support@raen-luxury.com

-
- {/* Phone */} -
-

Phone

-

+1 (555) 123-4567

-
- {/* Location */} -
-

Address

-

- 123 Luxury Avenue
- New York, NY 10001 -

-
-
-
-
- {/* Footer */} @@ -104,78 +99,54 @@ export default function HomePage() { tagAnimation="slide-up" buttons={[ { - text: "Explore the Collection", - href: "#products", - }, + text: "Explore the Collection", href: "#products"}, { - text: "View Heritage", - href: "#about", - }, + text: "View Heritage", href: "#about"}, ]} buttonAnimation="slide-up" background={{ - variant: "radial-gradient", - }} + variant: "radial-gradient"}} dashboard={{ - title: "Luxury Analytics Hub", - logoIcon: Package, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-color-palette_23-2150538720.jpg", - sidebarItems: [ + title: "Luxury Analytics Hub", logoIcon: Package, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-color-palette_23-2150538720.jpg", sidebarItems: [ { icon: Home, active: true }, { icon: ShoppingBag }, { icon: Heart }, ], buttons: [ { text: "Shop Now", href: "#products" }, - { text: "View Lookbook", href: "#" }, + { text: "View Lookbook", href: "/" }, ], stats: [ { - title: "Collections", - values: [12, 15, 18], - description: "Curated seasonal pieces", - }, + title: "Collections", values: [12, 15, 18], + description: "Curated seasonal pieces"}, { - title: "Global Reach", - values: [28, 35, 42], - valueSuffix: " Countries", - description: "Shipping worldwide", - }, + title: "Global Reach", values: [28, 35, 42], + valueSuffix: " Countries", description: "Shipping worldwide"}, { - title: "Satisfaction", - values: [98, 99, 100], - valueSuffix: "%", - description: "Customer rating", - }, + title: "Satisfaction", values: [98, 99, 100], + valueSuffix: "%", description: "Customer rating"}, ], - chartTitle: "Sales Performance", - chartData: [ + chartTitle: "Sales Performance", chartData: [ { value: 75 }, { value: 85 }, { value: 92 }, { value: 88 }, { value: 95 }, ], - listTitle: "Recent Orders", - listItems: [ + listTitle: "Recent Orders", listItems: [ { icon: Package, - title: "Silk Essentials Collection", - status: "Dispatched", - }, + title: "Silk Essentials Collection", status: "Dispatched"}, { icon: CheckCircle, - title: "Premium Denim Set", - status: "Delivered", - }, + title: "Premium Denim Set", status: "Delivered"}, { icon: Truck, - title: "Statement Outerwear", - status: "In Transit", - }, + title: "Statement Outerwear", status: "In Transit"}, ], - searchPlaceholder: "Search collections...", - }} + searchPlaceholder: "Search collections..."}} /> @@ -189,47 +160,21 @@ export default function HomePage() { tagAnimation="slide-up" buttons={[ { - text: "View All Products", - href: "/shop", - }, + text: "View All Products", href: "/shop"}, ]} buttonAnimation="slide-up" products={[ { - id: "1", - name: "Silk Essentials Blouse", - price: "$385", - variant: "Ivory, Navy, Charcoal - 3 Colors", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-dressed-summer-outfit-out-city_1303-15911.jpg?_wi=1", - imageAlt: "premium ivory silk blouse elegant", - isFavorited: false, + id: "1", name: "Silk Essentials Blouse", price: "$385", variant: "Ivory, Navy, Charcoal - 3 Colors", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-dressed-summer-outfit-out-city_1303-15911.jpg?_wi=1", imageAlt: "premium ivory silk blouse elegant", isFavorited: false, }, { - id: "2", - name: "Tailored Wool Trousers", - price: "$495", - variant: "Black, Camel, Graphite - 3 Colors", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-office_1303-31722.jpg?_wi=1", - imageAlt: "tailored black wool trousers professional", - isFavorited: false, + id: "2", name: "Tailored Wool Trousers", price: "$495", variant: "Black, Camel, Graphite - 3 Colors", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-office_1303-31722.jpg?_wi=1", imageAlt: "tailored black wool trousers professional", isFavorited: false, }, { - id: "3", - name: "Premium Linen Dress", - price: "$425", - variant: "White, Sage, Stone - 3 Colors", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148765432.jpg?_wi=1", - imageAlt: "premium white linen dress elegant", - isFavorited: false, + id: "3", name: "Premium Linen Dress", price: "$425", variant: "White, Sage, Stone - 3 Colors", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148765432.jpg?_wi=1", imageAlt: "premium white linen dress elegant", isFavorited: false, }, { - id: "4", - name: "Luxury Cashmere Sweater", - price: "$545", - variant: "Cream, Charcoal, Caramel - 3 Colors", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-walking-beach_23-2150100091.jpg?_wi=1", - imageAlt: "luxury cashmere sweater cream elegant", - isFavorited: false, + id: "4", name: "Luxury Cashmere Sweater", price: "$545", variant: "Cream, Charcoal, Caramel - 3 Colors", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-walking-beach_23-2150100091.jpg?_wi=1", imageAlt: "luxury cashmere sweater cream elegant", isFavorited: false, }, ]} gridVariant="uniform-all-items-equal" @@ -249,9 +194,7 @@ export default function HomePage() { tagAnimation="slide-up" buttons={[ { - text: "Discover Heritage", - href: "#", - }, + text: "Discover Heritage", href: "/"}, ]} buttonAnimation="slide-up" imageSrc="http://img.b2bpic.net/free-photo/senior-man-looking-male-tailor-taking-fabric-from-shelf-workshop_23-2148180378.jpg?_wi=1" @@ -265,53 +208,23 @@ export default function HomePage() { Date: Sat, 7 Mar 2026 09:22:53 +0000 Subject: [PATCH 4/7] Add src/app/product/[id]/page.tsx --- src/app/product/[id]/page.tsx | 293 ++++++++++++++++++++++++++++++++++ 1 file changed, 293 insertions(+) create mode 100644 src/app/product/[id]/page.tsx diff --git a/src/app/product/[id]/page.tsx b/src/app/product/[id]/page.tsx new file mode 100644 index 0000000..3cfcccb --- /dev/null +++ b/src/app/product/[id]/page.tsx @@ -0,0 +1,293 @@ +"use client"; + +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import FooterMedia from '@/components/sections/footer/FooterMedia'; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import { useState } from 'react'; +import { + Heart, + Star, + ShoppingBag, + Truck, + RotateCcw, + Shield, + Minus, + Plus, +} from 'lucide-react'; + +interface ProductDetailsProps { + params: { id: string }; +} + +const productDetails: Record = { + "1": { + id: "1", name: "Silk Essentials Blouse", price: "$385", rating: 4.9, + reviews: 128, + description: "Timeless silk blouse crafted with premium mulberry silk and finished with delicate mother-of-pearl buttons. Perfect for layering or wearing as a standalone piece.", colors: ["Ivory", "Navy", "Charcoal"], + sizes: ["XS", "S", "M", "L", "XL"], + imageSrc: "http://img.b2bpic.net/free-photo/young-woman-dressed-summer-outfit-out-city_1303-15911.jpg?_wi=1", longDescription: "Our signature silk blouse exemplifies timeless elegance. Hand-selected mulberry silk provides a luxurious drape and natural sheen. The blouse features: + +• Premium mulberry silk (100%) +• Mother-of-pearl buttons +• French seams for durability +• Machine washable on delicate cycle +• Made in Italy + +Style with tailored trousers for the office, or layer under a blazer for evening elegance.", care: [ + "Hand wash or dry clean recommended", "Lay flat to dry", "Iron on low heat if needed", "Store in cool, dry place"], + shipping: "Free shipping on orders over $500. Delivery in 5-7 business days.", return: "30-day return policy for unworn pieces in original condition."}, + "2": { + id: "2", name: "Tailored Wool Trousers", price: "$495", rating: 4.8, + reviews: 95, + description: "Precision-tailored trousers in premium wool with a perfect fit. The ideal foundation for any professional wardrobe.", colors: ["Black", "Camel", "Graphite"], + sizes: ["XS", "S", "M", "L", "XL"], + imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-office_1303-31722.jpg?_wi=1", longDescription: "Crafted from the finest Italian wool, these tailored trousers offer impeccable fit and timeless style. Features: + +• 100% pure new wool +• Flat front with zipper fly +• Side pockets and back patch pockets +• Hemmed to fit +• Professional tailoring + +The perfect investment piece for your wardrobe.", care: [ + "Dry clean recommended", "Professional pressing", "Spot clean if needed", "Store on wooden hanger"], + shipping: "Free shipping on orders over $500. Delivery in 5-7 business days.", return: "30-day return policy for unworn pieces in original condition."}, +}; + +export default function ProductPage({ params }: ProductDetailsProps) { + const product = productDetails[params.id] || productDetails["1"]; + const [quantity, setQuantity] = useState(1); + const [selectedColor, setSelectedColor] = useState(product.colors[0]); + const [selectedSize, setSelectedSize] = useState(product.sizes[2]); + const [isFavorited, setIsFavorited] = useState(false); + + const footerColumns = [ + { + title: "Shop", items: [ + { label: "New Arrivals", href: "/shop" }, + { label: "All Collections", href: "/shop" }, + { label: "Sale", href: "/" }, + { label: "Gift Cards", href: "#" }, + ], + }, + { + title: "Company", items: [ + { label: "About RAEN", href: "/" }, + { label: "Sustainability", href: "#" }, + { label: "Careers", href: "#" }, + { label: "Press", href: "#" }, + ], + }, + { + title: "Support", items: [ + { label: "Contact Us", href: "#" }, + { label: "Shipping & Returns", href: "#" }, + { label: "Size Guide", href: "#" }, + { label: "Care Guide", href: "#" }, + ], + }, + ]; + + return ( + + {/* Navbar */} + + + {/* Product Details */} +
+
+ {/* Breadcrumb */} +
+ Shop + / + {product.name} +
+ +
+ {/* Product Image */} +
+ {product.name} + +
+ + {/* Product Info */} +
+ {/* Header */} +
+

{product.name}

+
+
+ {[...Array(5)].map((_, i) => ( + + ))} +
+ ({product.reviews} reviews) +
+

{product.price}

+

{product.description}

+
+ + {/* Color Selection */} +
+ +
+ {product.colors.map((color) => ( + + ))} +
+
+ + {/* Size Selection */} +
+ +
+ {product.sizes.map((size) => ( + + ))} +
+
+ + {/* Quantity */} +
+ +
+ + {quantity} + +
+
+ + {/* Add to Cart */} + + + {/* Trust Badges */} +
+
+ +

Free Shipping

+
+
+ +

30-Day Returns

+
+
+ +

Secure Checkout

+
+
+
+
+ + {/* Product Tabs */} +
+
+
+ + + +
+
+ +
+

Product Description

+

{product.longDescription}

+ +

Care Instructions

+
    + {product.care.map((instruction, idx) => ( +
  • • {instruction}
    • + ))} +
+ +

Shipping & Returns

+

{product.shipping}

+

{product.return}

+
+
+
+
+ + {/* Footer */} + + + ); +} -- 2.49.1 From 6f3fa3f963912000f97708ce68123bc4572540bc Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 09:22:54 +0000 Subject: [PATCH 5/7] Update src/app/shop/page.tsx --- src/app/shop/page.tsx | 399 ++++++++++++++++++++++-------------------- 1 file changed, 213 insertions(+), 186 deletions(-) diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx index 5353a15..aef9a71 100644 --- a/src/app/shop/page.tsx +++ b/src/app/shop/page.tsx @@ -2,33 +2,48 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import ProductCardFour from '@/components/sections/product/ProductCardFour'; -import PricingCardFive from '@/components/sections/pricing/PricingCardFive'; -import FaqBase from '@/components/sections/faq/FaqBase'; import FooterMedia from '@/components/sections/footer/FooterMedia'; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { + Sparkles, Star, - Crown, - HelpCircle, - ShoppingBag, Heart, - Home, + ShoppingBag, + Filter, + Sliders, + ChevronDown, } from 'lucide-react'; +import { useState } from 'react'; + +interface FilterState { + categories: string[]; + priceRange: [number, number]; + colors: string[]; + sizes: string[]; +} export default function ShopPage() { + const [filters, setFilters] = useState({ + categories: [], + priceRange: [0, 1000], + colors: [], + sizes: [], + }); + + const [sortBy, setSortBy] = useState('featured'); + const [showFilters, setShowFilters] = useState(false); + const footerColumns = [ { - title: "Shop", - items: [ - { label: "New Arrivals", href: "/" }, - { label: "All Collections", href: "/" }, + title: "Shop", items: [ + { label: "New Arrivals", href: "/shop" }, + { label: "All Collections", href: "/shop" }, { label: "Sale", href: "/" }, { label: "Gift Cards", href: "#" }, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About RAEN", href: "/" }, { label: "Sustainability", href: "#" }, { label: "Careers", href: "#" }, @@ -36,8 +51,7 @@ export default function ShopPage() { ], }, { - title: "Support", - items: [ + title: "Support", items: [ { label: "Contact Us", href: "#" }, { label: "Shipping & Returns", href: "#" }, { label: "Size Guide", href: "#" }, @@ -46,6 +60,33 @@ export default function ShopPage() { }, ]; + const allProducts = [ + { + id: "1", name: "Silk Essentials Blouse", price: "$385", variant: "Ivory", category: "Tops", color: "Ivory", size: "XS-L", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-dressed-summer-outfit-out-city_1303-15911.jpg?_wi=1", imageAlt: "premium ivory silk blouse elegant", isFavorited: false, + }, + { + id: "2", name: "Tailored Wool Trousers", price: "$495", variant: "Black", category: "Bottoms", color: "Black", size: "XS-L", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-office_1303-31722.jpg?_wi=1", imageAlt: "tailored black wool trousers professional", isFavorited: false, + }, + { + id: "3", name: "Premium Linen Dress", price: "$425", variant: "White", category: "Dresses", color: "White", size: "XS-L", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148765432.jpg?_wi=1", imageAlt: "premium white linen dress elegant", isFavorited: false, + }, + { + id: "4", name: "Luxury Cashmere Sweater", price: "$545", variant: "Cream", category: "Knitwear", color: "Cream", size: "XS-L", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-walking-beach_23-2150100091.jpg?_wi=1", imageAlt: "luxury cashmere sweater cream elegant", isFavorited: false, + }, + { + id: "5", name: "Structured Blazer", price: "$625", variant: "Charcoal", category: "Outerwear", color: "Charcoal", size: "XS-L", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-model-wearing-dark-blue-white-checkered-cardigan_132075-14012.jpg?_wi=1", imageAlt: "structured charcoal blazer professional", isFavorited: false, + }, + { + id: "6", name: "Evening Gown", price: "$895", variant: "Midnight", category: "Formal", color: "Midnight", size: "XS-L", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pullovers-pine-cones-with-copy-space_23-2148791080.jpg?_wi=1", imageAlt: "elegant midnight evening gown", isFavorited: false, + }, + { + id: "7", name: "Statement Coat", price: "$795", variant: "Camel", category: "Outerwear", color: "Camel", size: "XS-L", imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-cloths_1303-14026.jpg?_wi=1", imageAlt: "statement camel coat luxury fashion", isFavorited: false, + }, + { + id: "8", name: "Silk Camisole", price: "$285", variant: "Blush", category: "Tops", color: "Blush", size: "XS-L", imageSrc: "http://img.b2bpic.net/free-photo/male-fashion-designer-holding-coat-with-his-customer-sitting-chair-shop_23-2148180341.jpg?_wi=1", imageAlt: "silk blush camisole elegant", isFavorited: false, + }, + ]; + return ( - {/* Featured Products Section */} -