Nearle/nearle_web_nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updat d2c page and scroll fix

Browse Source
This commit is contained in:
Aravind
2026-07-03 01:41:43 +05:30
parent 60147da53e
commit 843182d393
18 changed files with 120 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/app/brands/page.tsx
View File

@@ -19,7 +19,7 @@ export const metadata: Metadata = {
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.",
"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",
},
};
@@ -28,7 +28,7 @@ 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.",
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",
},
@@ -49,7 +49,7 @@ const WHAT_WE_OFFER = [
{
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.",
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",
},
@@ -166,7 +166,7 @@ export default function BrandsPage() {
The Full Stack of Neighbourhood Commerce
</h2>
<p className="text-sm md:text-base text-[#5E5866] max-w-2xl mx-auto leading-relaxed">
From your first store listing to city-wide distribution — Nearle builds the infrastructure so you can focus on your product.
From your first store listing to city-wide distribution, Nearle builds the infrastructure so you can focus on your product.
</p>
</div>
</AnimatedSection>
@@ -196,8 +196,18 @@ export default function BrandsPage() {
</section>
{/* ─── Industries ─── */}
<section className="py-10 md:py-14 xl:py-12 bg-[#FAF7FD] border-b border-[#6330D6]/10">
<div className="px-6 md:px-12 lg:px-16 xl:px-20 2xl:px-24">
<section className="relative overflow-hidden py-10 md:py-14 xl:py-12 bg-[#FAF7FD] border-b border-[#6330D6]/10">
<Image
src="/d2c bg1.png"
alt=""
fill
priority={false}
sizes="100vw"
className="absolute inset-0 z-0 object-cover"
aria-hidden="true"
/>
<div className="absolute inset-0 z-[1] bg-white/40" />
<div className="relative z-10 px-6 md:px-12 lg:px-16 xl:px-20 2xl:px-24">
<div className="grid grid-cols-1 lg:grid-cols-[30%_1fr] gap-10 xl:gap-16 items-center">
{/* Real product collage */}
<AnimatedSection className="order-2 lg:order-1" variant="fadeUp">
@@ -205,7 +215,7 @@ export default function BrandsPage() {
<div className="absolute left-0 top-0 h-[62%] w-[72%] overflow-hidden rounded-[28px] border-4 border-white shadow-[0_20px_50px_rgba(22,0,29,0.16)]">
<Image
src="/images/cat-daily-essentials.webp"
alt="Daily essentials — milk, bread, and fresh produce stocked on Nearle stores"
alt="Daily essentials like milk, bread, and fresh produce stocked on Nearle stores"
fill
sizes="(max-width: 1023px) 300px, 22vw"
className="object-cover"
@@ -362,6 +372,7 @@ export default function BrandsPage() {
"circle at 70% 30%, rgba(99,48,214,0.2), transparent 50%",
"circle at 20% 70%, rgba(0,109,55,0.12), transparent 45%",
]}
backgroundImage="/brand part.png"
/>
</PremiumPageShell>
);