diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 567babd..a3d2f1d 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -67,8 +67,9 @@ export default function AboutPage() { {/* ─── Hero Section ─── */}
{/* TWO-COLUMN GRID */} -
- +
+
+ {/* Left Column: Copy & Actions */}
@@ -111,16 +112,19 @@ export default function AboutPage() { isPhoneCenter={false} />
+
{/* BOTTOM HERO STATS */} -
- +
+
+ +
{/* ─── Intro Description Block ─── */} -
+
Our Platform @@ -199,7 +203,7 @@ export default function AboutPage() {
{/* ─── Global Stats counters ─── */} -
+
{LOCAL_COUNTERS.map((c) => (
@@ -216,7 +220,7 @@ export default function AboutPage() {
{/* ─── Brand Building Banner ─── */} -
+
Don't miss the opportunity diff --git a/src/app/brands/page.tsx b/src/app/brands/page.tsx new file mode 100644 index 0000000..0ba8dd0 --- /dev/null +++ b/src/app/brands/page.tsx @@ -0,0 +1,390 @@ +import React from "react"; +import Link from "next/link"; +import { MaterialIcon } from "@/components/ui/MaterialIcon"; +import { PremiumPageShell } from "@/components/layout/PremiumPageShell"; +import { HeroVisualCollage } from "@/components/layout/HeroVisualCollage"; +import { FeatureStatsRow } from "@/components/ui/FeatureStatsRow"; +import { FAQAccordion } from "@/components/ui/FAQAccordion"; +import type { Metadata } from "next"; + +export const metadata: Metadata = { + title: "Direct-to-Customer Brands", + description: + "Expand your brand across neighbourhood stores with Nearle. FMCG brands, food startups, and local manufacturers reach customers through India's hyperlocal commerce network.", + openGraph: { + title: "Direct-to-Customer Brands | Nearle", + description: + "Partner with Nearle to get your brand into neighbourhood stores. Distribution, retail visibility, marketing campaigns, and real-time analytics — all in one platform.", + url: "https://nearle.in/brands", + }, +}; + +const HERO_STATS = [ + { title: "Distribution Network", icon: "hub", desc: "Neighbourhood stores across city" }, + { title: "Retail Visibility", icon: "visibility", desc: "Premium shelf positioning" }, + { title: "Brand Campaigns", icon: "campaign", desc: "Hyperlocal promotions" }, + { title: "Real-Time Analytics", icon: "analytics", desc: "Sales & reach data" }, +]; + +const WHAT_WE_OFFER = [ + { + icon: "hub", + title: "Hyperlocal Distribution", + desc: "Get your products into verified neighbourhood stores across Coimbatore. Nearle's merchant network means your brand reaches the street-level — where most daily purchases actually happen.", + tone: "bg-[#6330D6]/8 text-[#6330D6]", + badge: "Distribution", + }, + { + icon: "storefront", + title: "Retail Shelf Visibility", + desc: "Premium placement in Nearle's digital catalogue and in-store QR listings. Customers browsing nearby stores see your brand first, creating daily brand touchpoints at zero extra cost.", + tone: "bg-secondary/8 text-secondary", + badge: "Visibility", + }, + { + icon: "local_offer", + title: "Hyperlocal Marketing Campaigns", + desc: "Run time-bound offers, festive promotions, and exclusive deals targeted to customers within specific neighbourhoods. Precision marketing that feels personal, not generic.", + tone: "bg-rose-500/8 text-rose-600", + badge: "Marketing", + }, + { + icon: "analytics", + title: "Brand & Retail Analytics", + desc: "See real-time sell-through rates, customer purchase frequency, geographic demand patterns, and campaign ROI — all in your brand dashboard.", + tone: "bg-[#6330D6]/8 text-[#6330D6]", + badge: "Analytics", + }, + { + icon: "inventory_2", + title: "Inventory & Replenishment", + desc: "Nearle connects your supply chain to local store inventory. Get alerts when stock is low, automate replenishment orders, and reduce out-of-stock situations.", + tone: "bg-secondary/8 text-secondary", + badge: "Inventory", + }, + { + icon: "handshake", + title: "Dedicated Partner Support", + desc: "A brand partner manager works with you to design your catalogue listings, plan campaigns, onboard new store locations, and report on performance.", + tone: "bg-[#6330D6]/8 text-[#6330D6]", + badge: "Support", + }, +]; + +const INDUSTRIES = [ + { icon: "restaurant", label: "Food & Snacks" }, + { icon: "shopping_basket", label: "Grocery & FMCG" }, + { icon: "health_and_safety", label: "Health & Wellness" }, + { icon: "spa", label: "Beauty & Personal Care" }, + { icon: "home", label: "Home & Cleaning" }, + { icon: "pets", label: "Pet Products" }, + { icon: "child_care", label: "Baby & Parenting" }, + { icon: "eco", label: "Organic & Natural" }, + { icon: "devices", label: "Electronics & Accessories" }, +]; + +const PARTNERSHIP_STEPS = [ + { + num: "01", + icon: "contact_support", + title: "Talk to Our Sales Team", + desc: "Share your brand story, product categories, and distribution goals. Our team will assess the best approach for your brand on Nearle.", + color: "bg-[#6330D6]/7 text-[#6330D6]", + }, + { + num: "02", + icon: "description", + title: "Design Your Brand Partnership", + desc: "Together we define your store coverage, catalogue listings, promotional calendar, and performance targets. We customise every brand partnership.", + color: "bg-secondary/7 text-secondary", + }, + { + num: "03", + icon: "inventory", + title: "Onboard Products to the Network", + desc: "Your products are listed across relevant neighbourhood stores, QR catalogues, and the Nearle app. Customers start seeing and buying your brand.", + color: "bg-[#6330D6]/7 text-[#6330D6]", + }, + { + num: "04", + icon: "bar_chart", + title: "Track, Optimise, and Grow", + desc: "Monitor your brand's reach and sell-through in real-time. Work with your partner manager to run campaigns and expand to more localities.", + color: "bg-secondary/7 text-secondary", + }, +]; + +const FAQ_ITEMS = [ + { + question: "What types of brands does Nearle work with?", + answer: "Nearle works with FMCG brands, local food manufacturers, packaged goods startups, health and wellness companies, beauty brands, organic product makers, and household goods producers. If your product fits on a neighbourhood store shelf, there's a place for it on Nearle.", + }, + { + question: "How does distribution through Nearle work?", + answer: "Nearle's merchant network consists of verified neighbourhood stores. Your products are made available through these stores' digital catalogues and QR ordering systems. Customers who order from nearby stores can choose and buy your brand through Nearle's platform.", + }, + { + question: "Do I need to handle logistics and delivery?", + answer: "Nearle handles last-mile delivery to customers through its local delivery partner network. You coordinate stock replenishment with our merchant partners or through our supply chain integration. You don't need to manage individual customer deliveries.", + }, + { + question: "Can I run promotions specifically for my brand?", + answer: "Yes. Nearle supports brand-specific promotions including buy-one-get-one offers, minimum purchase discounts, festive deals, and new product launch campaigns. Promotions can be targeted by neighbourhood, store type, or customer segment.", + }, + { + question: "How is my brand's performance reported?", + answer: "Your brand dashboard shows real-time sales volumes, store-level sell-through rates, geographic demand maps, promotion performance, and customer purchase patterns. Weekly and monthly reports are also available on request.", + }, + { + question: "How quickly can my brand go live on Nearle?", + answer: "After the initial partnership agreement, most brands are listed and selling within 2 to 4 weeks. This includes catalogue creation, store onboarding, and initial inventory setup.", + }, + { + question: "Does Nearle work with small and emerging brands?", + answer: "Absolutely. Nearle actively works with local manufacturers and emerging brands to help them build neighbourhood-level distribution before scaling. We believe in growing together.", + }, + { + question: "What does brand partnership cost?", + answer: "Nearle brand partnerships are structured around a combination of listing fees and sales commissions, tailored to your scale and distribution goals. Contact our sales team for a customised quote.", + }, +]; + +export default function BrandsPage() { + const collageCards = [ + { text: "Local Distribution", icon: "hub" }, + { text: "Brand Campaigns", icon: "campaign" }, + { text: "Retail Analytics", icon: "analytics" }, + ]; + + return ( + + {/* ─── Hero Section ─── */} +
+
+
+
+ + Brand Partnerships + + +

+ Expand Your Brand Across +
+ Local Communities. +

+ +

+ Nearle connects FMCG brands, food companies, and local manufacturers with verified neighbourhood stores and their loyal customer communities. +

+ +
+ + Talk to Sales + + + See Partnership Process + +
+
+ +
+ +
+
+
+ +
+
+ +
+
+
+ + {/* ─── What We Offer ─── */} +
+
+
+ + What Nearle Offers Brands + +

+ The Full Stack of Neighbourhood Commerce +

+

+ From your first store listing to city-wide distribution — Nearle builds the infrastructure so you can focus on your product. +

+
+ +
+ {WHAT_WE_OFFER.map((item) => ( +
+
+
+ +
+ + {item.badge} + +
+
+

{item.title}

+

{item.desc}

+
+
+ ))} +
+
+
+ + {/* ─── Industries ─── */} +
+
+
+ + Industries We Serve + +

+ Your Category Has a Place on Nearle +

+

+ Nearle's neighbourhood store network stocks a wide range of everyday product categories. If customers buy it daily, it belongs here. +

+
+ +
+ {INDUSTRIES.map((industry) => ( +
+
+ +
+ {industry.label} +
+ ))} +
+
+
+ + {/* ─── Partnership Process ─── */} +
+
+
+ + How It Works + +

+ The Partnership Process +

+

+ From first conversation to city-wide brand presence in four structured steps. +

+
+ +
+ {PARTNERSHIP_STEPS.map((step) => ( +
+ + {step.num} + +
+ +
+

+ {step.title} +

+

{step.desc}

+
+ ))} +
+
+
+ + {/* ─── FAQ ─── */} +
+
+
+
+ + FAQs + +

+ Brand Partner Questions +

+

+ What brand managers usually ask before starting their Nearle partnership. +

+ + Talk to our sales team + + +
+ + +
+
+
+ + {/* ─── CTA Banner ─── */} +
+
+
+
+
+
+ + + Brand Partnership + +

+ Ready to Grow in +
Every Neighbourhood? +

+

+ Let's talk about what a Nearle brand partnership looks like for your products. Our sales team will design a custom plan for your brand. +

+
+ + + Talk to Sales + + + + Send an Enquiry + +
+
+
+
+
+ + ); +} diff --git a/src/app/businesses/page.tsx b/src/app/businesses/page.tsx index 9f46875..c6b36e5 100644 --- a/src/app/businesses/page.tsx +++ b/src/app/businesses/page.tsx @@ -24,104 +24,72 @@ const HERO_BENEFITS = [ function PhoneMapVisual() { return ( - // Single phone frame — no outer wrapper needed, no floating pills -
- {/* Status bar */} -
- 9:41 -
- {[4, 6, 8, 10].map((h) => ( - - ))} -
-
+
+
+
+
+
+
+ 9:41 + +
- {/* Search bar */} -
- - Search local stores - -
+
+ - {/* Map */} -
- {/* Street grid */} -
- {/* Subtle glow under main pin */} -
+ {[ + ["left-[17%] top-[30%]", "bg-[#6330D6]"], + ["right-[16%] top-[28%]", "bg-[#006D37]"], + ["left-[20%] bottom-[33%]", "bg-[#006D37]"], + ["right-[18%] bottom-[32%]", "bg-[#6330D6]"], + ["right-[35%] top-[20%]", "bg-[#6330D6]"], + ].map(([position, color]) => ( +
+
+
+
+
+ ))} - {/* Large center pin */} - - {/* Green pin — top-right */} - - {/* Purple pin — upper-left */} - - {/* Green pin — lower-left */} - - {/* Purple pin — lower-right */} - -
+
+
+
+
+
+
- {/* Store preview card — bottom sheet inside phone */} -
- {/* Store thumbnail */} -
- -
-
-

Your Store

-
- Open - • - 4.8 - ⭐ - • - 0.8 km +
+

Your Store

+
+ + + 4.8 + + Open + 0.8 km +
+
- +
+ Offers +
+
+ Shop +
); @@ -139,8 +107,9 @@ export default function BusinessesPage() { {/* ─── Hero Section ─── */}
{/* TWO-COLUMN GRID */} -
- +
+
+ {/* Left Column: Copy & Actions */}
@@ -184,16 +153,19 @@ export default function BusinessesPage() { isPhoneCenter={false} />
+
{/* BOTTOM HERO BENEFITS */} -
- +
+
+ +
{/* ─── Intro Highlight Banner ─── */} -
+
Together, we grow @@ -279,7 +251,7 @@ export default function BusinessesPage() { Your products get published to Nearle customers in your neighborhood through the app. Customers search based on location, products, discounts, and promos.

-
+
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 80c65b7..79dd44b 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -13,7 +13,7 @@ export default function ContactPage() { return ( {/* ─── Contact Section ─── */} -
+
{/* Subtle Map Grid/Location decoration behind left content */}
@@ -27,19 +27,20 @@ export default function ContactPage() {
-
-
+ {/*
*/} +
+
{/* Left Column — Contact Info */} -
+
Contact Us -

+

We’re Here to
Help You.

-

+

Whether you are a customer, local store owner, or delivery partner, our team is here to help you get started with Nearle.

@@ -52,7 +53,7 @@ export default function ContactPage() {

Call Us

-

+91 80 4912 3456 • +91 422 491 2345

+

+91 909 206 8666

@@ -63,7 +64,7 @@ export default function ContactPage() {

Email Us

-

support@nearle.in • partners@nearle.in

+

support@nearle.in • partners@nearle.in

@@ -74,7 +75,7 @@ export default function ContactPage() {

Visit Us

-

424, DB Rd, R.S. Puram, Coimbatore, TN 641002

+

424, DB Rd, R.S. Puram, Coimbatore, TN 641002

@@ -85,14 +86,14 @@ export default function ContactPage() {

Helpdesk

-

24/7 Phone Helpdesk Active

+

24/7 Phone Helpdesk Active

{/* Right Column: Compact Form Card */} -
+
@@ -101,8 +102,9 @@ export default function ContactPage() {
{/* ─── Map Section ─── */} -
-
+
+
+