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

remove used image

Browse Source
This commit is contained in:
Aravind
2026-06-23 18:04:17 +05:30
parent 6cb34f5b8f
commit 8ffc7809ce
28 changed files with 390 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,24 +3,25 @@ import Link from "next/link";
import { MaterialIcon } from "@/components/ui/MaterialIcon";
const QUICK_LINKS = [
{
name: "Daily Groceries",
icon: "shopping_basket",
label: "Fresh & On-Time",
},
{
name: "Hot Meals",
icon: "fastfood",
label: "Quick & tasty",
},
{
name: "Daily Groceries",
icon: "shopping_basket",
label: "Fresh & On-Time",
},
{
name: "Health & Care",
name: "wellness ",
icon: "medical_services",
label: "Essential & Trusted",
},
{
name: "More Services",
icon: "grid_view",
icon: "store",
label: "Explore More",
},
];
@@ -56,11 +57,11 @@ export function Hero() {
Neighbourhood commerce, made simple
</span>
<h1 className="text-4xl sm:text-5xl lg:text-[60px] xl:text-[70px] 2xl:text-[84px] lg:leading-[1.1] font-display font-black tracking-tight mb-8">
Your Favourite
<h1 className="text-4xl sm:text-5xl lg:text-[52px] xl:text-[62px] 2xl:text-[74px] lg:leading-[1.15] font-display font-black tracking-tight mb-8">
Your Favourite Local Stores,
<br />
<span className="text-brand-accent drop-shadow-md">
Local Stores, Now at Your Doorstep.
Now at Your Doorstep.
</span>
</h1>
@@ -69,16 +70,16 @@ export function Hero() {
</p>
{/* CTAs */}
<div className="flex flex-wrap gap-4 mt-8">
<div className="flex flex-col md:flex-row md:flex-wrap gap-4 mt-8 w-full md:w-auto">
<Link
href="/people"
className="bg-brand-accent hover:bg-brand-accent-light text-brand-dark font-black px-8 py-4 rounded-xl text-sm md:text-base hover:shadow-xl transition-all duration-300 active:scale-95 flex items-center gap-2"
className="bg-brand-accent hover:bg-brand-accent-light text-brand-dark font-black px-8 py-4 rounded-xl text-sm md:text-base hover:shadow-xl transition-all duration-300 active:scale-95 flex items-center justify-center gap-2 w-full md:w-auto min-h-[48px] whitespace-nowrap"
>
Explore Nearby Stores
</Link>
<Link
href="/businesses"
className="bg-white/10 hover:bg-white/15 border border-white/20 text-white font-black px-8 py-4 rounded-xl text-sm md:text-base transition-all duration-300 active:scale-95 flex items-center gap-2"
className="bg-white/10 hover:bg-white/15 border border-white/20 text-white font-black px-8 py-4 rounded-xl text-sm md:text-base transition-all duration-300 active:scale-95 flex items-center justify-center gap-2 w-full md:w-auto min-h-[48px] whitespace-nowrap"
>
List Your Store
</Link>
@@ -98,10 +99,7 @@ export function Hero() {
<MaterialIcon icon="local_shipping" size={18} className="text-brand-accent" />
<span>Neighbourhood delivery</span>
</div>
<div className="flex items-center gap-2">
<MaterialIcon icon="location_on" size={18} className="text-brand-accent" />
<span>Available in Coimbatore</span>
</div>
</div>
{/* Mobile/Tablet Only Nearle Bag Logo with context pins */}
@@ -116,19 +114,7 @@ export function Hero() {
priority
/>
{/* Mobile Context Pins */}
<div className="absolute top-[10%] left-[-15px] bg-white/95 backdrop-blur-sm px-3 py-1.5 rounded-xl border border-outline-variant/20 shadow-md flex items-center gap-1.5 animate-float z-10">
<MaterialIcon icon="shopping_basket" size={14} className="text-secondary" />
<span className="text-xs font-black text-brand-dark">Groceries</span>
</div>
<div className="absolute top-[40%] right-[-15px] bg-white/95 backdrop-blur-sm px-3 py-1.5 rounded-xl border border-outline-variant/20 shadow-md flex items-center gap-1.5 animate-float z-10 [animation-delay:1.5s]">
<MaterialIcon icon="medical_services" size={14} className="text-primary" />
<span className="text-xs font-black text-brand-dark">Pharmacy</span>
</div>
<div className="absolute bottom-[5%] left-[5px] bg-white/95 backdrop-blur-sm px-3 py-1.5 rounded-xl border border-outline-variant/20 shadow-md flex items-center gap-1.5 animate-float z-10 [animation-delay:0.7s]">
<MaterialIcon icon="restaurant" size={14} className="text-orange-600" />
<span className="text-xs font-black text-brand-dark">Food</span>
</div>
</div>
</div>
</div>
@@ -149,19 +135,7 @@ export function Hero() {
/>
</div>
{/* Context Pins */}
<div className="absolute top-[20%] left-[10%] bg-white/95 backdrop-blur-sm px-3.5 py-2 rounded-2xl border border-outline-variant/20 shadow-lg flex items-center gap-1.5 animate-float z-10">
<MaterialIcon icon="shopping_basket" size={16} className="text-secondary" />
<span className="text-xs font-black text-brand-dark">Groceries</span>
</div>
<div className="absolute top-[45%] right-[5%] bg-white/95 backdrop-blur-sm px-3.5 py-2 rounded-2xl border border-outline-variant/20 shadow-lg flex items-center gap-1.5 animate-float z-10 [animation-delay:1.5s]">
<MaterialIcon icon="medical_services" size={16} className="text-primary" />
<span className="text-xs font-black text-brand-dark">Pharmacy</span>
</div>
<div className="absolute bottom-[25%] left-[15%] bg-white/95 backdrop-blur-sm px-3.5 py-2 rounded-2xl border border-outline-variant/20 shadow-lg flex items-center gap-1.5 animate-float z-10 [animation-delay:0.7s]">
<MaterialIcon icon="restaurant" size={16} className="text-orange-600" />
<span className="text-xs font-black text-brand-dark">Food</span>
</div>
</div>
</div>
</div>