Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #4.
This commit is contained in:
@@ -10,7 +10,7 @@ import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonia
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
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";
|
||||
@@ -36,7 +36,7 @@ export default function LandingPage() {
|
||||
{
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Products", id: "#products"},
|
||||
name: "Products", id: "/products"},
|
||||
{
|
||||
name: "How It Works", id: "#features"},
|
||||
{
|
||||
@@ -74,7 +74,7 @@ export default function LandingPage() {
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Shopping", href: "#products"}
|
||||
text: "Start Shopping", href: "/products"}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
avatarText="Join thousands of happy shoppers and sellers!"
|
||||
@@ -144,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
|
||||
@@ -217,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."},
|
||||
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!"},
|
||||
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."},
|
||||
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."},
|
||||
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!"}
|
||||
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."
|
||||
@@ -307,7 +274,7 @@ export default function LandingPage() {
|
||||
{
|
||||
title: "Marketplace", items: [
|
||||
{
|
||||
label: "Products", href: "#products"},
|
||||
label: "Products", href: "/products"},
|
||||
{
|
||||
label: "How It Works", href: "#features"},
|
||||
{
|
||||
|
||||
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>
|
||||
);
|
||||
}
|
||||
@@ -14,9 +14,9 @@
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #ffdf7d;
|
||||
--primary-cta-text: #e3deea;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #1f2027;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #8b6914;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user