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

update SEO

Browse Source
This commit is contained in:
Aravind
2026-07-01 17:05:32 +05:30
parent 208f6258ce
commit f37e2392f3
45 changed files with 227 additions and 567 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/home/HyperlocalFeatures.tsx
View File

@@ -115,10 +115,10 @@ export function HyperlocalFeatures() {
<div className="absolute left-[30%] right-[4%] top-[49%] z-40 rounded-[1.35rem] border border-white/80 bg-white/88 p-2.5 shadow-[0_24px_70px_rgba(23,0,31,0.16)] backdrop-blur-xl md:left-[45%] md:right-[5%] md:top-[52%] md:p-4">
<div className="flex items-center gap-3">
<div className="relative h-14 w-14 shrink-0 overflow-hidden rounded-2xl bg-brand-accent/40 ring-1 ring-outline-variant/20 md:h-20 md:w-20">
<Image src="/images/cat-daily-essentials.png" alt="Sri Krishna Groceries storefront" fill sizes="80px" className="object-cover" />
<Image src="/images/cat-daily-essentials.webp" alt="Sri Krishna Groceries storefront" fill sizes="80px" className="object-cover" />
</div>
<div className="min-w-0 flex-1">
<h5 className="truncate text-sm font-black text-brand-dark md:text-base">Sri Krishna Groceries</h5>
<div className="truncate text-sm font-black text-brand-dark md:text-base">Sri Krishna Groceries</div>
<p className="mt-0.5 truncate text-xs font-medium text-on-surface-variant md:text-sm">Fresh Harvest & Daily Needs</p>
<div className="mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs md:text-sm">
<span className="inline-flex items-center gap-1 font-bold text-on-surface-variant">
@@ -159,7 +159,7 @@ export function HyperlocalFeatures() {
Community & Trust
</motion.span>
<motion.h3
<motion.h2
className="text-4xl md:text-5xl lg:text-[44px] font-display font-black text-brand-dark mt-4 mb-6 leading-tight tracking-tight"
variants={fadeUp}
initial="hidden"
@@ -168,7 +168,7 @@ export function HyperlocalFeatures() {
>
Built Around Your<br />
<span className="text-primary font-black">Neighbourhood</span>
</motion.h3>
</motion.h2>
<motion.p
className="text-body-lg text-on-surface-variant mb-10 max-w-lg leading-relaxed"
@@ -204,9 +204,9 @@ export function HyperlocalFeatures() {
</div>
<div>
<h4 className="text-lg md:text-xl font-black text-brand-dark group-hover:text-primary transition-colors">
<h3 className="text-lg md:text-xl font-black text-brand-dark group-hover:text-primary transition-colors">
{item.title}
</h4>
</h3>
<p className="text-sm md:text-base text-on-surface-variant mt-1 leading-relaxed">
{item.desc}
</p>