set super hero image

src/app/businesses/page.tsx

@@ -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>

src/app/layout.tsx

@@ -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",

src/app/merchants/page.tsx

@@ -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) => (

src/app/people/page.tsx

@@ -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
   },
   {

src/components/heroes/AboutHero.tsx

@@ -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" },

src/components/heroes/PeopleHero.tsx

@@ -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" },
 ];

src/components/home/Hero.tsx

@@ -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: "Neighborhood", text: "Coverage", icon: "location_on" },
-  { label: "Growing", text: "Customer Community", icon: "mood" },
+  { label: "Growing", text: "Happy Customers", icon: "mood" },
   { label: "Trusted", text: "Local Platform", icon: "star" },
 ];