diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 8510c34..8f6a50f 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -1,7 +1,9 @@ import React from "react"; import Link from "next/link"; -import Image from "next/image"; 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 type { Metadata } from "next"; export const metadata: Metadata = { @@ -14,7 +16,7 @@ const STRATEGY_CARDS = [ title: "Our Mission", descr: "To make mediocre, or average stores, perform as well as the great ones. By going beyond selling a product, to establish a solid brand identity and build a relationship with their customers using Nearle.", icon: "target", - color: "bg-primary/5 text-primary border-primary/10" + color: "bg-[#6330D6]/5 text-[#6330D6] border-[#6330D6]/10" }, { title: "Our Vision", @@ -26,131 +28,169 @@ const STRATEGY_CARDS = [ title: "Why Nearle", descr: "Nearly is essential for a business to grow by leveraging the full potential of its neighbourhood. It is an indispensable tool for Consumers to take advantage from its Neighbourhoods.", icon: "help_outline", - color: "bg-brand-accent/10 text-brand-accent border-brand-accent/20" + color: "bg-[#6330D6]/10 text-[#6330D6] border-[#6330D6]/20" } ]; -const COUNTERS = [ +const LOCAL_COUNTERS = [ { count: "100+", label: "Customers Served", icon: "people" }, { count: "100+", label: "Active Businesses", icon: "store" }, { count: "100+", label: "Active Neighborhoods", icon: "location_city" } ]; -export default function AboutPage() { - return ( -
-
- {/* ─── Hero Section ─── */} -
- {/* Background Image with Overlay */} -
- About Nearle Background -
-
+const HERO_STATS = [ + { title: "2km Coverage", icon: "explore", desc: "Hyperlocal radius" }, + { title: "1000+ Verified Stores", icon: "store", desc: "Local commerce" }, + { title: "50000+ Happy Customers", icon: "mood", desc: "Neighborhood residents" }, + { title: "25+ Neighbourhoods", icon: "location_city", desc: "Active locations" } +]; -
-

- We are Nearle -

-

- We build Neighbourhoods. +export default function AboutPage() { + const collageCards = [ + { text: "Local First", icon: "store" }, + { text: "Trusted Network", icon: "verified" }, + { text: "Connected Communities", icon: "groups" } + ]; + + return ( + + {/* ─── Hero Section ─── */} +
+ {/* TWO-COLUMN GRID */} +
+ + {/* Left Column: Copy & Actions */} +
+ + About Nearle + + +

+ Built for Every +
+ Neighbourhood.

-

+ +

Nearle is India's first hyper-local managed “Neighbourhood living platform” which brings all the amenities and requirements of residents to their fingertips.

-
-
- {/* ─── Intro Description Block ─── */} -
- - Our Platform - -

- Nearle Neighbourhood Commerce -

-

- We are redefining modern urban living by providing never before convenience. By linking local physical stores to an integrated digital framework, Nearle boosts merchant sales and delivers products instantly, fostering closer, cleaner, and faster local economies. -

-
- - {/* ─── Strategy Cards (Mission, Vision, Why) ─── */} -
- -
- - {/* ─── Global Stats counters ─── */} -
-
- {COUNTERS.map((c) => ( -
-
- -
-

{c.count}

-

- {c.label} -

-
- ))} -
-
- - {/* ─── Brand Building Banner ─── */} -
- -
-

-
+ + {/* Right Column: Visual Collage */} +
+ +
+ + + {/* BOTTOM HERO STATS */} +
+ +
+ + + {/* ─── Intro Description Block ─── */} +
+ + Our Platform + +

+ Nearle Neighbourhood Commerce +

+

+ We are redefining modern urban living by providing never before convenience. By linking local physical stores to an integrated digital framework, Nearle boosts merchant sales and delivers products instantly, fostering closer, cleaner, and faster local economies. +

+
+ + {/* ─── Strategy Cards (Mission, Vision, Why) ─── */} +
+
+ {STRATEGY_CARDS.map((card) => ( +
+
+ +
+

+ {card.title} +

+

+ {card.descr} +

+
+ ))} +
+
+ + {/* ─── Global Stats counters ─── */} +
+
+ {LOCAL_COUNTERS.map((c) => ( +
+
+ +
+

{c.count}

+

+ {c.label} +

+
+ ))} +
+
+ + {/* ─── Brand Building Banner ─── */} +
+
+ + Don't miss the opportunity + +

+ Build Your Brand with Nearle +

+

+ Delight your neighborhood with a personalized online experience. Unlock revenue opportunities and local marketing strategies that will take your business further. +

+
+ + + Register Merchant + + + + Download App + +
+
+
+ ); } diff --git a/src/app/businesses/page.tsx b/src/app/businesses/page.tsx index a266ede..eedabf2 100644 --- a/src/app/businesses/page.tsx +++ b/src/app/businesses/page.tsx @@ -1,15 +1,11 @@ "use client"; -import React, { useState, useEffect } from "react"; -import Image from "next/image"; +import React from "react"; import Link from "next/link"; import { MaterialIcon } from "@/components/ui/MaterialIcon"; - -const ROTATOR_WORDS = [ - "Stand above your competitors!", - // "Reach the right people, near you.", - "Get noticed in your locality!" -]; +import { PremiumPageShell } from "@/components/layout/PremiumPageShell"; +import { HeroVisualCollage } from "@/components/layout/HeroVisualCollage"; +import { FeatureStatsRow } from "@/components/ui/FeatureStatsRow"; const PROCESS_STEPS = [ { @@ -17,7 +13,7 @@ const PROCESS_STEPS = [ title: "Get Online", descr: "Introduce your business to your Neighbourhood. Compete with online businesses through your offline store.", icon: "storefront", - color: "bg-primary/5 text-primary border-primary/10" + color: "bg-[#6330D6]/5 text-[#6330D6] border-[#6330D6]/10" }, { step: "02", @@ -31,7 +27,7 @@ const PROCESS_STEPS = [ title: "Get Simplified", descr: "Delight the community with a personalized online experience. Unlock revenue opportunities and marketing strategies that will take your business further.", icon: "auto_awesome", - color: "bg-brand-accent/10 text-brand-accent border-brand-accent/20" + color: "bg-[#6330D6]/10 text-[#6330D6] border-[#6330D6]/20" } ]; @@ -71,211 +67,240 @@ const FEATURES = [ ]; const STATS = [ - { value: "40%+", label: "Avg Revenue Increase", icon: "trending_up", bg: "bg-surface-container" }, - { value: "12k+", label: "Daily Orders Handled", icon: "groups", bg: "bg-primary text-white" }, - { value: "5k+", label: "Active Partners", icon: "storefront", bg: "bg-white border border-outline-variant/15" }, - { value: "24/7", label: "Merchant Support", icon: "support_agent", bg: "bg-surface-container" } + { value: "40%+", label: "Avg Revenue Increase", icon: "trending_up", bg: "bg-[#FAF7FD]" }, + { value: "12k+", label: "Daily Orders Handled", icon: "groups", bg: "bg-[#6330D6] text-white" }, + { value: "5k+", label: "Active Partners", icon: "storefront", bg: "bg-white border border-[#6330D6]/10" }, + { value: "24/7", label: "Merchant Support", icon: "support_agent", bg: "bg-[#FAF7FD]" } +]; + +const HERO_BENEFITS = [ + { title: "More Visibility Across Nearle", icon: "visibility", desc: "Get discovered by locals" }, + { title: "Easy Order Management", icon: "assignment", desc: "Track and fulfill cleanly" }, + { title: "Grow Repeat Customers", icon: "trending_up", desc: "Build neighborhood loyalty" }, + { title: "Local Delivery Support", icon: "local_shipping", desc: "Deliver fast & verified" } ]; export default function BusinessesPage() { - const [wordIndex, setWordIndex] = useState(0); - - useEffect(() => { - const timer = setInterval(() => { - setWordIndex((prev) => (prev + 1) % ROTATOR_WORDS.length); - }, 3000); - return () => clearInterval(timer); - }, []); + const collageCards = [ + { text: "Nearby Customers", icon: "people" }, + { text: "Orders & Offers", icon: "local_offer" }, + { text: "Local Delivery Support", icon: "local_shipping" } + ]; return ( -
-
- {/* ─── Hero Section with Animated Rotator ─── */} -
- {/* Background Image with Overlay */} -
- Nearle Business Background -
-
- -
-

+ + {/* ─── Hero Section ─── */} +

+ {/* TWO-COLUMN GRID */} +
+ + {/* Left Column: Copy & Actions */} +
+ Nearle for Business -

+ -

- Power your business. +

+ Grow Your Local Business,
- - {ROTATOR_WORDS[wordIndex]} - + Neighbourhood by Neighbourhood.

-
-
- {/* ─── Intro Highlight Banner ─── */} -
-
- - Together, we grow - -

- Get set in minutes and delight the Neighborhood -

-

- Nearle is built to help businesses like Yours establish a local online presence and empower neighborhood customers to discover and interact with you directly. +

+ Get discovered by nearby customers, manage orders, and build repeat business from one simple platform.

-
-
- - - Talk to an Expert - -
-
- {/* ─── Timeline / Core Process Steps ─── */} -
-
- - How it works - -

- Build Your Neighborhood Brand -

-

- Three simple milestones to scale your retail reach from offline streets straight into neighborhood homes. -

-
- - -
- - {/* ─── Grid Stats & Value Prop ─── */} -
- - {/* Right side: stats quadrant (5 cols) */} -
- {STATS.map((stat, i) => ( -
-
-
- -
+ {/* Right Column: Visual Collage */} +
+ +
+
+ + {/* BOTTOM HERO BENEFITS */} +
+ +
+
+ + {/* ─── Intro Highlight Banner ─── */} +
+
+ + Together, we grow + +

+ Get set in minutes and delight the Neighborhood +

+

+ Nearle is built to help businesses like Yours establish a local online presence and empower neighborhood customers to discover and interact with you directly. +

+
+
+ + + Talk to an Expert + +
+
+ + {/* ─── Timeline / Core Process Steps ─── */} +
+
+ + How it works + +

+ Build Your Neighborhood Brand +

+

+ Three simple milestones to scale your retail reach from offline streets straight into neighborhood homes. +

+
+ +
+ {PROCESS_STEPS.map((ps) => ( +
+
+ {ps.step} +
+
+ +
+

+ {ps.title} +

+

+ {ps.descr} +

+
+ ))} +
+
+ + {/* ─── Grid Stats & Value Prop ─── */} +
+
+ {/* Left side: features block (7 cols) */} +
+ + Our features + +

+ Move Your Business Forward +

+

+ Be a part of a community of like-minded people. Brand your business on Nearle and reach out to your neighborhood with ease. +

+ +
+ {FEATURES.map((feat) => ( +
+
+
-
-

{stat.value}

-

- {stat.label} +

+

+ {feat.title} +

+

+ {feat.descr}

))}
-
- {/* ─── Join/Download Call to Action ─── */} -
-
-
-

- Nearle is Essential for Business Growth -

-

- Leverage the full potential of your neighborhood. Stand above the rest, increase customers, and scale your brand today. -

-
- + {STATS.map((stat, i) => ( +
- - Register as Partner - - - - Contact Experts - -
+
+
+ +
+
+
+

{stat.value}

+

+ {stat.label} +

+
+
+ ))}
-
-
-
+ + + + {/* ─── Join/Download Call to Action ─── */} +
+
+
+

+ Nearle is Essential for Business Growth +

+

+ Leverage the full potential of your neighborhood. Stand above the rest, increase customers, and scale your brand today. +

+
+ + + Register as Partner + + + + Contact Experts + +
+
+
+ ); } diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 048e4b2..27fdf84 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -1,6 +1,7 @@ import React from "react"; import { MaterialIcon } from "@/components/ui/MaterialIcon"; import { ContactForm } from "@/components/contact/ContactForm"; +import { PremiumPageShell } from "@/components/layout/PremiumPageShell"; import type { Metadata } from "next"; export const metadata: Metadata = { @@ -10,189 +11,121 @@ export const metadata: Metadata = { export default function ContactPage() { return ( -
-
- {/* ─── Redesigned Hero/Contact Section ─── */} -
- {/* Subtle decorative blurred purple glow behind left content */} -
- -
-
- - {/* Left Column — MUST BE VISIBLE */} -
- - LET’S CONNECT - -

- Let’s Build Better Neighbourhoods Together. -

-

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

+ + {/* ─── Contact Section ─── */} +
+ + {/* Subtle Map Grid/Location decoration behind left content */} +
+ + + + + + + + +
- {/* Info Rows */} -
- {/* Row 1 */} -
-
- -
-
-

Based in Coimbatore

-

Building neighbourhood commerce, one local store at a time.

-
+
+
+ + {/* 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. +

+ + {/* Info Rows */} +
+ {/* Call Us */} +
+
+
- - {/* Row 2 */} -
-
- -
-
-

Talk to Our Team

-

Monday to Saturday, 9:30 AM to 6:30 PM.

-
+
+

Call Us

+

+91 80 4912 3456 • +91 422 491 2345

+
- {/* Row 3 */} -
-
- -
-
-

Quick Support

-

Share your details and our team will get back to you.

-
+ {/* Email Us */} +
+
+ +
+
+

Email Us

+

support@nearle.in • partners@nearle.in

+
+
+ + {/* Visit Us */} +
+
+ +
+
+

Visit Us

+

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

+
+
+ + {/* Helpdesk */} +
+
+ +
+
+

Helpdesk

+

24/7 Phone Helpdesk Active

- - {/* Right Column: Form Card */} -
- -
- -
-
-
- - {/* ─── Four Contact Info Cards ─── */} -
-
- - {/* Card 1: Location */} -
-
- -
-

Our Location

-

- Nearle HQ, 424, Diwan Bahadur Rd,
- Opposite To Sri Krishna Sweets, R.S. Puram,
- Coimbatore, Tamil Nadu 641002 -

- - Get Directions - -
- {/* Card 2: Phones */} -
-
- -
-

Phones

-

- +91 80 4912 3456 - +91 422 491 2345 -

- -
- - {/* Card 3: Email */} - - - {/* Card 4: Working Hours */} -
-
- -
-

Working Hours

-

- Monday - Saturday
- 9:00 AM - 6:00 PM
- 24/7 Phone Helpdesk -

-
- - - Helpdesk Active - -
+ {/* Right Column: Compact Form Card */} +
+
-
+
+
- {/* ─── Map Section ─── */} -
-
-