Merge version_1 into main #2
187
src/app/page.tsx
187
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Marketplace",
|
||||
id: "products",
|
||||
},
|
||||
name: "Marketplace", id: "products"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="LocalHub India"
|
||||
/>
|
||||
@@ -53,17 +45,14 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Your Town, Your Marketplace."
|
||||
description="Connecting you directly with local farmers, shopkeepers, and artisans in your neighborhood. Fast, secure, and community-focused."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Get Started", href: "#products"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/a-high-quality-modern-and-friendly-illus-1774791335540-733bdb47.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/a-high-quality-modern-and-friendly-illus-1774791335540-733bdb47.png"
|
||||
imageAlt="Connecting local communities"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -77,34 +66,18 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "For Customers",
|
||||
description: "Easy discovery of local shops, secure payments, and real-time order tracking at your fingertips.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/mobile-phone-interface-showing-a-grocery-1774791334887-8041c06c.png?_wi=1",
|
||||
imageAlt: "Customer app interface",
|
||||
},
|
||||
title: "For Customers", description: "Easy discovery of local shops, secure payments, and real-time order tracking at your fingertips.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/mobile-phone-interface-showing-a-grocery-1774791334887-8041c06c.png", imageAlt: "Customer app interface"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/mobile-phone-interface-showing-a-grocery-1774791334887-8041c06c.png?_wi=2",
|
||||
imageAlt: "Customer app interface",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/a-high-quality-modern-and-friendly-illus-1774791335540-733bdb47.png?_wi=2",
|
||||
imageAlt: "A high-quality, modern, and friendly illustration depicting a diverse group of Indian shopkeepers an",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/mobile-phone-interface-showing-a-grocery-1774791334887-8041c06c.png", imageAlt: "Customer app interface"}
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "For Shopkeepers",
|
||||
description: "Simple inventory management and voice-based product uploads for easy store management.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/mobile-phone-interface-showing-a-local-s-1774791337369-24b8f824.png?_wi=1",
|
||||
imageAlt: "Vendor app interface",
|
||||
},
|
||||
title: "For Shopkeepers", description: "Simple inventory management and voice-based product uploads for easy store management.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/mobile-phone-interface-showing-a-local-s-1774791337369-24b8f824.png", imageAlt: "Vendor app interface"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/mobile-phone-interface-showing-a-local-s-1774791337369-24b8f824.png?_wi=2",
|
||||
imageAlt: "Vendor app interface",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/mobile-phone-interface-showing-a-grocery-1774791334887-8041c06c.png?_wi=3",
|
||||
imageAlt: "Mobile phone interface showing a grocery shopping app, clean UI, simple language, easy-to-read icons",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/mobile-phone-interface-showing-a-local-s-1774791337369-24b8f824.png", imageAlt: "Vendor app interface"}
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Powerful Tools for Everyone"
|
||||
@@ -120,26 +93,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Organic Farm Vegetables",
|
||||
price: "₹150",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/fresh-organic-vegetables-in-a-wooden-bas-1774791335498-9d46bbca.png",
|
||||
imageAlt: "Fresh vegetables",
|
||||
},
|
||||
id: "p1", name: "Organic Farm Vegetables", price: "₹150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/fresh-organic-vegetables-in-a-wooden-bas-1774791335498-9d46bbca.png", imageAlt: "Fresh vegetables"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Premium Handpicked Spices",
|
||||
price: "₹250",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/packaged-indian-spices-modern-sustainabl-1774791336413-92e2ada7.png",
|
||||
imageAlt: "Spices",
|
||||
},
|
||||
id: "p2", name: "Premium Handpicked Spices", price: "₹250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/packaged-indian-spices-modern-sustainabl-1774791336413-92e2ada7.png", imageAlt: "Spices"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Handloom Cotton Kurta",
|
||||
price: "₹899",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/handloom-cotton-kurta-for-men-folded-hig-1774791334400-370ae897.png",
|
||||
imageAlt: "Clothing",
|
||||
},
|
||||
id: "p3", name: "Handloom Cotton Kurta", price: "₹899", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/handloom-cotton-kurta-for-men-folded-hig-1774791334400-370ae897.png", imageAlt: "Clothing"},
|
||||
]}
|
||||
title="Fresh Local Picks"
|
||||
description="Shop the finest products from your neighborhood businesses, delivered straight to your door."
|
||||
@@ -153,59 +111,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sunita Devi",
|
||||
role: "Shop Owner",
|
||||
company: "Sunita Groceries",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/portrait-of-a-friendly-middle-aged-india-1774791336185-b638abc3.png?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Sunita Devi", role: "Shop Owner", company: "Sunita Groceries", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/portrait-of-a-friendly-middle-aged-india-1774791336185-b638abc3.png"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Rajesh Kumar",
|
||||
role: "Farmer",
|
||||
company: "Village Farms",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/portrait-of-a-proud-indian-farmer-holdin-1774791336547-adb88a02.png",
|
||||
},
|
||||
id: "t2", name: "Rajesh Kumar", role: "Farmer", company: "Village Farms", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/portrait-of-a-proud-indian-farmer-holdin-1774791336547-adb88a02.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Anjali Singh",
|
||||
role: "Customer",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/portrait-of-a-young-indian-university-st-1774791335082-4ef027a2.png",
|
||||
},
|
||||
id: "t3", name: "Anjali Singh", role: "Customer", company: "Resident", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/portrait-of-a-young-indian-university-st-1774791335082-4ef027a2.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Vijay Verma",
|
||||
role: "Customer",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/portrait-of-an-elderly-indian-retired-cu-1774791334015-56ebcac8.png",
|
||||
},
|
||||
id: "t4", name: "Vijay Verma", role: "Customer", company: "Resident", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/portrait-of-an-elderly-indian-retired-cu-1774791334015-56ebcac8.png"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Priya Sharma",
|
||||
role: "Artisan",
|
||||
company: "CraftWorks",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/portrait-of-a-friendly-middle-aged-india-1774791336185-b638abc3.png?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Priya Sharma", role: "Artisan", company: "CraftWorks", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/portrait-of-a-friendly-middle-aged-india-1774791336185-b638abc3.png"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Orders Daily",
|
||||
},
|
||||
value: "1000+", label: "Orders Daily"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Local Sellers",
|
||||
},
|
||||
value: "500+", label: "Local Sellers"},
|
||||
{
|
||||
value: "4.8/5",
|
||||
label: "App Rating",
|
||||
},
|
||||
value: "4.8/5", label: "App Rating"},
|
||||
]}
|
||||
title="Loved by the Community"
|
||||
description="See why local families and businesses are switching to LocalHub."
|
||||
@@ -218,20 +145,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the app free to use?",
|
||||
content: "Yes, the app is free for customers. Sellers pay a small commission on successful sales.",
|
||||
},
|
||||
id: "f1", title: "Is the app free to use?", content: "Yes, the app is free for customers. Sellers pay a small commission on successful sales."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How is delivery handled?",
|
||||
content: "We connect with local delivery partners or allow shopkeepers to manage their own fleet.",
|
||||
},
|
||||
id: "f2", title: "How is delivery handled?", content: "We connect with local delivery partners or allow shopkeepers to manage their own fleet."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I order in my local language?",
|
||||
content: "Yes, we support multiple regional languages for better accessibility.",
|
||||
},
|
||||
id: "f3", title: "Can I order in my local language?", content: "Yes, we support multiple regional languages for better accessibility."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about using LocalHub India."
|
||||
@@ -241,15 +159,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact Us"
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Join the Revolution"
|
||||
description="Be the first to bring LocalHub to your town."
|
||||
mediaAnimation="blur-reveal"
|
||||
inputPlaceholder="Enter your business email"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/a-high-quality-modern-and-friendly-illus-1774791335540-733bdb47.png?_wi=3"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcbN4EB0yYjSGLXTdglHKwYYdA/a-high-quality-modern-and-friendly-illus-1774791335540-733bdb47.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -257,42 +175,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Marketplace",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Marketplace", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user