Merge version_2 into main #2
171
src/app/page.tsx
171
src/app/page.tsx
@@ -29,18 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="LocalHub"
|
||||
/>
|
||||
@@ -48,17 +40,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Neighborhood Marketplace"
|
||||
description="Discover unique treasures, fresh produce, and local services right in your own community. Buy, sell, and connect with neighbors."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Exploring",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Exploring", href: "#products" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/a-bustling-local-community-marketplace-s-1774801599874-3951c854.png"
|
||||
/>
|
||||
</div>
|
||||
@@ -71,26 +56,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Handmade Ceramics",
|
||||
price: "$25",
|
||||
variant: "Home & Decor",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/a-high-quality-photo-of-handmade-ceramic-1774801598940-ce971cfe.png",
|
||||
},
|
||||
id: "p1", name: "Handmade Ceramics", price: "$25", variant: "Home & Decor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/a-high-quality-photo-of-handmade-ceramic-1774801598940-ce971cfe.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Vintage Camera",
|
||||
price: "$85",
|
||||
variant: "Electronics",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/a-vintage-film-camera-aesthetic-product--1774801598469-ddd17883.png",
|
||||
},
|
||||
id: "p2", name: "Vintage Camera", price: "$85", variant: "Electronics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/a-vintage-film-camera-aesthetic-product--1774801598469-ddd17883.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Organic Garden Basket",
|
||||
price: "$15",
|
||||
variant: "Food",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/organic-fresh-vegetables-in-a-woven-bask-1774801598484-a6915ddb.png",
|
||||
},
|
||||
id: "p3", name: "Organic Garden Basket", price: "$15", variant: "Food", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/organic-fresh-vegetables-in-a-woven-bask-1774801598484-a6915ddb.png"},
|
||||
]}
|
||||
title="Community Picks"
|
||||
description="Browse the latest items posted by your neighbors."
|
||||
@@ -104,18 +74,9 @@ export default function LandingPage() {
|
||||
title="Built for Community"
|
||||
description="LocalHub is designed to strengthen local ties by making buying and selling from your neighbors safe, easy, and sustainable."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Verified Neighbors",
|
||||
description: "Know exactly who you are trading with.",
|
||||
},
|
||||
{
|
||||
title: "Zero Fees",
|
||||
description: "Keep more money in your neighborhood.",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Living",
|
||||
description: "Give your unused items a second life.",
|
||||
},
|
||||
{ title: "Verified Neighbors", description: "Know exactly who you are trading with." },
|
||||
{ title: "Zero Fees", description: "Keep more money in your neighborhood." },
|
||||
{ title: "Sustainable Living", description: "Give your unused items a second life." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/group-of-diverse-neighbors-laughing-and--1774801599285-25ab0518.png"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -128,33 +89,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5,200+",
|
||||
title: "Local Listings",
|
||||
items: [
|
||||
"Items posted daily",
|
||||
"Verified items only",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12,000",
|
||||
title: "Happy Neighbors",
|
||||
items: [
|
||||
"Connected community",
|
||||
"Safe transactions",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$85k",
|
||||
title: "Money Saved",
|
||||
items: [
|
||||
"Keep it local",
|
||||
"Support small scale",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "5,200+", title: "Local Listings", items: ["Items posted daily", "Verified items only"] },
|
||||
{ id: "m2", value: "12,000", title: "Happy Neighbors", items: ["Connected community", "Safe transactions"] },
|
||||
{ id: "m3", value: "$85k", title: "Money Saved", items: ["Keep it local", "Support small scale"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="See the positive impact our community marketplace has already made."
|
||||
@@ -167,60 +104,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Collector",
|
||||
company: "Neighbor",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/portrait-of-a-friendly-middle-aged-woman-1774801598998-3b4da189.png",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael B.",
|
||||
role: "Vendor",
|
||||
company: "Neighbor",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/portrait-of-a-young-man-professional-but-1774801598646-b86ae467.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Robert L.",
|
||||
role: "Buyer",
|
||||
company: "Neighbor",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/portrait-of-an-elderly-man-with-glasses--1774801599992-82404a0a.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily D.",
|
||||
role: "Artist",
|
||||
company: "Neighbor",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/portrait-of-a-young-woman-relaxed-style--1774801599079-f7785393.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David M.",
|
||||
role: "Gardener",
|
||||
company: "Neighbor",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/portrait-of-a-young-man-professional-but-1774801598646-b86ae467.png?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Collector", company: "Neighbor", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/portrait-of-a-friendly-middle-aged-woman-1774801598998-3b4da189.png" },
|
||||
{ id: "t2", name: "Michael B.", role: "Vendor", company: "Neighbor", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/portrait-of-a-young-man-professional-but-1774801598646-b86ae467.png?_wi=1" },
|
||||
{ id: "t3", name: "Robert L.", role: "Buyer", company: "Neighbor", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/portrait-of-an-elderly-man-with-glasses--1774801599992-82404a0a.png" },
|
||||
{ id: "t4", name: "Emily D.", role: "Artist", company: "Neighbor", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/portrait-of-a-young-woman-relaxed-style--1774801599079-f7785393.png" },
|
||||
{ id: "t5", name: "David M.", role: "Gardener", company: "Neighbor", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcwF8S0OSkcLeEAd4kKbZI83XA/portrait-of-a-young-man-professional-but-1774801598646-b86ae467.png?_wi=2" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support",
|
||||
},
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
{ value: "98%", label: "Satisfaction" },
|
||||
{ value: "24/7", label: "Support" },
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Hear what your neighbors have to say about LocalHub."
|
||||
@@ -231,21 +124,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is it free to list?",
|
||||
content: "Yes! Listing your items on LocalHub is completely free for all community members.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I meet buyers?",
|
||||
content: "Our platform allows you to message buyers directly and coordinate a safe public meeting spot.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is my information safe?",
|
||||
content: "We prioritize privacy and use secure verification to ensure everyone on the platform is a real neighbor.",
|
||||
},
|
||||
{ id: "f1", title: "Is it free to list?", content: "Yes! Listing your items on LocalHub is completely free for all community members." },
|
||||
{ id: "f2", title: "How do I meet buyers?", content: "Our platform allows you to message buyers directly and coordinate a safe public meeting spot." },
|
||||
{ id: "f3", title: "Is my information safe?", content: "We prioritize privacy and use secure verification to ensure everyone on the platform is a real neighbor." },
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
sideDescription="Questions about getting started with LocalHub."
|
||||
|
||||
Reference in New Issue
Block a user