Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 71f54bff7f |
241
src/app/page.tsx
241
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Favorites",
|
||||
id: "features",
|
||||
},
|
||||
name: "Favorites", id: "features"},
|
||||
{
|
||||
name: "Add Product",
|
||||
id: "products",
|
||||
},
|
||||
name: "Add Product", id: "products"},
|
||||
{
|
||||
name: "Basket",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Basket", id: "faq"},
|
||||
{
|
||||
name: "Account",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Account", id: "contact"},
|
||||
]}
|
||||
brandName="GreenMarket"
|
||||
/>
|
||||
@@ -61,70 +51,40 @@ export default function LandingPage() {
|
||||
description="The green marketplace where your pre-loved items find new homes. Easy, fast, and eco-friendly."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Selling",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Start Selling", href: "#products"},
|
||||
{
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/phone-with-black-friday-inscription-table_23-2147957608.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-manager_1098-15671.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-manager_1098-15671.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194086.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194086.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-model-dressed-summer-hipster-clothes-trendy-girl-posing-street-background-funny-positive-woman_158538-5479.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-model-dressed-summer-hipster-clothes-trendy-girl-posing-street-background-funny-positive-woman_158538-5479.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 100k+ users"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice",
|
||||
handle: "@alice",
|
||||
testimonial: "Best way to declutter my closet sustainably.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-looking-away_23-2147892778.jpg",
|
||||
},
|
||||
name: "Alice", handle: "@alice", testimonial: "Best way to declutter my closet sustainably.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-looking-away_23-2147892778.jpg"},
|
||||
{
|
||||
name: "Bob",
|
||||
handle: "@bob",
|
||||
testimonial: "Sold my vintage gear in minutes. Incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cheerful-beautiful-african-girl-smiling-young-woman-happily-facing-her-future_176420-11233.jpg",
|
||||
},
|
||||
name: "Bob", handle: "@bob", testimonial: "Sold my vintage gear in minutes. Incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cheerful-beautiful-african-girl-smiling-young-woman-happily-facing-her-future_176420-11233.jpg"},
|
||||
{
|
||||
name: "Charlie",
|
||||
handle: "@charlie",
|
||||
testimonial: "The interface is super clean and intuitive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-caucasian-woman-with-dark-hair-smiling-white-teeth-laughing-posing-carefr_1258-119653.jpg",
|
||||
},
|
||||
name: "Charlie", handle: "@charlie", testimonial: "The interface is super clean and intuitive.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-caucasian-woman-with-dark-hair-smiling-white-teeth-laughing-posing-carefr_1258-119653.jpg"},
|
||||
{
|
||||
name: "Diana",
|
||||
handle: "@diana",
|
||||
testimonial: "I love the community focus here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-handsome-man-with-blond-hair-wearing-burgunde-casual-t-shirt-standing_176532-9610.jpg",
|
||||
},
|
||||
name: "Diana", handle: "@diana", testimonial: "I love the community focus here.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-handsome-man-with-blond-hair-wearing-burgunde-casual-t-shirt-standing_176532-9610.jpg"},
|
||||
{
|
||||
name: "Eve",
|
||||
handle: "@eve",
|
||||
testimonial: "Eco-friendly shopping made easy!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-smiling_1149-584.jpg",
|
||||
},
|
||||
name: "Eve", handle: "@eve", testimonial: "Eco-friendly shopping made easy!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-smiling_1149-584.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,19 +96,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Safe transactions protected by our system.",
|
||||
icon: Shield,
|
||||
title: "Secure Payments", description: "Safe transactions protected by our system.", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Eco-Friendly",
|
||||
description: "Reducing waste one item at a time.",
|
||||
icon: Zap,
|
||||
title: "Eco-Friendly", description: "Reducing waste one item at a time.", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Integrated logistics for instant shipping.",
|
||||
icon: CheckCircle,
|
||||
title: "Fast Shipping", description: "Integrated logistics for instant shipping.", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Why GreenMarket?"
|
||||
@@ -164,59 +118,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Vintage",
|
||||
name: "Leather Handbag",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-drink-present-warm-clothes_23-2147936933.jpg",
|
||||
},
|
||||
id: "1", brand: "Vintage", name: "Leather Handbag", price: "$45", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/hot-drink-present-warm-clothes_23-2147936933.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Home",
|
||||
name: "Ceramic Vase",
|
||||
price: "$25",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-zero-waste-products-green-background_23-2148491168.jpg",
|
||||
},
|
||||
id: "2", brand: "Home", name: "Ceramic Vase", price: "$25", rating: 4,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-zero-waste-products-green-background_23-2148491168.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Sport",
|
||||
name: "Classic Sneakers",
|
||||
price: "$60",
|
||||
rating: 5,
|
||||
reviewCount: "25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-casual-outfit-by-business-center_1303-20484.jpg",
|
||||
},
|
||||
id: "3", brand: "Sport", name: "Classic Sneakers", price: "$60", rating: 5,
|
||||
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-casual-outfit-by-business-center_1303-20484.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Luxury",
|
||||
name: "Leather Wallet",
|
||||
price: "$35",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-process-making-pressed-coffee_23-2149709930.jpg",
|
||||
},
|
||||
id: "4", brand: "Luxury", name: "Leather Wallet", price: "$35", rating: 4,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/view-process-making-pressed-coffee_23-2149709930.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Boutique",
|
||||
name: "Silver Earrings",
|
||||
price: "$20",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bohemian-personalities-going-adventure-together_23-2149623167.jpg",
|
||||
},
|
||||
id: "5", brand: "Boutique", name: "Silver Earrings", price: "$20", rating: 5,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/bohemian-personalities-going-adventure-together_23-2149623167.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Tech",
|
||||
name: "Vintage Camera",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-retro-photo-cameras-log_23-2148300539.jpg",
|
||||
},
|
||||
id: "6", brand: "Tech", name: "Vintage Camera", price: "$120", rating: 5,
|
||||
reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/close-up-retro-photo-cameras-log_23-2148300539.jpg"},
|
||||
]}
|
||||
title="Latest Treasures"
|
||||
description="Discover unique items from our community."
|
||||
@@ -230,59 +148,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice",
|
||||
role: "User",
|
||||
company: "Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
|
||||
},
|
||||
id: "1", name: "Alice", role: "User", company: "Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob",
|
||||
role: "User",
|
||||
company: "Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-satisfied-girl-with-pleasant-toothy-smile-shows-natural-beauty-being-good-mood_273609-18819.jpg",
|
||||
},
|
||||
id: "2", name: "Bob", role: "User", company: "Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-satisfied-girl-with-pleasant-toothy-smile-shows-natural-beauty-being-good-mood_273609-18819.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie",
|
||||
role: "User",
|
||||
company: "Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-tilting-head-young-handsome-guy-wearing-red-shirt-isolated-green-wall_141793-86684.jpg",
|
||||
},
|
||||
id: "3", name: "Charlie", role: "User", company: "Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-tilting-head-young-handsome-guy-wearing-red-shirt-isolated-green-wall_141793-86684.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana",
|
||||
role: "User",
|
||||
company: "Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-playful-brunette-girl-smiling-winking_176420-10013.jpg",
|
||||
},
|
||||
id: "4", name: "Diana", role: "User", company: "Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-playful-brunette-girl-smiling-winking_176420-10013.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve",
|
||||
role: "User",
|
||||
company: "Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-female-sunglasses-holds-paper-coffee-cup-green-summer-park_613910-14530.jpg",
|
||||
},
|
||||
id: "5", name: "Eve", role: "User", company: "Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-female-sunglasses-holds-paper-coffee-cup-green-summer-park_613910-14530.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100K+",
|
||||
label: "Happy Users",
|
||||
},
|
||||
value: "100K+", label: "Happy Users"},
|
||||
{
|
||||
value: "5M+",
|
||||
label: "Items Saved",
|
||||
},
|
||||
value: "5M+", label: "Items Saved"},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9", label: "Avg Rating"},
|
||||
]}
|
||||
title="Community Love"
|
||||
description="What our users are saying about us."
|
||||
@@ -295,20 +182,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I sell?",
|
||||
content: "Just upload your photos, set a price and list!",
|
||||
},
|
||||
id: "1", title: "How do I sell?", content: "Just upload your photos, set a price and list!"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is shipping free?",
|
||||
content: "It depends on the seller preferences.",
|
||||
},
|
||||
id: "2", title: "Is shipping free?", content: "It depends on the seller preferences."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How to get paid?",
|
||||
content: "Funds are transferred directly to your account.",
|
||||
},
|
||||
id: "3", title: "How to get paid?", content: "Funds are transferred directly to your account."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/solar-energy-male-supervisor-offering-remote-support-high-tech-factory_482257-125083.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -322,8 +200,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Join Us"
|
||||
title="Start your journey today!"
|
||||
description="Sign up and list your first item."
|
||||
@@ -334,13 +211,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="GreenMarket"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user