diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index cbe08cc..232330a 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -7,7 +7,7 @@ import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne"; import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; import Link from "next/link"; -import { Users, Lightbulb, Award } from "lucide-react"; +import { Users, Lightbulb, Award, Heart } from "lucide-react"; export default function AboutPage() { return ( @@ -17,7 +17,7 @@ export default function AboutPage() { borderRadius="soft" contentWidth="compact" sizing="mediumLarge" - background="noise" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="radial-glow" secondaryButtonStyle="radial-glow" @@ -33,9 +33,7 @@ export default function AboutPage() { { name: "FAQ", id: "faq" }, ]} button={{ - text: "Join Now", - href: "/signup", - }} + text: "Join Now", href: "/signup"}} animateOnLoad={true} /> @@ -51,31 +49,23 @@ export default function AboutPage() { useInvertedBackground={false} bulletPoints={[ { - title: "Founded on Trust", - description: - "We verify every seller to ensure quality, authenticity, and customer satisfaction", - icon: Award, + title: "Founded on Trust", description: + "We verify every seller to ensure quality, authenticity, and customer satisfaction", icon: Award, }, { - title: "Community Driven", - description: - "Our platform empowers independent makers while giving buyers unprecedented customization control", - icon: Users, + title: "Community Driven", description: + "Our platform empowers independent makers while giving buyers unprecedented customization control", icon: Users, }, { - title: "Technology Enabled", - description: - "Cutting-edge tools make it easy for sellers to manage storefronts and buyers to personalize products", - icon: Lightbulb, + title: "Technology Enabled", description: + "Cutting-edge tools make it easy for sellers to manage storefronts and buyers to personalize products", icon: Lightbulb, }, { - title: "Transparent Pricing", - description: - "Simple, fair fees that support sellers while keeping costs reasonable for buyers", - icon: Award, + title: "Transparent Pricing", description: + "Simple, fair fees that support sellers while keeping costs reasonable for buyers", icon: Award, }, ]} - imageSrc="http://img.b2bpic.net/free-photo/company-analyst-studying-business-activity-progress-achieving-strategic-goals_482257-91239.jpg?_wi=4" + imageSrc="http://img.b2bpic.net/free-photo/company-analyst-studying-business-activity-progress-achieving-strategic-goals_482257-91239.jpg" imageAlt="MarketHub mission and values" imagePosition="right" mediaAnimation="slide-up" @@ -90,26 +80,15 @@ export default function AboutPage() { tagAnimation="opacity" metrics={[ { - id: "1", - value: "15K+", - description: "Independent sellers building sustainable businesses through our platform", - }, + id: "1", value: "15K+", description: "Independent sellers building sustainable businesses through our platform"}, { - id: "2", - value: "500K+", - description: "Happy customers who have discovered unique, customized products", - }, + id: "2", value: "500K+", description: "Happy customers who have discovered unique, customized products"}, { - id: "3", - value: "$50M+", - description: "Total sales generated, supporting artisans and makers worldwide", - }, + id: "3", value: "$50M+", description: "Total sales generated, supporting artisans and makers worldwide"}, { - id: "4", - value: "50+", - description: "Countries represented by our global seller and buyer community", - }, + id: "4", value: "50+", description: "Countries represented by our global seller and buyer community"}, ]} + metricsAnimation="opacity" useInvertedBackground={true} className="w-full" /> @@ -126,45 +105,21 @@ export default function AboutPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Maria Rodriguez", - role: "Jewelry Artisan", - company: "Maria's Studio", - rating: 5, + id: "1", name: "Maria Rodriguez", role: "Jewelry Artisan", company: "Maria's Studio", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/arm-close-up-woman-with-shopping-bags_1098-2428.jpg?_wi=3", - imageAlt: "Maria Rodriguez", - }, + "http://img.b2bpic.net/free-photo/arm-close-up-woman-with-shopping-bags_1098-2428.jpg", imageAlt: "Maria Rodriguez"}, { - id: "2", - name: "Thomas Wright", - role: "Woodcraft Creator", - company: "Wright Creations", - rating: 5, + id: "2", name: "Thomas Wright", role: "Woodcraft Creator", company: "Wright Creations", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg?_wi=3", - imageAlt: "Thomas Wright", - }, + "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", imageAlt: "Thomas Wright"}, { - id: "3", - name: "Emma Wilson", - role: "Customer", - company: "Brand Enthusiast", - rating: 5, + id: "3", name: "Emma Wilson", role: "Customer", company: "Brand Enthusiast", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg?_wi=3", - imageAlt: "Emma Wilson", - }, + "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", imageAlt: "Emma Wilson"}, { - id: "4", - name: "Alex Kumar", - role: "Textile Designer", - company: "Kumar Textiles", - rating: 5, + id: "4", name: "Alex Kumar", role: "Textile Designer", company: "Kumar Textiles", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg?_wi=3", - imageAlt: "Alex Kumar", - }, + "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg", imageAlt: "Alex Kumar"}, ]} gridVariant="uniform-all-items-equal" animationType="opacity" @@ -177,8 +132,7 @@ export default function AboutPage() { @@ -51,20 +49,14 @@ export default function HomePage() { tag="Revolutionizing Direct Commerce" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "noise" }} + background={{ variant: "animated-grid" }} mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people-with-food-donations_23-2149142775.jpg", - imageAlt: "Direct selling marketplace", - }, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people-with-food-donations_23-2149142775.jpg", imageAlt: "Direct selling marketplace"}, { - imageSrc: "http://img.b2bpic.net/free-photo/company-analyst-studying-business-activity-progress-achieving-strategic-goals_482257-91239.jpg?_wi=1", - imageAlt: "Seller customization interface", - }, + imageSrc: "http://img.b2bpic.net/free-photo/company-analyst-studying-business-activity-progress-achieving-strategic-goals_482257-91239.jpg", imageAlt: "Seller customization interface"}, { - imageSrc: "http://img.b2bpic.net/free-photo/person-organising-live-shop_23-2149947471.jpg?_wi=1", - imageAlt: "Buyer personalization options", - }, + imageSrc: "http://img.b2bpic.net/free-photo/person-organising-live-shop_23-2149947471.jpg", imageAlt: "Buyer personalization options"}, ]} buttons={[ { text: "Start Selling", href: "/seller-dashboard" }, @@ -87,31 +79,23 @@ export default function HomePage() { useInvertedBackground={false} bulletPoints={[ { - title: "Seller Control", - description: - "Sellers customize their shop appearance, pricing, and product offerings", - icon: Settings, + title: "Seller Control", description: + "Sellers customize their shop appearance, pricing, and product offerings", icon: Settings, }, { - title: "Buyer Customization", - description: - "Customers personalize every product with colors, sizes, text, and designs", - icon: Palette, + title: "Buyer Customization", description: + "Customers personalize every product with colors, sizes, text, and designs", icon: Palette, }, { - title: "Direct Connection", - description: - "Authentic relationships between makers and buyers without middlemen", - icon: Users, + title: "Direct Connection", description: + "Authentic relationships between makers and buyers without middlemen", icon: Users, }, { - title: "Quality Assured", - description: - "Every seller verified and every product meets our quality standards", - icon: CheckCircle, + title: "Quality Assured", description: + "Every seller verified and every product meets our quality standards", icon: CheckCircle, }, ]} - imageSrc="http://img.b2bpic.net/free-photo/company-analyst-studying-business-activity-progress-achieving-strategic-goals_482257-91239.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/company-analyst-studying-business-activity-progress-achieving-strategic-goals_482257-91239.jpg" imageAlt="Seller customization platform" imagePosition="right" mediaAnimation="slide-up" @@ -130,39 +114,18 @@ export default function HomePage() { useInvertedBackground={true} features={[ { - id: "shop-design", - label: "Shop Design", - title: "Create Your Brand Identity", - items: [ - "Custom storefront themes", - "Branded banners and logos", - "Color scheme customization", - "Mobile-responsive layouts", - ], + id: "shop-design", label: "Shop Design", title: "Create Your Brand Identity", items: [ + "Custom storefront themes", "Branded banners and logos", "Color scheme customization", "Mobile-responsive layouts"], buttons: [{ text: "View Templates", href: "#" }], }, { - id: "product-mgmt", - label: "Products", - title: "Showcase & Manage Your Catalog", - items: [ - "Unlimited product listings", - "Bulk upload capabilities", - "Dynamic pricing options", - "Inventory tracking system", - ], + id: "product-mgmt", label: "Products", title: "Showcase & Manage Your Catalog", items: [ + "Unlimited product listings", "Bulk upload capabilities", "Dynamic pricing options", "Inventory tracking system"], buttons: [{ text: "Learn More", href: "#" }], }, { - id: "customization-rules", - label: "Options", - title: "Set Buyer Customization Rules", - items: [ - "Define customizable fields", - "Set size and color variations", - "Upload personalization templates", - "Charge custom fees for options", - ], + id: "customization-rules", label: "Options", title: "Set Buyer Customization Rules", items: [ + "Define customizable fields", "Set size and color variations", "Upload personalization templates", "Charge custom fees for options"], buttons: [{ text: "Configure", href: "#" }], }, ]} @@ -182,39 +145,18 @@ export default function HomePage() { useInvertedBackground={false} features={[ { - id: "design-studio", - label: "Studio", - title: "Interactive Design Customization", - items: [ - "Real-time preview editor", - "Color palette selector", - "Text personalization tools", - "Image upload for custom designs", - ], + id: "design-studio", label: "Studio", title: "Interactive Design Customization", items: [ + "Real-time preview editor", "Color palette selector", "Text personalization tools", "Image upload for custom designs"], buttons: [{ text: "Try Now", href: "#" }], }, { - id: "variations", - label: "Options", - title: "Select Your Perfect Variants", - items: [ - "Size and fit selection", - "Material preferences", - "Style and design choices", - "Add-on options and upgrades", - ], + id: "variations", label: "Options", title: "Select Your Perfect Variants", items: [ + "Size and fit selection", "Material preferences", "Style and design choices", "Add-on options and upgrades"], buttons: [{ text: "Explore", href: "#" }], }, { - id: "cart-checkout", - label: "Cart", - title: "Easy Cart & Secure Checkout", - items: [ - "Save customizations as favorites", - "Share designs with friends", - "Multiple payment methods", - "Order tracking and support", - ], + id: "cart-checkout", label: "Cart", title: "Easy Cart & Secure Checkout", items: [ + "Save customizations as favorites", "Share designs with friends", "Multiple payment methods", "Order tracking and support"], buttons: [{ text: "Shop", href: "#" }], }, ]} @@ -234,29 +176,14 @@ export default function HomePage() { useInvertedBackground={false} products={[ { - id: "1", - name: "Custom T-Shirt Canvas", - price: "$24.99", - imageSrc: - "http://img.b2bpic.net/free-photo/cropped-photo-woman-tasting-cheese-wooden-board-with-christmas-decorations-background_132075-11273.jpg?_wi=1", - imageAlt: "Custom t-shirt", - }, + id: "1", name: "Custom T-Shirt Canvas", price: "$24.99", imageSrc: + "http://img.b2bpic.net/free-photo/cropped-photo-woman-tasting-cheese-wooden-board-with-christmas-decorations-background_132075-11273.jpg", imageAlt: "Custom t-shirt"}, { - id: "2", - name: "Personalized Mug Set", - price: "$34.99", - imageSrc: - "http://img.b2bpic.net/free-photo/top-view-valentines-day-presents-with-ring-biscuits-dark-brown-background-color-gift-feeling-marriage-holiday-couple_140725-157973.jpg?_wi=1", - imageAlt: "Personalized mug", - }, + id: "2", name: "Personalized Mug Set", price: "$34.99", imageSrc: + "http://img.b2bpic.net/free-photo/top-view-valentines-day-presents-with-ring-biscuits-dark-brown-background-color-gift-feeling-marriage-holiday-couple_140725-157973.jpg", imageAlt: "Personalized mug"}, { - id: "3", - name: "Custom Phone Case Pro", - price: "$29.99", - imageSrc: - "http://img.b2bpic.net/free-photo/turquoise-wooden-table-front-shopping-mall_23-2147907236.jpg?_wi=1", - imageAlt: "Custom phone case", - }, + id: "3", name: "Custom Phone Case Pro", price: "$29.99", imageSrc: + "http://img.b2bpic.net/free-photo/turquoise-wooden-table-front-shopping-mall_23-2147907236.jpg", imageAlt: "Custom phone case"}, ]} gridVariant="three-columns-all-equal-width" animationType="scale-rotate" @@ -272,30 +199,19 @@ export default function HomePage() { tagAnimation="opacity" metrics={[ { - id: "1", - value: "1", - description: - "Join our marketplace as a seller or browse as a buyer. Set up your account in minutes.", - }, + id: "1", value: "1", description: + "Join our marketplace as a seller or browse as a buyer. Set up your account in minutes."}, { - id: "2", - value: "2", - description: - "Sellers customize their storefront. Buyers explore and personalize products to perfection.", - }, + id: "2", value: "2", description: + "Sellers customize their storefront. Buyers explore and personalize products to perfection."}, { - id: "3", - value: "3", - description: - "Place your order and receive your unique, custom-made product delivered to your door.", - }, + id: "3", value: "3", description: + "Place your order and receive your unique, custom-made product delivered to your door."}, { - id: "4", - value: "100%", - description: - "Customer satisfaction guaranteed with secure payments and buyer protection policies.", - }, + id: "4", value: "100%", description: + "Customer satisfaction guaranteed with secure payments and buyer protection policies."}, ]} + metricsAnimation="opacity" useInvertedBackground={true} className="w-full" /> @@ -312,45 +228,21 @@ export default function HomePage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Jennifer Martinez", - role: "Artisan Seller", - company: "JM Crafts Studio", - rating: 5, + id: "1", name: "Jennifer Martinez", role: "Artisan Seller", company: "JM Crafts Studio", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/arm-close-up-woman-with-shopping-bags_1098-2428.jpg?_wi=1", - imageAlt: "Jennifer Martinez", - }, + "http://img.b2bpic.net/free-photo/arm-close-up-woman-with-shopping-bags_1098-2428.jpg", imageAlt: "Jennifer Martinez"}, { - id: "2", - name: "David Chen", - role: "Founder", - company: "Chen's Creations", - rating: 5, + id: "2", name: "David Chen", role: "Founder", company: "Chen's Creations", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg?_wi=1", - imageAlt: "David Chen", - }, + "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", imageAlt: "David Chen"}, { - id: "3", - name: "Sarah Thompson", - role: "Buyer", - company: "Personal Shopper", - rating: 5, + id: "3", name: "Sarah Thompson", role: "Buyer", company: "Personal Shopper", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg?_wi=1", - imageAlt: "Sarah Thompson", - }, + "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", imageAlt: "Sarah Thompson"}, { - id: "4", - name: "Marcus Williams", - role: "Shop Owner", - company: "Williams Goods", - rating: 5, + id: "4", name: "Marcus Williams", role: "Shop Owner", company: "Williams Goods", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg?_wi=1", - imageAlt: "Marcus Williams", - }, + "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg", imageAlt: "Marcus Williams"}, ]} gridVariant="uniform-all-items-equal" animationType="opacity" @@ -377,8 +269,7 @@ export default function HomePage() { @@ -51,31 +49,23 @@ export default function SellerDashboardPage() { useInvertedBackground={false} bulletPoints={[ { - title: "Manage Storefront", - description: - "Customize your shop appearance and branding with intuitive design tools", - icon: Settings, + title: "Manage Storefront", description: + "Customize your shop appearance and branding with intuitive design tools", icon: Settings, }, { - title: "Track Performance", - description: - "Monitor sales, customer feedback, and growth metrics in real-time", - icon: BarChart3, + title: "Track Performance", description: + "Monitor sales, customer feedback, and growth metrics in real-time", icon: BarChart3, }, { - title: "Inventory Control", - description: - "Manage product listings and set custom personalization options", - icon: Package, + title: "Inventory Control", description: + "Manage product listings and set custom personalization options", icon: Package, }, { - title: "Seller Analytics", - description: - "Get insights into customer preferences and sales trends", - icon: Target, + title: "Seller Analytics", description: + "Get insights into customer preferences and sales trends", icon: Target, }, ]} - imageSrc="http://img.b2bpic.net/free-photo/company-analyst-studying-business-activity-progress-achieving-strategic-goals_482257-91239.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/company-analyst-studying-business-activity-progress-achieving-strategic-goals_482257-91239.jpg" imageAlt="Seller dashboard features" imagePosition="right" mediaAnimation="slide-up" @@ -94,45 +84,24 @@ export default function SellerDashboardPage() { useInvertedBackground={true} features={[ { - id: "shop-builder", - label: "Shop Builder", - title: "Create Your Brand Store", - items: [ - "Drag-and-drop store design", - "Customizable banners and logos", - "Responsive mobile design", - "SEO optimization built-in", - ], + id: "shop-builder", label: "Shop Builder", title: "Create Your Brand Store", items: [ + "Drag-and-drop store design", "Customizable banners and logos", "Responsive mobile design", "SEO optimization built-in"], buttons: [ { text: "Start Building", href: "#" }, { text: "View Templates", href: "#" }, ], }, { - id: "product-editor", - label: "Products", - title: "Manage Your Catalog", - items: [ - "Bulk product upload", - "Dynamic pricing control", - "Automatic inventory sync", - "Customization rule builder", - ], + id: "product-editor", label: "Products", title: "Manage Your Catalog", items: [ + "Bulk product upload", "Dynamic pricing control", "Automatic inventory sync", "Customization rule builder"], buttons: [ { text: "Add Products", href: "#" }, { text: "Learn More", href: "#" }, ], }, { - id: "order-management", - label: "Orders", - title: "Streamlined Order Handling", - items: [ - "Real-time order notifications", - "Automated order processing", - "Shipping label generation", - "Customer communication tools", - ], + id: "order-management", label: "Orders", title: "Streamlined Order Handling", items: [ + "Real-time order notifications", "Automated order processing", "Shipping label generation", "Customer communication tools"], buttons: [ { text: "Manage Orders", href: "#" }, { text: "View Help", href: "#" }, @@ -151,26 +120,15 @@ export default function SellerDashboardPage() { tagAnimation="opacity" metrics={[ { - id: "1", - value: "15K+", - description: "Active sellers building thriving businesses on our platform", - }, + id: "1", value: "15K+", description: "Active sellers building thriving businesses on our platform"}, { - id: "2", - value: "2M+", - description: "Products customized by buyers, creating unique commerce experiences", - }, + id: "2", value: "2M+", description: "Products customized by buyers, creating unique commerce experiences"}, { - id: "3", - value: "98%", - description: "Seller satisfaction rate with our tools and customer support", - }, + id: "3", value: "98%", description: "Seller satisfaction rate with our tools and customer support"}, { - id: "4", - value: "24/7", - description: "Dedicated seller support team to help you succeed", - }, + id: "4", value: "24/7", description: "Dedicated seller support team to help you succeed"}, ]} + metricsAnimation="opacity" useInvertedBackground={false} className="w-full" /> @@ -180,8 +138,7 @@ export default function SellerDashboardPage() {