Update src/app/page.tsx
This commit is contained in:
151
src/app/page.tsx
151
src/app/page.tsx
@@ -10,32 +10,31 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { CheckCircle, CreditCard, Lock, Mail, MessageSquare, Package, ShoppingBag, Shield, Star, User } from 'lucide-react';
|
||||
import { CheckCircle, CreditCard, Lock, Mail, MessageSquare, Package, ShoppingBag, Shield, Star, User, Heart, Filter, TrendingUp } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Categories", id: "categories" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Categories", id: "/categories" },
|
||||
{ name: "Cart", id: "/cart" }
|
||||
]}
|
||||
button={{ text: "Browse Catalog", href: "#products" }}
|
||||
button={{ text: "Sign In", href: "/login" }}
|
||||
brandName="Uzum Market"
|
||||
/>
|
||||
</div>
|
||||
@@ -43,30 +42,30 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Uzum Market"
|
||||
description="Discover premium products across electronics, fashion, home goods, and more. Shop with confidence from trusted sellers and enjoy fast delivery."
|
||||
description="Your modern online marketplace for premium products. Discover curated items with smooth shopping experience, smart filters, and fast delivery across all categories."
|
||||
buttons={[
|
||||
{ text: "Start Shopping", href: "#products" },
|
||||
{ text: "Learn More", href: "#about" }
|
||||
{ text: "Shop Now", href: "/products" },
|
||||
{ text: "Browse Categories", href: "/categories" }
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
background={{ variant: "floatingGradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/african-american-man-looks-clothes-online-touch-screen-monitor-fashion-boutique-mall-self-service-board-male-customer-looking-trendy-clothes-items-retail-kiosk-display_482257-63314.jpg"
|
||||
imageAlt="Uzum Market showcase"
|
||||
imageAlt="Modern shopping experience"
|
||||
frameStyle="card"
|
||||
mediaAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
mediaAnimation="blur-reveal"
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Your trusted online marketplace for" },
|
||||
{ type: "text", content: "quality products and exceptional service" }
|
||||
{ type: "text", content: "Shop smarter with" },
|
||||
{ type: "text", content: "next-generation marketplace experience" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Explore Categories", href: "#categories" }
|
||||
{ text: "Explore Now", href: "/products" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -81,16 +80,19 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
id: "3", name: "Modern Table Lamp", price: "$62.99", imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushions-glass-table_1203-764.jpg", imageAlt: "Modern table lamp"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Stylish Backpack", price: "$54.99", imageSrc: "http://img.b2bpic.net/free-photo/man-in-business-suit-holding-briefcase_1163-5163.jpg", imageAlt: "Stylish backpack"
|
||||
}
|
||||
]}
|
||||
title="Featured Products"
|
||||
description="Handpicked selection of bestsellers from our marketplace. Browse our most popular items with verified customer ratings."
|
||||
title="Featured Collections"
|
||||
description="Handpicked selection of trending products with verified ratings and customer reviews. Discover items trusted by thousands of shoppers."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
tag="Best Sellers"
|
||||
tagIcon={Star}
|
||||
useInvertedBackground={false}
|
||||
tag="Trending Now"
|
||||
tagIcon={TrendingUp}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -98,17 +100,17 @@ export default function LandingPage() {
|
||||
<FeatureBento
|
||||
features={[
|
||||
{
|
||||
title: "Wide Selection", description: "Browse thousands of products across multiple categories", bentoComponent: "icon-info-cards", items: [
|
||||
title: "Smart Filtering", description: "Filter by price range, category, ratings, and more", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Filter, label: "Price Range", value: "Custom" },
|
||||
{ icon: ShoppingBag, label: "Categories", value: "50+" },
|
||||
{ icon: Package, label: "Products", value: "10K+" },
|
||||
{ icon: Star, label: "Ratings", value: "4.8★" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Fast Delivery", description: "Quick and reliable shipping to your doorstep", bentoComponent: "animated-bar-chart"
|
||||
title: "Express Delivery", description: "Fast and reliable shipping with real-time tracking", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Secure Payment", description: "Multiple payment options with guaranteed security", bentoComponent: "orbiting-icons", centerIcon: Shield,
|
||||
title: "Secure Checkout", description: "Multiple payment methods with enhanced security", bentoComponent: "orbiting-icons", centerIcon: Shield,
|
||||
items: [
|
||||
{ icon: CreditCard, ring: 1 },
|
||||
{ icon: Lock, ring: 2 },
|
||||
@@ -116,19 +118,19 @@ export default function LandingPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Customer Support", description: "24/7 dedicated support team ready to help", bentoComponent: "chat", aiIcon: MessageSquare,
|
||||
title: "Customer Support", description: "24/7 support team ready to assist you", bentoComponent: "chat", aiIcon: MessageSquare,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{ userMessage: "How do I track my order?", aiResponse: "You can track your order in real-time through your account dashboard." },
|
||||
{ userMessage: "What's your return policy?", aiResponse: "We offer 30-day returns on most items with free return shipping." }
|
||||
{ userMessage: "How do I use price filters?", aiResponse: "Use the price slider to set your budget range. Products will instantly filter to match your criteria." },
|
||||
{ userMessage: "What payment methods are available?", aiResponse: "We accept credit cards, digital wallets, and bank transfers with full encryption security." }
|
||||
],
|
||||
placeholder: "Ask us anything..."
|
||||
}
|
||||
]}
|
||||
title="Why Choose Uzum Market"
|
||||
description="Experience shopping like never before with our innovative platform features."
|
||||
title="Why Shop at Uzum Market"
|
||||
description="Experience a modern marketplace with intuitive navigation, smart filtering, and seamless checkout process."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
@@ -136,9 +138,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Uzum Market has completely changed how I shop online. The product selection is incredible, delivery is fast, and customer service is outstanding. I've already recommended it to all my friends!"
|
||||
testimonial="Uzum Market transformed my shopping experience. The product filters are incredibly helpful, checkout is smooth, and delivery was impressively fast. The interface is so intuitive, I've been recommending it to everyone!"
|
||||
rating={5}
|
||||
author="Sarah Johnson, Verified Buyer"
|
||||
author="Sofia Rahimova, Verified Buyer"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer 2" },
|
||||
@@ -154,18 +156,18 @@ export default function LandingPage() {
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{ id: "1", title: "How do I track my order?", content: "Once your order is shipped, you'll receive a tracking number via email. You can use this number to monitor your delivery status in real-time through our tracking portal." },
|
||||
{ id: "2", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on most items. If you're not satisfied, simply initiate a return through your account and we'll provide a prepaid shipping label." },
|
||||
{ id: "3", title: "Are payments secure?", content: "Yes, we use industry-leading encryption and SSL certificates to protect all transactions. We support multiple payment methods including credit cards, digital wallets, and bank transfers." },
|
||||
{ id: "4", title: "How long does shipping take?", content: "Standard shipping typically takes 5-7 business days. We also offer express shipping options that deliver within 2-3 business days for eligible locations." },
|
||||
{ id: "5", title: "Can I modify my order after placing it?", content: "Yes, you can modify your order within 1 hour of placing it. After that, you'll need to contact our customer service team to request changes." },
|
||||
{ id: "6", title: "Is there a membership program?", content: "Yes! Our Premium membership offers exclusive benefits including free shipping, early access to sales, and special discounts on select items." }
|
||||
{ id: "1", title: "How do I filter products by price?", content: "Use the price range slider on the products page to set your budget. The selection updates in real-time as you adjust the slider. You can also combine price filters with category and rating filters for more precise results." },
|
||||
{ id: "2", title: "What payment methods do you accept?", content: "We accept all major credit cards, digital wallets (Apple Pay, Google Pay), bank transfers, and installment plans. All transactions are encrypted with SSL technology for maximum security." },
|
||||
{ id: "3", title: "How fast is the delivery?", content: "Standard delivery takes 5-7 business days. Express delivery options are available for 2-3 business days. You'll receive a tracking number to monitor your shipment in real-time." },
|
||||
{ id: "4", title: "Can I return products?", content: "Yes! We offer a 30-day return policy on most items. Simply initiate a return from your account, and we'll provide a prepaid shipping label. Refunds are processed within 5-7 business days after return receipt." },
|
||||
{ id: "5", title: "Is the website mobile-friendly?", content: "Yes! Uzum Market is fully responsive and optimized for mobile devices. The smooth hover animations, filters, and checkout process work seamlessly on all screen sizes and devices." },
|
||||
{ id: "6", title: "How do I create an account?", content: "Click 'Sign In' in the top navigation and select 'Create Account'. You'll need an email address and phone number. After verification, your account is ready to shop!" }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about shopping on Uzum Market."
|
||||
description="Get answers about our modern marketplace, filtering options, payments, shipping, and more."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-customer-service-representative-using-computer-while-communicating-with-clients-online_637285-6679.jpg"
|
||||
imageAlt="Customer support team"
|
||||
mediaAnimation="slide-up"
|
||||
mediaAnimation="blur-reveal"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -177,14 +179,14 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Newsletter"
|
||||
title="Stay Updated with Exclusive Offers"
|
||||
description="Subscribe to our newsletter and get early access to new products, special discounts, and shopping tips delivered straight to your inbox."
|
||||
title="Get Exclusive Offers & Updates"
|
||||
description="Subscribe to stay informed about new arrivals, special discounts, and marketplace tips delivered straight to your inbox."
|
||||
tagIcon={Mail}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
background={{ variant: "floatingGradient" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe Now"
|
||||
termsText="We respect your privacy. Unsubscribe anytime. See our privacy policy."
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe anytime."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -194,34 +196,35 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "Electronics", href: "#" },
|
||||
{ label: "Fashion", href: "#" },
|
||||
{ label: "Home & Garden", href: "#" },
|
||||
{ label: "Sports", href: "#" },
|
||||
{ label: "Beauty", href: "#" }
|
||||
{ label: "Electronics", href: "/products" },
|
||||
{ label: "Fashion", href: "/products" },
|
||||
{ label: "Home & Garden", href: "/products" },
|
||||
{ label: "Sports", href: "/products" },
|
||||
{ label: "Beauty", href: "/products" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Press", href: "#" }
|
||||
title: "Account", items: [
|
||||
{ label: "My Orders", href: "/" },
|
||||
{ label: "Wishlist", href: "/" },
|
||||
{ label: "Settings", href: "/" },
|
||||
{ label: "Saved Items", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Help Center", href: "#faq" },
|
||||
{ label: "Track Order", href: "#" },
|
||||
{ label: "Returns", href: "#" }
|
||||
{ label: "Track Order", href: "/" },
|
||||
{ label: "Returns", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" }
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/" },
|
||||
{ label: "Blog", href: "/" },
|
||||
{ label: "Careers", href: "/" },
|
||||
{ label: "Press", href: "/" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user