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 */}
-
-
{/* 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() {
= {
+ "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 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 */}
+
+
+
+
+ {/* Product Tabs */}
+
+
+
+
+
+
+
+
+
+
+
Product Description
+
{product.longDescription}
+
+
Care Instructions
+
+ {product.care.map((instruction, idx) => (
+ - • {instruction}
+ ))}
+
+
+
Shipping & Returns
+
{product.shipping}
+
{product.return}
+
+
+
+
+
+ {/* Footer */}
+
+
+ );
+}
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 */}
-
+ {/* Shop Hero */}
+
+
+
Shop Collections
+
Explore our curated selection of luxury pieces
+
+ {/* Filter Bar */}
+
+
+
+
+ Sort by:
+
+
+
+
+ {/* Collapsible Filters */}
+ {showFilters && (
+
+
+ {/* Category Filter */}
+
+
Category
+
+ {['Tops', 'Bottoms', 'Dresses', 'Knitwear', 'Outerwear', 'Formal'].map((cat) => (
+
+ ))}
+
+
+
+ {/* Color Filter */}
+
+
Color
+
+ {['Black', 'White', 'Ivory', 'Cream', 'Charcoal', 'Blush'].map((col) => (
+
+ ))}
+
+
+
+ {/* Size Filter */}
+
+
Size
+
+ {['XS', 'S', 'M', 'L', 'XL'].map((size) => (
+
+ ))}
+
+
+
+ {/* Price Filter */}
+
+
+
+ )}
+
+
+
+ {/* Products Grid */}
+
- {/* Membership & Pricing Section */}
-
-
- {/* FAQ Section */}
-
-
-
-
{/* Footer */}