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

set super hero image

Browse Source
This commit is contained in:
Aravind
2026-07-04 16:41:46 +05:30
parent a411a5027e
commit 4073dc8386
8 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/super.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 108 KiB

14
src/app/businesses/page.tsx
View File

@@ -125,7 +125,7 @@ export default function BusinessesPage() {
{/* ─── Build Your Neighborhood Brand ─── */}
<section className="py-10 md:py-14 lg:py-16 xl:py-12 border-b border-[#6330D6]/10 bg-white overflow-hidden">
<div className="w-[calc(100%-32px)] lg:w-[calc(100%-64px)] max-w-[1800px] mx-auto">
<div className="w-[calc(100%-32px)] lg:w-[calc(100%-64px)] max-w-[1280px] mx-auto">
{/* Header */}
<AnimatedSection>
<div className="text-center mb-10 lg:mb-12 xl:mb-10">
@@ -144,14 +144,14 @@ export default function BusinessesPage() {
{/* Cards grid */}
<AnimatedGrid className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-7">
{/* Card 1 - Get Online */}
<AnimatedCard className="relative flex min-h-[360px] md:min-h-[390px] lg:min-h-[420px] flex-col overflow-hidden rounded-[32px] border border-[rgba(99,48,214,0.12)] bg-white p-7 md:p-8 shadow-[0_18px_45px_rgba(22,0,29,0.08)]">
<AnimatedCard className="relative flex min-h-[360px] md:min-h-[390px] lg:min-h-[420px] flex-col items-center text-center overflow-hidden rounded-[32px] border border-[rgba(99,48,214,0.12)] bg-white p-7 md:p-8 shadow-[0_18px_45px_rgba(22,0,29,0.08)]">
<span className="absolute right-5 top-4 font-display text-6xl font-black leading-none text-[#6330D6]/[0.07] select-none">
01
</span>
<div className="relative z-10 flex h-14 w-14 items-center justify-center rounded-2xl bg-[#6330D6]/7 text-[#6330D6]">
<MaterialIcon icon="storefront" size={28} />
</div>
<div className="relative z-10 mt-6 max-w-[260px]">
<div className="relative z-10 mt-6 w-full max-w-sm">
<p className="font-display text-2xl lg:text-[26px] font-black text-[#16001D] leading-tight">
Get Online
</p>
@@ -173,14 +173,14 @@ export default function BusinessesPage() {
</AnimatedCard>
{/* Card 2 - Get Noticed */}
<AnimatedCard className="relative flex min-h-[360px] md:min-h-[390px] lg:min-h-[420px] flex-col overflow-hidden rounded-[32px] border border-[rgba(99,48,214,0.12)] bg-white p-7 md:p-8 shadow-[0_18px_45px_rgba(22,0,29,0.08)]">
<AnimatedCard className="relative flex min-h-[360px] md:min-h-[390px] lg:min-h-[420px] flex-col items-center text-center overflow-hidden rounded-[32px] border border-[rgba(99,48,214,0.12)] bg-white p-7 md:p-8 shadow-[0_18px_45px_rgba(22,0,29,0.08)]">
<span className="absolute right-5 top-4 font-display text-6xl font-black leading-none text-[#6330D6]/[0.07] select-none">
02
</span>
<div className="relative z-10 flex h-14 w-14 items-center justify-center rounded-2xl bg-secondary/7 text-secondary">
<MaterialIcon icon="campaign" size={28} />
</div>
<div className="relative z-10 mt-6 max-w-[260px]">
<div className="relative z-10 mt-6 w-full max-w-sm">
<p className="font-display text-2xl lg:text-[26px] font-black text-[#16001D] leading-tight">
Get Noticed
</p>
@@ -194,14 +194,14 @@ export default function BusinessesPage() {
</AnimatedCard>
{/* Card 3 - Get Simplified */}
<AnimatedCard className="relative flex min-h-[360px] md:min-h-[390px] lg:min-h-[420px] flex-col overflow-hidden rounded-[32px] border border-[rgba(99,48,214,0.12)] bg-white p-7 md:p-8 shadow-[0_18px_45px_rgba(22,0,29,0.08)]">
<AnimatedCard className="relative flex min-h-[360px] md:min-h-[390px] lg:min-h-[420px] flex-col items-center text-center overflow-hidden rounded-[32px] border border-[rgba(99,48,214,0.12)] bg-white p-7 md:p-8 shadow-[0_18px_45px_rgba(22,0,29,0.08)]">
<span className="absolute right-5 top-4 font-display text-6xl font-black leading-none text-[#6330D6]/[0.07] select-none">
03
</span>
<div className="relative z-10 flex h-14 w-14 items-center justify-center rounded-2xl bg-[#6330D6]/7 text-[#6330D6]">
<MaterialIcon icon="auto_awesome" size={28} />
</div>
<div className="relative z-10 mt-6 max-w-[260px]">
<div className="relative z-10 mt-6 w-full max-w-sm">
<p className="font-display text-2xl lg:text-[26px] font-black text-[#16001D] leading-tight">
Get Simplified
</p>

4
src/app/layout.tsx
View File

@@ -20,7 +20,7 @@ export const metadata: Metadata = {
template: "%s | Nearle",
},
description:
"Hyper-local essentials, hot meals, and professional services from verified businesses within your 2km radius. India's #1 neighborhood commerce platform.",
"Hyper-local essentials, hot meals, and professional services from verified businesses. India's #1 neighborhood commerce platform.",
keywords: [
"hyperlocal",
"neighborhood delivery",
@@ -34,7 +34,7 @@ export const metadata: Metadata = {
openGraph: {
title: "Nearle: Your Neighborhood, Delivered",
description:
"Hyper-local essentials, hot meals, and professional services from verified businesses within your 2km radius.",
"Hyper-local essentials, hot meals, and professional services from verified businesses",
url: "https://nearle.in",
siteName: "Nearle",
locale: "en_IN",

4
src/app/merchants/page.tsx
View File

@@ -67,7 +67,7 @@ const BENEFITS = [
{
icon: "people_nearby",
title: "Nearby Customer Reach",
desc: "Connect with families and residents living within 2km of your store, your most valuable, loyal customer base.",
desc: "Connect with families and residents living within your neighborhood, your most valuable, loyal customer base.",
tone: "bg-[#6330D6]/8 text-[#6330D6]",
},
];
@@ -256,7 +256,7 @@ export default function MerchantsPage() {
{/* Stats row */}
<div className="grid grid-cols-3 gap-5">
{[
{ stat: "2km", label: "Hyperlocal Coverage" },
{ stat: "Local", label: "Hyperlocal Coverage" },
{ stat: "24h", label: "Time to Go Live" },
{ stat: "Fair", label: "Commission Model" },
].map((s) => (

4
src/app/people/page.tsx
View File

@@ -11,7 +11,7 @@ import type { Metadata } from "next";
export const metadata: Metadata = {
title: "Nearle for People",
description:
"Discover verified local stores, save your favourite merchants, and order everyday essentials with superfast local delivery from shops within your 2km neighbourhood.",
"Discover verified local stores, save your favourite merchants, and order everyday essentials with superfast local delivery from shops within your neighbourhood.",
};
const OFFERINGS = [
@@ -39,7 +39,7 @@ const OFFERINGS = [
descr: "Enjoy the ease of the World Wide Web, fulfilled entirely by trusted local businesses. Avoid traffic lights, parking hassles, and pollution.",
icon: "travel_explore",
color: "from-green-500/10 to-emerald-500/10 text-secondary border-green-100",
image: "/images/slider-courier-mask-purple-v5.webp",
image: "/super.png",
isWide: false
},
{

2
src/components/heroes/AboutHero.tsx
View File

@@ -7,7 +7,7 @@ import { HeroLogo } from "@/components/heroes/HeroLogo";
import { staggerContainer } from "@/lib/animations";
const HERO_STATS = [
{ title: "2km Coverage", icon: "explore", desc: "Hyperlocal radius" },
{ title: "Coverage", icon: "explore", desc: "Hyperlocal radius" },
{ title: "Verified Local Stores", icon: "store", desc: "Growing local commerce" },
{ title: "Happy Customers", icon: "mood", desc: "Neighbourhood community" },
{ title: "Coimbatore & Beyond", icon: "location_city", desc: "Growing neighbourhood reach" },

2
src/components/heroes/PeopleHero.tsx
View File

@@ -8,7 +8,7 @@ import { staggerFast } from "@/lib/animations";
const HERO_STATS = [
{ title: "Verified Local Stores", icon: "store", desc: "Growing local commerce" },
{ title: "2km Neighbourhood", icon: "location_on", desc: "Hyperlocal service radius" },
{ title: "Neighbourhood", icon: "location_on", desc: "Hyperlocal service radius" },
{ title: "Happy Customers", icon: "mood", desc: "Growing neighbourhood community" },
{ title: "Trusted Platform", icon: "star", desc: "Loved by local shoppers" },
];

4
src/components/home/Hero.tsx
View File

@@ -13,8 +13,8 @@ const EASE_LOGO = [0.16, 1, 0.3, 1] as [number, number, number, number];
const PROOF_ITEMS = [
{ label: "Verified", text: "Local Stores", icon: "store" },
{ label: "2km", text: "Neighbourhood Coverage", icon: "location_on" },
{ label: "Growing", text: "Customer Community", icon: "mood" },
{ label: "Neighborhood", text: "Coverage", icon: "location_on" },
{ label: "Growing", text: "Happy Customers", icon: "mood" },
{ label: "Trusted", text: "Local Platform", icon: "star" },
];