Merge version_1 into main #2
208
src/app/page.tsx
208
src/app/page.tsx
@@ -9,6 +9,7 @@ import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import Link from "next/link";
|
||||
import { Sparkles, Heart, CheckCircle, Globe, Zap } from "lucide-react";
|
||||
@@ -17,7 +18,7 @@ export default function HomePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
@@ -70,52 +71,22 @@ export default function HomePage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Handwoven Moroccan Basket",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-handmade-material-texture_23-2148383660.jpg",
|
||||
imageAlt: "Handwoven Moroccan basket",
|
||||
initialQuantity: 1,
|
||||
id: "1", name: "Handwoven Moroccan Basket", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/colorful-handmade-material-texture_23-2148383660.jpg", imageAlt: "Handwoven Moroccan basket", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Vintage Ceramic Vase Set",
|
||||
price: "$78.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-white-vase-with-plants_23-2149681125.jpg",
|
||||
imageAlt: "Set of vintage ceramic vases",
|
||||
initialQuantity: 1,
|
||||
id: "2", name: "Vintage Ceramic Vase Set", price: "$78.50", imageSrc: "http://img.b2bpic.net/free-photo/minimal-white-vase-with-plants_23-2149681125.jpg", imageAlt: "Set of vintage ceramic vases", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Handcrafted Leather Journal",
|
||||
price: "$32.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-book-flowers-glasses_23-2148213832.jpg",
|
||||
imageAlt: "Handcrafted leather-bound journal",
|
||||
initialQuantity: 1,
|
||||
id: "3", name: "Handcrafted Leather Journal", price: "$32.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-book-flowers-glasses_23-2148213832.jpg", imageAlt: "Handcrafted leather-bound journal", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Artisan Organic Soap Collection",
|
||||
price: "$24.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-aligned-various-soap_23-2148287747.jpg",
|
||||
imageAlt: "Collection of artisan organic soaps",
|
||||
initialQuantity: 1,
|
||||
id: "4", name: "Artisan Organic Soap Collection", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-aligned-various-soap_23-2148287747.jpg", imageAlt: "Collection of artisan organic soaps", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hand-Thrown Ceramic Mug",
|
||||
price: "$28.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-vase-with-clay_1157-30696.jpg",
|
||||
imageAlt: "Hand-thrown ceramic coffee mug",
|
||||
initialQuantity: 1,
|
||||
id: "5", name: "Hand-Thrown Ceramic Mug", price: "$28.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-vase-with-clay_1157-30696.jpg", imageAlt: "Hand-thrown ceramic coffee mug", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Vintage Brass Jewelry Box",
|
||||
price: "$55.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-decor-different-vases-wooden-wall_169016-5959.jpg",
|
||||
imageAlt: "Vintage brass jewelry storage box",
|
||||
initialQuantity: 1,
|
||||
id: "6", name: "Vintage Brass Jewelry Box", price: "$55.00", imageSrc: "http://img.b2bpic.net/free-photo/home-decor-different-vases-wooden-wall_169016-5959.jpg", imageAlt: "Vintage brass jewelry storage box", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -133,33 +104,13 @@ export default function HomePage() {
|
||||
carouselMode="buttons"
|
||||
features={[
|
||||
{
|
||||
id: "01",
|
||||
title: "Handmade Home",
|
||||
description: "Artisan-crafted home décor, furniture, and accessories from independent makers",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-decorative-details-interior_169016-1880.jpg",
|
||||
imageAlt: "Handmade home décor",
|
||||
},
|
||||
id: "01", title: "Handmade Home", description: "Artisan-crafted home décor, furniture, and accessories from independent makers", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-decorative-details-interior_169016-1880.jpg", imageAlt: "Handmade home décor"},
|
||||
{
|
||||
id: "02",
|
||||
title: "Vintage Treasures",
|
||||
description: "Curated vintage items and antiques sourced from authentic collectors worldwide",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vendor-selling-miscellaneous-items-yard-sale_23-2151216836.jpg",
|
||||
imageAlt: "Vintage collectibles",
|
||||
},
|
||||
id: "02", title: "Vintage Treasures", description: "Curated vintage items and antiques sourced from authentic collectors worldwide", imageSrc: "http://img.b2bpic.net/free-photo/vendor-selling-miscellaneous-items-yard-sale_23-2151216836.jpg", imageAlt: "Vintage collectibles"},
|
||||
{
|
||||
id: "03",
|
||||
title: "Fashion & Jewelry",
|
||||
description: "Unique wearables and jewelry pieces designed and made by independent artisans",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-studio-creates-leather-ware_1157-33217.jpg",
|
||||
imageAlt: "Fashion and jewelry",
|
||||
},
|
||||
id: "03", title: "Fashion & Jewelry", description: "Unique wearables and jewelry pieces designed and made by independent artisans", imageSrc: "http://img.b2bpic.net/free-photo/man-studio-creates-leather-ware_1157-33217.jpg", imageAlt: "Fashion and jewelry"},
|
||||
{
|
||||
id: "04",
|
||||
title: "Digital Products",
|
||||
description: "Creative digital downloads including templates, designs, and creative resources",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/digital-marketing-facebook-post-template_23-2148720349.jpg",
|
||||
imageAlt: "Digital products",
|
||||
},
|
||||
id: "04", title: "Digital Products", description: "Creative digital downloads including templates, designs, and creative resources", imageSrc: "http://img.b2bpic.net/free-vector/digital-marketing-facebook-post-template_23-2148720349.jpg", imageAlt: "Digital products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -176,47 +127,17 @@ export default function HomePage() {
|
||||
carouselMode="buttons"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Luna García",
|
||||
role: "Textile Artist & Weaver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-holding-brushes_52683-88936.jpg",
|
||||
imageAlt: "Luna García, textile artist",
|
||||
},
|
||||
id: "1", name: "Luna García", role: "Textile Artist & Weaver", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-holding-brushes_52683-88936.jpg", imageAlt: "Luna García, textile artist"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "Ceramics & Pottery Master",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-pottery-workshop_23-2148970745.jpg",
|
||||
imageAlt: "James Chen, ceramicist",
|
||||
},
|
||||
id: "2", name: "James Chen", role: "Ceramics & Pottery Master", imageSrc: "http://img.b2bpic.net/free-photo/man-working-pottery-workshop_23-2148970745.jpg", imageAlt: "James Chen, ceramicist"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofia Rossi",
|
||||
role: "Vintage Curator & Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-blonde-woman-jeans-oversize-jacket-walking-against-wall-street_285396-8042.jpg",
|
||||
imageAlt: "Sofia Rossi, vintage curator",
|
||||
},
|
||||
id: "3", name: "Sofia Rossi", role: "Vintage Curator & Collector", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-blonde-woman-jeans-oversize-jacket-walking-against-wall-street_285396-8042.jpg", imageAlt: "Sofia Rossi, vintage curator"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Thompson",
|
||||
role: "Leather Craftsperson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-crafting-instrument-his-workshop_23-2149018555.jpg",
|
||||
imageAlt: "Marcus Thompson, leather artisan",
|
||||
},
|
||||
id: "4", name: "Marcus Thompson", role: "Leather Craftsperson", imageSrc: "http://img.b2bpic.net/free-photo/man-crafting-instrument-his-workshop_23-2149018555.jpg", imageAlt: "Marcus Thompson, leather artisan"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amara Okafor",
|
||||
role: "Sustainable Fashion Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148875297.jpg",
|
||||
imageAlt: "Amara Okafor, fashion designer",
|
||||
},
|
||||
id: "5", name: "Amara Okafor", role: "Sustainable Fashion Designer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148875297.jpg", imageAlt: "Amara Okafor, fashion designer"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Yuki Tanaka",
|
||||
role: "Woodworking & Furniture",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451104.jpg",
|
||||
imageAlt: "Yuki Tanaka, woodworker",
|
||||
},
|
||||
id: "6", name: "Yuki Tanaka", role: "Woodworking & Furniture", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451104.jpg", imageAlt: "Yuki Tanaka, woodworker"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -229,14 +150,7 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Etsy Sellers",
|
||||
"Independent Artisans",
|
||||
"Vintage Collectors",
|
||||
"Sustainable Makers",
|
||||
"Global Crafters",
|
||||
"Conscious Consumers",
|
||||
"Small Business Owners",
|
||||
]}
|
||||
"Etsy Sellers", "Independent Artisans", "Vintage Collectors", "Sustainable Makers", "Global Crafters", "Conscious Consumers", "Small Business Owners"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -250,34 +164,24 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imagePosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4045.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4045.jpg"
|
||||
imageAlt="Yume marketplace platform"
|
||||
mediaAnimation="blur-reveal"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Fair Income for Makers",
|
||||
description: "Transparent pricing structure ensures creators earn a fair income without inventory overhead",
|
||||
icon: Sparkles,
|
||||
title: "Fair Income for Makers", description: "Transparent pricing structure ensures creators earn a fair income without inventory overhead", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Authentic Connections",
|
||||
description: "Every product tells a story. Buyers discover the real makers behind each handcrafted piece",
|
||||
icon: Heart,
|
||||
title: "Authentic Connections", description: "Every product tells a story. Buyers discover the real makers behind each handcrafted piece", icon: Heart,
|
||||
},
|
||||
{
|
||||
title: "Curated & Authentic",
|
||||
description: "Quality control and seller verification ensure only genuine handmade, vintage, and unique items",
|
||||
icon: CheckCircle,
|
||||
title: "Curated & Authentic", description: "Quality control and seller verification ensure only genuine handmade, vintage, and unique items", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Global Community",
|
||||
description: "Connect with independent creators from around the world and support sustainable small businesses",
|
||||
icon: Globe,
|
||||
title: "Global Community", description: "Connect with independent creators from around the world and support sustainable small businesses", icon: Globe,
|
||||
},
|
||||
{
|
||||
title: "Easy Selling",
|
||||
description: "Simple setup process for sellers with tools to manage inventory, shipping, and customer relationships",
|
||||
icon: Zap,
|
||||
title: "Easy Selling", description: "Simple setup process for sellers with tools to manage inventory, shipping, and customer relationships", icon: Zap,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -290,53 +194,49 @@ export default function HomePage() {
|
||||
tag="Help & Support"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqsAnimation="reveal-blur"
|
||||
faqsAnimation="slide-up"
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I buy items on Yume?",
|
||||
content: "Simply browse our categories, add items to your cart, and proceed to checkout. We accept all major payment methods. Orders are securely processed and shipped directly from sellers worldwide.",
|
||||
},
|
||||
id: "1", title: "How do I buy items on Yume?", content: "Simply browse our categories, add items to your cart, and proceed to checkout. We accept all major payment methods. Orders are securely processed and shipped directly from sellers worldwide."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is everything on Yume handmade?",
|
||||
content: "Our marketplace features three types of items: handmade goods crafted by independent makers, authentic vintage and antique items, and digital products. Each seller clearly indicates their product type for full transparency.",
|
||||
},
|
||||
id: "2", title: "Is everything on Yume handmade?", content: "Our marketplace features three types of items: handmade goods crafted by independent makers, authentic vintage and antique items, and digital products. Each seller clearly indicates their product type for full transparency."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I become a seller?",
|
||||
content: "Visit our Seller Hub and complete the registration process. Provide your seller profile, photography samples, and product information. Our team reviews applications to ensure quality and authenticity standards.",
|
||||
},
|
||||
id: "3", title: "How do I become a seller?", content: "Visit our Seller Hub and complete the registration process. Provide your seller profile, photography samples, and product information. Our team reviews applications to ensure quality and authenticity standards."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What are Yume's fees for sellers?",
|
||||
content: "We offer transparent, competitive pricing: 5% marketplace fee on sales, plus payment processing fees. No listing fees, no inventory storage costs, and no hidden charges. Sellers earn fair income from day one.",
|
||||
},
|
||||
id: "4", title: "What are Yume's fees for sellers?", content: "We offer transparent, competitive pricing: 5% marketplace fee on sales, plus payment processing fees. No listing fees, no inventory storage costs, and no hidden charges. Sellers earn fair income from day one."},
|
||||
{
|
||||
id: "5",
|
||||
title: "How long does shipping take?",
|
||||
content: "Shipping times vary by seller and location. Most items ship within 3-7 business days. International shipping is available to over 150 countries. Tracking information is provided with every order.",
|
||||
},
|
||||
id: "5", title: "How long does shipping take?", content: "Shipping times vary by seller and location. Most items ship within 3-7 business days. International shipping is available to over 150 countries. Tracking information is provided with every order."},
|
||||
{
|
||||
id: "6",
|
||||
title: "What's your return policy?",
|
||||
content: "Each seller has their own return policy (typically 30 days for unused items). We facilitate disputes and protect both buyers and sellers. Visit our Buyer Protection page for detailed information.",
|
||||
},
|
||||
id: "6", title: "What's your return policy?", content: "Each seller has their own return policy (typically 30 days for unused items). We facilitate disputes and protect both buyers and sellers. Visit our Buyer Protection page for detailed information."},
|
||||
{
|
||||
id: "7",
|
||||
title: "How are sellers verified?",
|
||||
content: "We verify all sellers through a multi-step process including identity verification, sample product review, and customer feedback tracking. Our community trust rating helps buyers identify reliable sellers.",
|
||||
},
|
||||
id: "7", title: "How are sellers verified?", content: "We verify all sellers through a multi-step process including identity verification, sample product review, and customer feedback tracking. Our community trust rating helps buyers identify reliable sellers."},
|
||||
{
|
||||
id: "8",
|
||||
title: "Can I customize or request made-to-order items?",
|
||||
content: "Many of our artisans offer customization options. Use the 'Contact Seller' feature on product pages to discuss custom orders, sizing, colors, or personalization before purchasing.",
|
||||
},
|
||||
id: "8", title: "Can I customize or request made-to-order items?", content: "Many of our artisans offer customization options. Use the 'Contact Seller' feature on product pages to discuss custom orders, sizing, colors, or personalization before purchasing."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get in Touch"
|
||||
description="Have questions about buying, selling, or our community? We'd love to hear from you. Reach out and let's connect."
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/diversity-concept-with-hands_23-2149176191.jpg"
|
||||
imageAlt="Yume community connection"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "subject", type: "text", placeholder: "Subject", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us how we can help...", rows: 5, required: true }}
|
||||
buttonText="Send Message"
|
||||
ariaLabel="Contact form"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Yume"
|
||||
|
||||
Reference in New Issue
Block a user