Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-07 02:12:47 +00:00
2 changed files with 64 additions and 226 deletions

View File

@@ -51,7 +51,7 @@ export default function AdminPage() {
borderRadius="soft"
contentWidth="mediumLarge"
sizing="medium"
background="aurora"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="radial-glow"
@@ -76,35 +76,19 @@ export default function AdminPage() {
description="Real-time insights into your business performance"
metrics={[
{
id: "1",
value: "2500",
title: "Monthly Visitors",
description: "Fashion enthusiasts discovering HOURI",
icon: Users,
id: "1", value: "2500", title: "Monthly Visitors", description: "Fashion enthusiasts discovering HOURI", icon: Users,
},
{
id: "2",
value: "1200",
title: "Orders Completed",
description: "Successful transactions this month",
icon: ShoppingBag,
id: "2", value: "1200", title: "Orders Completed", description: "Successful transactions this month", icon: ShoppingBag,
},
{
id: "3",
value: "450",
title: "Premium Items",
description: "Products in active inventory",
icon: BarChart3,
id: "3", value: "450", title: "Premium Items", description: "Products in active inventory", icon: BarChart3,
},
{
id: "4",
value: "98",
title: "Satisfaction Rate",
description: "Customer satisfaction percentage",
icon: TrendingUp,
id: "4", value: "98", title: "Satisfaction Rate", description: "Customer satisfaction percentage", icon: TrendingUp,
},
]}
gridVariant="four-items-2x2-equal-grid"
gridVariant="uniform-all-items-equal"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
@@ -120,24 +104,16 @@ export default function AdminPage() {
tagAnimation="slide-up"
bulletPoints={[
{
title: "Order Management",
description: "Track, process, and manage all customer orders in real-time",
icon: ShoppingBag,
title: "Order Management", description: "Track, process, and manage all customer orders in real-time", icon: ShoppingBag,
},
{
title: "Inventory Control",
description: "Update product availability, pricing, and stock levels",
icon: BarChart3,
title: "Inventory Control", description: "Update product availability, pricing, and stock levels", icon: BarChart3,
},
{
title: "Customer Analytics",
description: "View customer data, preferences, and purchase history",
icon: Users,
title: "Customer Analytics", description: "View customer data, preferences, and purchase history", icon: Users,
},
{
title: "Sales Reports",
description: "Generate detailed reports and analyze business trends",
icon: TrendingUp,
title: "Sales Reports", description: "Generate detailed reports and analyze business trends", icon: TrendingUp,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg"
@@ -161,13 +137,11 @@ export default function AdminPage() {
{ name: "businessName", type: "text", placeholder: "Business Name", required: true },
]}
textarea={{
name: "message",
placeholder: "Describe your issue or question...",
rows: 5,
name: "message", placeholder: "Describe your issue or question...", rows: 5,
required: true,
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3441.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3441.jpg"
imageAlt="HOURI Boutique"
mediaAnimation="opacity"
mediaPosition="right"

View File

@@ -20,7 +20,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="mediumLarge"
sizing="medium"
background="aurora"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="radial-glow"
@@ -45,23 +45,15 @@ export default function HomePage() {
avatarText="Trusted by 500+ satisfied customers"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg",
alt: "Customer 1",
},
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg", alt: "Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
alt: "Customer 2",
},
src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", alt: "Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg",
alt: "Customer 3",
},
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg", alt: "Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/attractive-young-male-biting-his-lip-flirting-with-someone-while-standing-black-wall_181624-42028.jpg",
alt: "Customer 4",
},
src: "http://img.b2bpic.net/free-photo/attractive-young-male-biting-his-lip-flirting-with-someone-while-standing-black-wall_181624-42028.jpg", alt: "Customer 4"},
]}
background={{ variant: "aurora" }}
background={{ variant: "downward-rays-static" }}
buttons={[
{ text: "Shop Now", href: "products" },
{ text: "Learn More", href: "how-it-works" },
@@ -77,26 +69,11 @@ export default function HomePage() {
description="Browse our premium product categories and find exactly what you're looking for."
features={[
{
id: "01",
title: "Women's Collection",
description: "Elegant dresses, tops, and outfits curated for modern women",
imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg",
imageAlt: "Women's Collection",
},
id: "01", title: "Women's Collection", description: "Elegant dresses, tops, and outfits curated for modern women", imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg", imageAlt: "Women's Collection"},
{
id: "02",
title: "Men's Collection",
description: "Sophisticated clothing and accessories for discerning gentlemen",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-cloth-shop_1303-19847.jpg",
imageAlt: "Men's Collection",
},
id: "02", title: "Men's Collection", description: "Sophisticated clothing and accessories for discerning gentlemen", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-cloth-shop_1303-19847.jpg", imageAlt: "Men's Collection"},
{
id: "03",
title: "Accessories",
description: "Complete your look with our premium jewelry and fashion accessories",
imageSrc: "http://img.b2bpic.net/free-photo/composition-clothes-accessories-suitcase_23-2149064261.jpg",
imageAlt: "Accessories Collection",
},
id: "03", title: "Accessories", description: "Complete your look with our premium jewelry and fashion accessories", imageSrc: "http://img.b2bpic.net/free-photo/composition-clothes-accessories-suitcase_23-2149064261.jpg", imageAlt: "Accessories Collection"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -112,28 +89,13 @@ export default function HomePage() {
description="Handpicked items from our latest collections. Select items and contact us to place your order."
products={[
{
id: "1",
name: "Premium Silk Evening Gown",
price: "$450.00",
imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-enjoying-shopping-day_23-2147645037.jpg?_wi=1",
imageAlt: "Premium Silk Evening Gown",
initialQuantity: 1,
id: "1", name: "Premium Silk Evening Gown", price: "$450.00", imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-enjoying-shopping-day_23-2147645037.jpg", imageAlt: "Premium Silk Evening Gown", initialQuantity: 1,
},
{
id: "2",
name: "Designer Leather Jacket",
price: "$680.00",
imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353708.jpg?_wi=1",
imageAlt: "Designer Leather Jacket",
initialQuantity: 1,
id: "2", name: "Designer Leather Jacket", price: "$680.00", imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353708.jpg", imageAlt: "Designer Leather Jacket", initialQuantity: 1,
},
{
id: "3",
name: "Luxury Handbag Collection",
price: "$520.00",
imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-efecto_23-2148164701.jpg?_wi=1",
imageAlt: "Luxury Handbag Collection",
initialQuantity: 1,
id: "3", name: "Luxury Handbag Collection", price: "$520.00", imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-efecto_23-2148164701.jpg", imageAlt: "Luxury Handbag Collection", initialQuantity: 1,
},
]}
gridVariant="three-columns-all-equal-width"
@@ -152,27 +114,19 @@ export default function HomePage() {
tagAnimation="slide-up"
bulletPoints={[
{
title: "Register or Login",
description: "Create an account using your first name, last name, and phone number.",
icon: UserCheck,
title: "Register or Login", description: "Create an account using your first name, last name, and phone number.", icon: UserCheck,
},
{
title: "Browse Collections",
description: "Explore our curated categories of women's, men's clothing, and accessories.",
icon: ShoppingBag,
title: "Browse Collections", description: "Explore our curated categories of women's, men's clothing, and accessories.", icon: ShoppingBag,
},
{
title: "Select Items",
description: "Choose your favorite pieces and add them to your cart with quantities.",
icon: CheckCircle,
title: "Select Items", description: "Choose your favorite pieces and add them to your cart with quantities.", icon: CheckCircle,
},
{
title: "Connect & Purchase",
description: "Get in touch directly with us via phone to finalize your order and complete payment.",
icon: Phone,
title: "Connect & Purchase", description: "Get in touch directly with us via phone to finalize your order and complete payment.", icon: Phone,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3441.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3441.jpg"
imageAlt="HOURI Boutique Shop"
imagePosition="right"
mediaAnimation="blur-reveal"
@@ -192,59 +146,23 @@ export default function HomePage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Mitchell",
handle: "@sarah_m",
testimonial: "Absolutely love the quality of items at HOURI! The personal service is exceptional and the boutique owner was so helpful in selecting the perfect pieces.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg?_wi=1",
imageAlt: "Sarah Mitchell",
},
id: "1", name: "Sarah Mitchell", handle: "@sarah_m", testimonial: "Absolutely love the quality of items at HOURI! The personal service is exceptional and the boutique owner was so helpful in selecting the perfect pieces.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg", imageAlt: "Sarah Mitchell"},
{
id: "2",
name: "Ahmed Hassan",
handle: "@ahmed_style",
testimonial: "Outstanding collection of designer items. The registration process was quick and easy. HOURI makes premium fashion accessible and personalized.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg?_wi=1",
imageAlt: "Ahmed Hassan",
},
id: "2", name: "Ahmed Hassan", handle: "@ahmed_style", testimonial: "Outstanding collection of designer items. The registration process was quick and easy. HOURI makes premium fashion accessible and personalized.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", imageAlt: "Ahmed Hassan"},
{
id: "3",
name: "Elena Rodriguez",
handle: "@elena_boutique",
testimonial: "The range of accessories is incredible! I appreciate how the owner takes time to understand what each customer needs. Highly recommended!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg",
imageAlt: "Elena Rodriguez",
},
id: "3", name: "Elena Rodriguez", handle: "@elena_boutique", testimonial: "The range of accessories is incredible! I appreciate how the owner takes time to understand what each customer needs. Highly recommended!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg", imageAlt: "Elena Rodriguez"},
{
id: "4",
name: "Marcus Thompson",
handle: "@marcus_fashion",
testimonial: "Best boutique shopping experience I've had. Premium quality, fair prices, and a direct connection with the owner makes all the difference.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-male-biting-his-lip-flirting-with-someone-while-standing-black-wall_181624-42028.jpg",
imageAlt: "Marcus Thompson",
},
id: "4", name: "Marcus Thompson", handle: "@marcus_fashion", testimonial: "Best boutique shopping experience I've had. Premium quality, fair prices, and a direct connection with the owner makes all the difference.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-male-biting-his-lip-flirting-with-someone-while-standing-black-wall_181624-42028.jpg", imageAlt: "Marcus Thompson"},
{
id: "5",
name: "Aisha Patel",
handle: "@aisha_style",
testimonial: "HOURI stands out for personalized service. Every item is carefully selected, and the owner truly cares about customer satisfaction.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg?_wi=2",
imageAlt: "Aisha Patel",
},
id: "5", name: "Aisha Patel", handle: "@aisha_style", testimonial: "HOURI stands out for personalized service. Every item is carefully selected, and the owner truly cares about customer satisfaction.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg", imageAlt: "Aisha Patel"},
{
id: "6",
name: "James Wilson",
handle: "@james_fashion",
testimonial: "A hidden gem in the fashion world. The boutique combines luxury with accessibility, and the direct communication model is refreshing.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg?_wi=2",
imageAlt: "James Wilson",
},
id: "6", name: "James Wilson", handle: "@james_fashion", testimonial: "A hidden gem in the fashion world. The boutique combines luxury with accessibility, and the direct communication model is refreshing.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", imageAlt: "James Wilson"},
]}
ariaLabel="Customer testimonials section"
/>
@@ -256,35 +174,19 @@ export default function HomePage() {
description="See how HOURI is growing and serving our valued customers."
metrics={[
{
id: "1",
value: "2500",
title: "Monthly Visitors",
description: "Growing number of fashion enthusiasts discovering HOURI",
icon: Users,
id: "1", value: "2500", title: "Monthly Visitors", description: "Growing number of fashion enthusiasts discovering HOURI", icon: Users,
},
{
id: "2",
value: "1200",
title: "Orders Completed",
description: "Happy customers who've purchased from us",
icon: ShoppingBag,
id: "2", value: "1200", title: "Orders Completed", description: "Happy customers who've purchased from us", icon: ShoppingBag,
},
{
id: "3",
value: "450",
title: "Premium Items",
description: "Carefully curated products in our collections",
icon: Sparkles,
id: "3", value: "450", title: "Premium Items", description: "Carefully curated products in our collections", icon: Sparkles,
},
{
id: "4",
value: "98",
title: "Satisfaction Rate",
description: "Percentage of customers who recommend HOURI",
icon: Heart,
id: "4", value: "98", title: "Satisfaction Rate", description: "Percentage of customers who recommend HOURI", icon: Heart,
},
]}
gridVariant="four-items-2x2-equal-grid"
gridVariant="uniform-all-items-equal"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
@@ -298,38 +200,24 @@ export default function HomePage() {
description="Selected your items? Connect with us directly! Fill in your details and we'll guide you through the next steps. We look forward to serving you."
inputs={[
{
name: "firstName",
type: "text",
placeholder: "First Name",
required: true,
name: "firstName", type: "text", placeholder: "First Name", required: true,
},
{
name: "lastName",
type: "text",
placeholder: "Last Name",
required: true,
name: "lastName", type: "text", placeholder: "Last Name", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your selected items and any special requests...",
rows: 5,
name: "message", placeholder: "Tell us about your selected items and any special requests...", rows: 5,
required: true,
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3441.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3441.jpg"
imageAlt="Contact HOURI Boutique"
mediaAnimation="opacity"
mediaPosition="right"
@@ -345,61 +233,37 @@ export default function HomePage() {
{
items: [
{
label: "Shop",
href: "#products",
},
label: "Shop", href: "#products"},
{
label: "Women's Collection",
href: "#categories",
},
label: "Women's Collection", href: "#categories"},
{
label: "Men's Collection",
href: "#categories",
},
label: "Men's Collection", href: "#categories"},
{
label: "Accessories",
href: "#categories",
},
label: "Accessories", href: "#categories"},
],
},
{
items: [
{
label: "How It Works",
href: "#how-it-works",
},
label: "How It Works", href: "#how-it-works"},
{
label: "Customer Reviews",
href: "#testimonials",
},
label: "Customer Reviews", href: "#testimonials"},
{
label: "Register",
href: "/auth",
},
label: "Register", href: "/auth"},
{
label: "My Account",
href: "/auth",
},
label: "My Account", href: "/auth"},
],
},
{
items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "About HOURI",
href: "#how-it-works",
},
label: "About HOURI", href: "#how-it-works"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}