Merge version_1 into main #3
@@ -3,9 +3,14 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Star, Sparkles } from "lucide-react";
|
||||
|
||||
export default function BrowsePage() {
|
||||
const navItems = [
|
||||
@@ -18,8 +23,7 @@ export default function BrowsePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Browse Products", href: "/browse" },
|
||||
{ label: "Become a Seller", href: "/sell" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
@@ -27,8 +31,7 @@ export default function BrowsePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -36,8 +39,7 @@ export default function BrowsePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Safety Tips", href: "#" },
|
||||
@@ -69,17 +71,17 @@ export default function BrowsePage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Explore Our Marketplace"
|
||||
description="Discover thousands of quality products from trusted sellers across all categories. Find what you're looking for with our advanced search and filters."
|
||||
tag="Browse Products"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-professional-product-photography-setup-1772973888506-58aa43ea.png?_wi=5"
|
||||
imageAlt="Product Browse Experience"
|
||||
title="Explore Our Complete Product Catalog"
|
||||
description="Browse thousands of quality items from trusted sellers across all categories. Find exactly what you're looking for with our advanced search and filtering tools."
|
||||
tag="Browse & Discover"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-vibrant-modern-e-commerce-marketplace--1772973889182-78219fc7.png"
|
||||
imageAlt="Browse Our Marketplace"
|
||||
textPosition="bottom-left"
|
||||
showBlur={true}
|
||||
showDimOverlay={true}
|
||||
buttons={[
|
||||
{ text: "Start Shopping", href: "#featured-products" },
|
||||
{ text: "View Categories", href: "#categories" },
|
||||
{ text: "View Sellers", href: "#sellers" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -87,43 +89,23 @@ export default function BrowsePage() {
|
||||
<div id="featured-products" data-section="featured-products">
|
||||
<ProductCardOne
|
||||
title="Featured Products"
|
||||
description="Curated selections and bestsellers from our marketplace. Shop from verified sellers and enjoy secure checkout."
|
||||
tag="Popular Items"
|
||||
description="Discover quality items from trusted sellers across all categories. From electronics to fashion, find everything you need."
|
||||
tag="Bestsellers"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Headphones",
|
||||
price: "250 TJS",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-professional-product-photography-setup-1772973888506-58aa43ea.png?_wi=6",
|
||||
imageAlt: "Premium Headphones",
|
||||
},
|
||||
id: "1", name: "Premium Headphones", price: "250 TJS", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-professional-product-photography-setup-1772973888506-58aa43ea.png", imageAlt: "Premium Headphones"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Handcrafted Textile",
|
||||
price: "150 TJS",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-beautiful-arrangement-of-handcrafted-a-1772973890393-c46fbd0b.png?_wi=3",
|
||||
imageAlt: "Handcrafted Textile",
|
||||
},
|
||||
id: "2", name: "Handcrafted Textile", price: "150 TJS", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-beautiful-arrangement-of-handcrafted-a-1772973890393-c46fbd0b.png", imageAlt: "Handcrafted Textile"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Smart Watch",
|
||||
price: "400 TJS",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/modern-tech-gadgets-fashion-items-and-co-1772973891108-2ab60d55.png?_wi=5",
|
||||
imageAlt: "Smart Watch",
|
||||
},
|
||||
id: "3", name: "Smart Watch", price: "400 TJS", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/modern-tech-gadgets-fashion-items-and-co-1772973891108-2ab60d55.png", imageAlt: "Smart Watch"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fashion Jacket",
|
||||
price: "200 TJS",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/modern-tech-gadgets-fashion-items-and-co-1772973891108-2ab60d55.png?_wi=6",
|
||||
imageAlt: "Fashion Jacket",
|
||||
},
|
||||
id: "4", name: "Fashion Jacket", price: "200 TJS", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/modern-tech-gadgets-fashion-items-and-co-1772973891108-2ab60d55.png", imageAlt: "Fashion Jacket"},
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -133,40 +115,118 @@ export default function BrowsePage() {
|
||||
<div id="categories" data-section="categories">
|
||||
<FeatureCardTwentyThree
|
||||
title="Shop by Category"
|
||||
description="Explore our diverse range of product categories from electronics and fashion to home goods and artisanal crafts."
|
||||
tag="All Categories"
|
||||
description="Browse products organized by category to find exactly what you're looking for."
|
||||
tag="Categories"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Electronics & Gadgets",
|
||||
tags: ["Tech", "Innovation"],
|
||||
id: "1", title: "Electronics & Gadgets", tags: ["Tech", "Latest"],
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/modern-tech-gadgets-fashion-items-and-co-1772973891108-2ab60d55.png?_wi=7",
|
||||
imageAlt: "Electronics",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/modern-tech-gadgets-fashion-items-and-co-1772973891108-2ab60d55.png", imageAlt: "Electronics"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fashion & Clothing",
|
||||
tags: ["Style", "Trendy"],
|
||||
id: "2", title: "Fashion & Apparel", tags: ["Trending", "Styles"],
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/modern-tech-gadgets-fashion-items-and-co-1772973891108-2ab60d55.png?_wi=8",
|
||||
imageAlt: "Fashion",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/modern-tech-gadgets-fashion-items-and-co-1772973891108-2ab60d55.png", imageAlt: "Fashion"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Local Artisanal Goods",
|
||||
tags: ["Handmade", "Cultural"],
|
||||
id: "3", title: "Home & Artisan", tags: ["Handmade", "Local"],
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-beautiful-arrangement-of-handcrafted-a-1772973890393-c46fbd0b.png?_wi=4",
|
||||
imageAlt: "Artisanal Goods",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-beautiful-arrangement-of-handcrafted-a-1772973890393-c46fbd0b.png", imageAlt: "Home & Artisan"},
|
||||
]}
|
||||
animationType="fade-in"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-shop-agora" data-section="why-shop-agora">
|
||||
<FeatureCardTwentyThree
|
||||
title="Why Shop on Agora"
|
||||
description="Experience safe, secure, and rewarding shopping with buyer protection and verified sellers."
|
||||
tag="Shopping Benefits"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Verified Sellers", tags: ["Quality", "Trusted"],
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-secure-payment-processing-illustration-1772973889204-1e2b86b3.png", imageAlt: "Verified Sellers"},
|
||||
{
|
||||
id: "2", title: "Buyer Protection", tags: ["Secure", "Guaranteed"],
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-user-review-and-rating-system-interfac-1772973890236-b12f5183.png", imageAlt: "Buyer Protection"},
|
||||
{
|
||||
id: "3", title: "Fast Delivery", tags: ["Quick", "Reliable"],
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-comprehensive-logistics-and-delivery-s-1772973889708-1430bc38.png", imageAlt: "Fast Delivery"},
|
||||
]}
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="customer-reviews" data-section="customer-reviews">
|
||||
<TestimonialCardFive
|
||||
title="What Buyers Say"
|
||||
description="Real feedback from customers who shop on Agora."
|
||||
tag="Reviews"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Ahmad Hassan, Electronics Buyer", date: "Date: 20 November 2024", title: "Finally, a trustworthy marketplace in Tajikistan!", quote:
|
||||
"I was skeptical about online shopping at first, but Agora's verification system and buyer protection guarantee convinced me to try. The selection is incredible, prices are competitive, and delivery was faster than expected. I've made over 50 purchases and never had an issue.", tag: "Buyer Experience", avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-professional-portrait-of-a-male-buyer--1772973890011-460da166.png", avatarAlt: "Ahmad Hassan", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/modern-tech-gadgets-fashion-items-and-co-1772973891108-2ab60d55.png", imageAlt: "Product Selection"},
|
||||
{
|
||||
id: "2", name: "Zainab Rahimi, Artisan Buyer", date: "Date: 25 October 2024", title: "Supporting local artisans has never been easier!", quote:
|
||||
"I love that Agora features local Tajik artisans and craftspeople. I've found beautiful handmade textiles and ceramics that I couldn't get anywhere else. The shipping is reliable and the sellers are responsive. It feels good to support small businesses directly.", tag: "Local Support", avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-professional-portrait-of-a-female-buye-1772973888191-96c096d2.png", avatarAlt: "Zainab Rahimi", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-beautiful-arrangement-of-handcrafted-a-1772973890393-c46fbd0b.png", imageAlt: "Artisan Products"},
|
||||
{
|
||||
id: "3", name: "Layla Karimova, Fashion Enthusiast", date: "Date: 12 November 2024", title: "Amazing variety and great prices", quote:
|
||||
"The variety on Agora is unmatched. I can find everything from international brands to local designers all in one place. The reviews from other buyers really help me make decisions, and I've never been disappointed with my purchases. This is my go-to marketplace.", tag: "Fashion Lover", avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-professional-portrait-of-a-younger-fem-1772973888366-4213e918.png", avatarAlt: "Layla Karimova", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/modern-tech-gadgets-fashion-items-and-co-1772973891108-2ab60d55.png", imageAlt: "Fashion Startup"},
|
||||
{
|
||||
id: "4", name: "Davron Nazarov, Regular Shopper", date: "Date: 18 October 2024", title: "The best online shopping experience I've had", quote:
|
||||
"I've used other marketplaces, but Agora stands out. The interface is intuitive, the search filters work great, and customer service is responsive when I have questions. I recommend Agora to all my friends and family.", tag: "Loyal Customer", avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-professional-portrait-of-a-mature-male-1772973887849-514c1d5e.png", avatarAlt: "Davron Nazarov", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-comprehensive-seller-dashboard-showing-1772973889296-fde5e943.png", imageAlt: "Enterprise Dashboard"},
|
||||
{
|
||||
id: "5", name: "Farah Madina, Smart Shopper", date: "Date: 15 November 2024", title: "Smart shopping with great deals", quote:
|
||||
"I love the featured products section and the daily deals. The seller ratings give me confidence to buy from new shops, and the payment options are convenient. Agora has become my first choice for online shopping.", tag: "Deal Hunter", avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-professional-portrait-photo-of-a-femal-1772973887607-ae29ff49.png", avatarAlt: "Farah Madina", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-comprehensive-seller-dashboard-showing-1772973889296-fde5e943.png", imageAlt: "Successful Seller Dashboard"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Have Questions?"
|
||||
description="Can't find what you're looking for? Let us help. Whether you need product recommendations, help with your order, or have feedback, our support team is ready to assist."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName", type: "text", placeholder: "Your Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "your@email.com", required: true,
|
||||
},
|
||||
{
|
||||
name: "subject", type: "text", placeholder: "What can we help with?", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us more about your question or feedback...", rows: 6,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfATri1ARrOQorvhwVYfwDnLkV/a-warm-professional-image-showing-divers-1772973889111-1ca5e421.png"
|
||||
imageAlt="Agora Support Team"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
useInvertedBackground={false}
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Agora"
|
||||
|
||||
Reference in New Issue
Block a user