Samandar/gastro-bot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

card editing

Browse Source
This commit is contained in:
Samandar Turgunboyev
2025-12-16 15:48:22 +05:00
parent 8813d50a81
commit a81fa12f53
19 changed files with 193 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/widgets/footer/ui/index.tsx
View File

@@ -8,7 +8,7 @@ import { Fragment } from 'react';
const Footer = () => {
return (
<section className="max-lg:py-9 py-12 z-50 w-full bg-slate-50 border-t border-slate-200">
<section className="max-lg:py-9 max-lg:bg-white max-lg:border-none py-12 z-50 w-full bg-[#57A595] border-t border-slate-200">
<div className="custom-container max-lg:hidden">
<div className="flex w-full gap-10 flex-col items-center justify-between text-center lg:flex-row lg:items-start lg:text-left">
<div className="flex w-fit flex-col items-center justify-between gap-4 lg:items-start mb-8 lg:mb-0">
@@ -17,24 +17,24 @@ const Footer = () => {
<Image
width={500}
height={500}
src={PRODUCT_INFO.logo || '/placeholder.svg'}
src={'/logos/logo-white.png'}
alt={PRODUCT_INFO.name}
title={PRODUCT_INFO.name}
className="h-10 w-10"
/>
</div>
<h2 className="text-xl font-bold text-slate-800">
<h2 className="text-xl font-bold text-white">
{PRODUCT_INFO.name}
</h2>
</div>
<p className="text-slate-600 max-w-xs leading-relaxed text-sm">
<p className="text-white max-w-xs leading-relaxed text-sm">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Est,
totam?
</p>
</div>
<div className="grid w-full grid-cols-1 md:grid-cols-3 gap-8 lg:gap-16">
<div>
<h3 className="mb-4 font-bold text-base text-black">
<h3 className="mb-2 font-bold text-lg text-muted">
Kategoriyalar
</h3>
<ul className="space-y-2 text-sm">
@@ -43,7 +43,7 @@ const Footer = () => {
{link.subCategories.slice(0, 2).map((e, linkIdx) => (
<li
key={linkIdx}
className="text-muted-foreground hover:text-blue-600 transition-colors cursor-pointer"
className="text-white hover:text-gray-300 transition-colors cursor-pointer"
>
<Link href={`/category/${link.name}/${e.name}`}>
{e.name}
@@ -55,53 +55,53 @@ const Footer = () => {
</ul>
</div>
<div>
<h3 className="mb-4 font-bold text-base text-black">Sahifalar</h3>
<h3 className="mb-2 font-bold text-base text-muted">Sahifalar</h3>
<ul className="space-y-2 text-sm">
<li className="text-muted-foreground hover:text-blue-600 transition-colors cursor-pointer">
<li className="text-muted hover:text-gray-300 transition-colors cursor-pointer">
<Link href={'/about'}>Biz haqimizda</Link>
</li>
<li className="text-muted-foreground hover:text-blue-600 transition-colors cursor-pointer">
<li className="text-muted hover:text-gray-300 transition-colors cursor-pointer">
<Link href={'/privacy-policy'}>Maxfiylik siyosati</Link>
</li>
<li className="text-muted-foreground hover:text-blue-600 transition-colors cursor-pointer">
<li className="text-muted hover:text-gray-300 transition-colors cursor-pointer">
<Link href={'/faq'}>Savol va javoblar</Link>
</li>
</ul>
</div>
<div>
<h3 className="mb-4 font-bold text-base text-black">Aloqa</h3>
<h3 className="mb-2 font-bold text-base text-muted">Aloqa</h3>
<ul className="space-y-2 text-sm">
<li className="text-muted-foreground hover:text-blue-600 transition-colors cursor-pointer">
<li className="text-muted hover:text-gray-300 transition-colors cursor-pointer">
<a href={'#'} className="flex items-center gap-2">
<Send className="size-4" />
<p>Telegram</p>
</a>
</li>
<li className="text-muted-foreground hover:text-blue-600 transition-colors cursor-pointer">
<li className="text-muted hover:text-gray-300 transition-colors cursor-pointer">
<a href={'#'} className="flex items-center gap-2">
<Instagram className="size-4" />
<p>Instagram</p>
</a>
</li>
<li className="text-muted-foreground hover:text-blue-600 transition-colors cursor-pointer">
<li className="text-muted hover:text-gray-300 transition-colors cursor-pointer">
<a href={'#'} className="flex items-center gap-2">
<Facebook className="size-4" />
<p>Facebook</p>
</a>
</li>
<li className="text-muted-foreground hover:text-blue-600 transition-colors cursor-pointer">
<li className="text-muted hover:text-gray-300 transition-colors cursor-pointer">
<a href={'#'} className="flex items-center gap-2">
<Twitter className="size-4" />
<p>Twitter</p>
</a>
</li>
<li className="text-muted-foreground hover:text-blue-600 transition-colors cursor-pointer">
<li className="text-muted hover:text-gray-300 transition-colors cursor-pointer">
<a href={'#'} className="flex items-center gap-2">
<Mail className="size-4" />
<p>e-mail</p>
</a>
</li>
<li className="text-muted-foreground hover:text-blue-600 transition-colors cursor-pointer">
<li className="text-muted hover:text-gray-300 transition-colors cursor-pointer">
<a href={'#'} className="flex items-center gap-2">
<Phone className="size-4" />
<p>{formatPhone('+998901234567')}</p>