Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| af22420d31 | |||
| 5e6ad5fc20 | |||
| 543d6d23cc | |||
| 3af675c075 | |||
| a958663550 | |||
| 7c1659a3de | |||
| bb8cffa672 | |||
| fb69f1f136 | |||
| 941a4832c8 |
144
src/app/page.tsx
144
src/app/page.tsx
@@ -8,9 +8,9 @@ import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwent
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Building, Grid, HelpCircle, Lock, Mail, ShieldCheck, ShoppingCart, Sparkles, Users, Tag, CreditCard, Store, MessageSquare } from "lucide-react";
|
||||
@@ -23,7 +23,7 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLarge"
|
||||
background="floatingGradient"
|
||||
background="noise"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -31,12 +31,12 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Products", id: "#products"},
|
||||
name: "Products", id: "/products"},
|
||||
{
|
||||
name: "How It Works", id: "#features"},
|
||||
{
|
||||
@@ -46,13 +46,9 @@ export default function LandingPage() {
|
||||
{
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
name: "Contact", id: "#contact"}
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/business-deal-icons_23-2147554957.jpg"
|
||||
logoAlt="MarketConnect Logo"
|
||||
brandName="MarketConnect"
|
||||
bottomLeftText="Global Marketplace"
|
||||
bottomRightText="support@marketconnect.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -66,41 +62,22 @@ export default function LandingPage() {
|
||||
description="Browse thousands of products from trusted sellers. Negotiate prices or buy instantly—your choice."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.", handle: "@shopper_savvy", testimonial: "I love the flexibility! Making offers saved me a ton, and the direct purchases are super fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-student-woman-standing-college-corridor-smiling-holding-books-looking-side-education-learning-concept_176420-12450.jpg", imageAlt: "Sarah J."},
|
||||
name: "Sarah J.", handle: "@shopper_savvy", testimonial: "I love the flexibility! Making offers saved me a ton, and the direct purchases are super fast.", rating: 5},
|
||||
{
|
||||
name: "Mark T.", handle: "@deal_hunter", testimonial: "Best platform for deals! The negotiation feature is a game-changer. Found unique items at incredible prices.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageAlt: "Mark T."},
|
||||
name: "Mark T.", handle: "@deal_hunter", testimonial: "Best platform for deals! The negotiation feature is a game-changer. Found unique items at incredible prices.", rating: 5},
|
||||
{
|
||||
name: "Emily R.", handle: "@reseller_pro", testimonial: "As a seller, the tools are so easy to use. I can list products quickly and communicate with buyers effortlessly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-surprised-beautiful-girl-holding-her-head-amazement-openmouthed-whit_1258-110105.jpg", imageAlt: "Emily R."},
|
||||
name: "Emily R.", handle: "@reseller_pro", testimonial: "As a seller, the tools are so easy to use. I can list products quickly and communicate with buyers effortlessly.", rating: 5},
|
||||
{
|
||||
name: "David K.", handle: "@casual_buyer", testimonial: "Simple to use for quick buys, but the option to make offers is a nice bonus when I have time to browse. Great experience!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg", imageAlt: "David K."},
|
||||
name: "David K.", handle: "@casual_buyer", testimonial: "Simple to use for quick buys, but the option to make offers is a nice bonus when I have time to browse. Great experience!", rating: 5},
|
||||
{
|
||||
name: "Olivia M.", handle: "@vendor_friend", testimonial: "MarketConnect gave my small business a huge boost. It's incredibly accessible, and setting up my shop was a breeze.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer_171337-15575.jpg", imageAlt: "Olivia M."},
|
||||
name: "Olivia M.", handle: "@vendor_friend", testimonial: "MarketConnect gave my small business a huge boost. It's incredibly accessible, and setting up my shop was a breeze.", rating: 5}
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Shopping", href: "#products"},
|
||||
text: "Start Shopping", href: "/products"}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-cup_23-2149442323.jpg", alt: "Sarah J."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-successful-executive-wearing-blue-suit_1139-190.jpg", alt: "Mark T."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-handsome-excited-man-feeling-motivated-lucky-looking-right-smiling-making-fist-pump_1258-159113.jpg", alt: "Emily R."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-corporate-woman-looking-outside-window-her-office-smiling-with-confidence_1258-194662.jpg", alt: "David K."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-suffering-from-schizophrenia_23-2149332551.jpg", alt: "Olivia M."},
|
||||
]}
|
||||
avatarText="Join thousands of happy shoppers and sellers!"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-employee-working-modern-office_482257-121875.jpg"
|
||||
imageAlt="Marketplace dashboard with product listings and offer/buy options"
|
||||
mediaAnimation="opacity"
|
||||
tag="Your Marketplace"
|
||||
tagIcon={Building}
|
||||
@@ -109,15 +86,15 @@ export default function LandingPage() {
|
||||
{
|
||||
type: "text", text: "Unbeatable Deals"},
|
||||
{
|
||||
type: "text-icon", text: "Trusted Sellers", icon: ShieldCheck,
|
||||
type: "text-icon", text: "Trusted Sellers", icon: ShieldCheck
|
||||
},
|
||||
{
|
||||
type: "text", text: "Shop Smart, Save Big"},
|
||||
{
|
||||
type: "text-icon", text: "Secure Transactions", icon: Lock,
|
||||
type: "text-icon", text: "Secure Transactions", icon: Lock
|
||||
},
|
||||
{
|
||||
type: "text", text: "Global Marketplace"},
|
||||
type: "text", text: "Global Marketplace"}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,11 +108,11 @@ export default function LandingPage() {
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/business-deal-icons_23-2147554957.jpg", alt: "MarketConnect Logo"},
|
||||
{
|
||||
type: "text", content: " for Every Transaction"},
|
||||
type: "text", content: " for Every Transaction"}
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More About Us", href: "#features"},
|
||||
text: "Learn More About Us", href: "#features"}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -147,17 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Make Competitive Offers", description: "Engage directly with sellers to negotiate prices and secure the best deals on unique products.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-shopping-city_23-2149321835.jpg", imageAlt: "Smartphone displaying 'Make an Offer' button", buttonIcon: Tag,
|
||||
title: "Make Competitive Offers", description: "Engage directly with sellers to negotiate prices and secure the best deals on unique products.", buttonIcon: Tag
|
||||
},
|
||||
{
|
||||
title: "Instant Fixed-Price Purchases", description: "Prefer a straightforward transaction? Buy products instantly at their listed price with a few simple clicks.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-black-friday-inscription-light-table_23-2147957627.jpg", imageAlt: "Computer screen showing 'Buy Now' button", buttonIcon: CreditCard,
|
||||
title: "Instant Fixed-Price Purchases", description: "Prefer a straightforward transaction? Buy products instantly at their listed price with a few simple clicks.", buttonIcon: CreditCard
|
||||
},
|
||||
{
|
||||
title: "Personalized Vendor Profiles", description: "Sellers get customizable profiles to showcase their brand, products, and build trust with buyers effortlessly.", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-setting-project-reminders_482257-119416.jpg", imageAlt: "Digital marketplace vendor profile page", buttonIcon: Store,
|
||||
title: "Personalized Vendor Profiles", description: "Sellers get customizable profiles to showcase their brand, products, and build trust with buyers effortlessly.", buttonIcon: Store
|
||||
},
|
||||
{
|
||||
title: "Secure In-App Messaging", description: "Communicate directly and securely with buyers or sellers for questions, negotiations, and support.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-event-sale-elements_23-2148675059.jpg", imageAlt: "Secure messaging interface on a marketplace app", buttonIcon: MessageSquare,
|
||||
},
|
||||
title: "Secure In-App Messaging", description: "Communicate directly and securely with buyers or sellers for questions, negotiations, and support.", buttonIcon: MessageSquare
|
||||
}
|
||||
]}
|
||||
title="Flexible Buying, Seamless Selling"
|
||||
description="MarketConnect offers innovative features tailored for both buyers seeking great deals and sellers looking for effortless listing and management."
|
||||
@@ -167,39 +144,6 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "TechNova", name: "Smartwatch Pro X", price: "$189.99", rating: 4.8,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-digital-assistant-arrangement_23-2149107994.jpg", imageAlt: "Modern smartwatch"},
|
||||
{
|
||||
id: "p2", brand: "AudioZen", name: "AeroBuds Wireless", price: "$79.00", rating: 4.5,
|
||||
reviewCount: "870", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-headphones-outside_23-2148877799.jpg", imageAlt: "Wireless earbuds"},
|
||||
{
|
||||
id: "p3", brand: "Lumina Home", name: "Minimalist Desk Lamp", price: "$65.50", rating: 4.7,
|
||||
reviewCount: "540", imageSrc: "http://img.b2bpic.net/free-photo/bath-duck-cup-milk-lamp_23-2148184922.jpg", imageAlt: "Modern desk lamp"},
|
||||
{
|
||||
id: "p4", brand: "GreenThumb", name: "Monstera Deliciosa", price: "$45.00", rating: 4.9,
|
||||
reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/interior-decoration-with-potted-plant-shelf_23-2149427959.jpg", imageAlt: "Potted Monstera plant"},
|
||||
{
|
||||
id: "p5", brand: "ArtisanKit", name: "Pro Art Brush Set", price: "$99.99", rating: 4.6,
|
||||
reviewCount: "190", imageSrc: "http://img.b2bpic.net/free-photo/top-view-painting-elements-line_23-2147961553.jpg", imageAlt: "Professional art brushes"},
|
||||
{
|
||||
id: "p6", brand: "ErgoGear", name: "Precision Wireless Mouse", price: "$35.00", rating: 4.4,
|
||||
reviewCount: "610", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074274.jpg", imageAlt: "Ergonomic computer mouse"},
|
||||
]}
|
||||
title="Browse Diverse Products"
|
||||
description="Discover incredible items from electronics to handmade crafts. Fixed price or offer-based—the choice is yours."
|
||||
tag="Our Catalog"
|
||||
tagIcon={Grid}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
@@ -211,20 +155,20 @@ export default function LandingPage() {
|
||||
id: "basic-seller", title: "Basic Seller", price: "$0", period: "per month", features: [
|
||||
"Up to 10 active listings", "Basic buyer messaging", "Standard analytics access", "Mobile-responsive store"],
|
||||
button: {
|
||||
text: "Start Free", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-rd-company-specialist-office-building-solar-powered-prototype_482257-130204.jpg", imageAlt: "Basic seller plan graphic"},
|
||||
text: "Start Free", href: "#contact"}
|
||||
},
|
||||
{
|
||||
id: "pro-seller", title: "Pro Seller", price: "$29", period: "per month", features: [
|
||||
"Unlimited active listings", "Priority buyer messaging", "Advanced analytics dashboard", "Promotional tools access", "Dedicated account support"],
|
||||
button: {
|
||||
text: "Go Pro", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg", imageAlt: "Pro seller plan graphic"},
|
||||
text: "Go Pro", href: "#contact"}
|
||||
},
|
||||
{
|
||||
id: "enterprise-seller", title: "Enterprise", price: "Custom", period: "per month", features: [
|
||||
"Dedicated platform integration", "Custom listing solutions", "Advanced security features", "Exclusive beta access", "24/7 VIP support"],
|
||||
button: {
|
||||
text: "Contact Sales", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-businessman-answering-phone-call-surrounded-by-kpi-metrics-evaluate-company_482257-136145.jpg", imageAlt: "Enterprise seller plan graphic"},
|
||||
text: "Contact Sales", href: "#contact"}
|
||||
}
|
||||
]}
|
||||
title="Start Selling Today"
|
||||
description="Choose a plan that fits your selling needs, from casual listings to growing your business with advanced tools."
|
||||
@@ -240,15 +184,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Anya Sharma", handle: "@TechFinds", testimonial: "MarketConnect is a game-changer! I've saved so much through offers and found unique tech gadgets I couldn't find elsewhere. The interface is intuitive, and I trust the sellers.", imageSrc: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg", imageAlt: "Anya Sharma"},
|
||||
id: "t1", name: "Anya Sharma", handle: "@TechFinds", testimonial: "MarketConnect is a game-changer! I've saved so much through offers and found unique tech gadgets I couldn't find elsewhere. The interface is intuitive, and I trust the sellers.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sitting-bed-using-tablet_23-2147775535.jpg", imageAlt: "Person using a tablet for tech finds"},
|
||||
{
|
||||
id: "t2", name: "Ben Carter", handle: "@CraftyCorners", testimonial: "Selling my handmade crafts has never been easier. Setting up my shop was quick, and connecting with buyers through secure messaging is fantastic. Highly recommend for small businesses!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg", imageAlt: "Ben Carter"},
|
||||
id: "t2", name: "Ben Carter", handle: "@CraftyCorners", testimonial: "Selling my handmade crafts has never been easier. Setting up my shop was quick, and connecting with buyers through secure messaging is fantastic. Highly recommend for small businesses!", imageSrc: "http://img.b2bpic.net/free-photo/hands-working-pottery-wheel_23-2147814467.jpg", imageAlt: "Person making pottery"},
|
||||
{
|
||||
id: "t3", name: "Chloe Lee", handle: "@FashionistaFinds", testimonial: "As a reseller, I rely on platforms that are efficient and reach a wide audience. MarketConnect provides both. The fixed-price option is great for fast sales, and offers bring in new customers.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-hand-sanitizer_23-2148725208.jpg", imageAlt: "Chloe Lee"},
|
||||
id: "t3", name: "Chloe Lee", handle: "@FashionistaFinds", testimonial: "As a reseller, I rely on platforms that are efficient and reach a wide audience. MarketConnect provides both. The fixed-price option is great for fast sales, and offers bring in new customers.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-fashionable-clothing-accessories_23-2148737385.jpg", imageAlt: "Woman looking at fashion items"},
|
||||
{
|
||||
id: "t4", name: "Daniel Kim", handle: "@GadgetGuru", testimonial: "The search and filter options are top-notch. I can quickly find exactly what I'm looking for, and the competitive offers keep me coming back. A truly user-friendly marketplace.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", imageAlt: "Daniel Kim"},
|
||||
id: "t4", name: "Daniel Kim", handle: "@GadgetGuru", testimonial: "The search and filter options are top-notch. I can quickly find exactly what I'm looking for, and the competitive offers keep me coming back. A truly user-friendly marketplace.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-headphones-smartphone_23-2149591448.jpg", imageAlt: "Gadgets on a desk"},
|
||||
{
|
||||
id: "t5", name: "Elena Petrova", handle: "@HomeDecorDreams", testimonial: "I appreciate the clean design and accessibility. It's easy to navigate on any device, and the customer support for offers is very responsive. A delightful shopping experience!", imageSrc: "http://img.b2bpic.net/free-vector/background-testimony-quotes-text-message-with-aphorism-design_1017-51244.jpg", imageAlt: "Elena Petrova"},
|
||||
id: "t5", name: "Elena Petrova", handle: "@HomeDecorDreams", testimonial: "I appreciate the clean design and accessibility. It's easy to navigate on any device, and the customer support for offers is very responsive. A delightful shopping experience!", imageSrc: "http://img.b2bpic.net/free-photo/stylish-living-room-interior-with-modern-furniture_23-2149372134.jpg", imageAlt: "Stylish home decor living room"}
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Hear directly from our diverse community of satisfied buyers and successful sellers."
|
||||
@@ -271,7 +215,7 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "faq4", title: "Is communication between buyers and sellers secure?", content: "Absolutely. MarketConnect provides a secure, in-app messaging system for all communication between buyers and sellers to ensure privacy and safety."},
|
||||
{
|
||||
id: "faq5", title: "What measures are in place for accessibility?", content: "We are committed to WCAG 2.1 AA compliance, including high contrast text, keyboard navigation, semantic HTML, and mobile-first responsive design for all users."},
|
||||
id: "faq5", title: "What measures are in place for accessibility?", content: "We are committed to WCAG 2.1 AA compliance, including high contrast text, keyboard navigation, semantic HTML, and mobile-first responsive design for all users."}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/idea-symbol-pencil-eyeglasses-digital-tablet-card-paper-orange-backdrop_23-2147890048.jpg"
|
||||
imageAlt="Abstract graphic representing clarity and problem solving"
|
||||
@@ -324,18 +268,18 @@ export default function LandingPage() {
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
label: "Press", href: "#"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Marketplace", items: [
|
||||
{
|
||||
label: "Products", href: "#products"},
|
||||
label: "Products", href: "/products"},
|
||||
{
|
||||
label: "How It Works", href: "#features"},
|
||||
{
|
||||
label: "Seller Plans", href: "#pricing"},
|
||||
],
|
||||
label: "Seller Plans", href: "#pricing"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
@@ -344,8 +288,8 @@ export default function LandingPage() {
|
||||
{
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Help Center", href: "#"},
|
||||
],
|
||||
label: "Help Center", href: "#"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
@@ -354,9 +298,9 @@ export default function LandingPage() {
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Cookie Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
label: "Cookie Policy", href: "#"}
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 MarketConnect. All rights reserved."
|
||||
/>
|
||||
|
||||
82
src/app/products/page.tsx
Normal file
82
src/app/products/page.tsx
Normal file
@@ -0,0 +1,82 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import { Grid } from "lucide-react";
|
||||
|
||||
export default function ProductsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLarge"
|
||||
background="noise"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Products", id: "/products"},
|
||||
{
|
||||
name: "How It Works", id: "#features"},
|
||||
{
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact", id: "#contact"}
|
||||
]}
|
||||
brandName="MarketConnect"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "TechNova", name: "Smartwatch Pro X", price: "$189.99", rating: 4.8,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-digital-assistant-arrangement_23-2149107994.jpg", imageAlt: "Modern smartwatch"},
|
||||
{
|
||||
id: "p2", brand: "AudioZen", name: "AeroBuds Wireless", price: "$79.00", rating: 4.5,
|
||||
reviewCount: "870", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-headphones-outside_23-2148877799.jpg", imageAlt: "Wireless earbuds"},
|
||||
{
|
||||
id: "p3", brand: "Lumina Home", name: "Minimalist Desk Lamp", price: "$65.50", rating: 4.7,
|
||||
reviewCount: "540", imageSrc: "http://img.b2bpic.net/free-photo/bath-duck-cup-milk-lamp_23-2148184922.jpg", imageAlt: "Modern desk lamp"},
|
||||
{
|
||||
id: "p4", brand: "GreenThumb", name: "Monstera Deliciosa", price: "$45.00", rating: 4.9,
|
||||
reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/interior-decoration-with-potted-plant-shelf_23-2149427959.jpg", imageAlt: "Potted Monstera plant"},
|
||||
{
|
||||
id: "p5", brand: "ArtisanKit", name: "Pro Art Brush Set", price: "$99.99", rating: 4.6,
|
||||
reviewCount: "190", imageSrc: "http://img.b2bpic.net/free-photo/top-view-painting-elements-line_23-2147961553.jpg", imageAlt: "Professional art brushes"},
|
||||
{
|
||||
id: "p6", brand: "ErgoGear", name: "Precision Wireless Mouse", price: "$35.00", rating: 4.4,
|
||||
reviewCount: "610", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074274.jpg", imageAlt: "Ergonomic computer mouse"}
|
||||
]}
|
||||
title="Browse Diverse Products"
|
||||
description="Discover incredible items from electronics to handmade crafts. Fixed price or offer-based—the choice is yours."
|
||||
tag="Our Catalog"
|
||||
tagIcon={Grid}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #e3deea;
|
||||
--card: #ffffff;
|
||||
--foreground: #1f2027;
|
||||
--primary-cta: #1f2027;
|
||||
--primary-cta-text: #e3deea;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1f2027;
|
||||
--accent: #627dc6;
|
||||
--background-accent: #627dc6;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #ffdf7d;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #8b6914;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user