add favicon
This commit is contained in:
@@ -31,7 +31,7 @@ export default function CommunitiesPage() {
|
||||
{ t: 'Lifestyle', d: 'Enjoy the privilege of upmarket shopping.', cat: 'Fashion & Shopping' },
|
||||
{ t: 'Join the #1 Neighbourhood app', d: 'Its just a Click – For All your needs in your neighbourhood.', cat: 'Fun Things' },
|
||||
{ t: 'Amazingly Fresh', d: 'Get your fruits, vegetables and daily essentials instantly.', cat: 'Drinks & Summer' },
|
||||
{ t: 'Restaurants, Take aways', d: 'You choose your best all within your reach.', cat: 'Nearle' },
|
||||
{ t: 'Restaurants, Take aways', d: 'You choose your best all within your reach.', cat: 'Food' },
|
||||
{ t: 'Never Before Experience', d: 'Customized services for neighbourhood.', cat: 'Tips' },
|
||||
{ t: 'Home Services @ your convenience', d: 'Home services at your convenience - Like never experienced before.', cat: 'Friends' },
|
||||
].map((item) => (
|
||||
|
||||
72
src/app/icon.svg
Normal file
72
src/app/icon.svg
Normal file
@@ -0,0 +1,72 @@
|
||||
<svg
|
||||
width="32"
|
||||
height="32"
|
||||
viewBox="0 0 100 100"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
{/* Outer Ring */}
|
||||
<circle
|
||||
cx="50"
|
||||
cy="50"
|
||||
r="44"
|
||||
stroke="#683285"
|
||||
strokeWidth="6.5"
|
||||
fill="white"
|
||||
/>
|
||||
|
||||
{/* Back Handle Arch */}
|
||||
<path
|
||||
d="M 33 51 L 33 42 C 33 8, 62 8, 62 42 L 62 51"
|
||||
stroke="#683285"
|
||||
strokeWidth="3.2"
|
||||
strokeLinecap="round"
|
||||
fill="none"
|
||||
/>
|
||||
|
||||
{/* Main N Bag Body */}
|
||||
<path
|
||||
d="M 24 81 L 24 42 L 38 42 L 54 71 L 54 42 L 68 42 L 68 81 L 54 81 L 38 52 L 38 81 Z"
|
||||
fill="#683285"
|
||||
/>
|
||||
|
||||
{/* 3D Side Face of Right Bag */}
|
||||
<path
|
||||
d="M 68 42 L 72 46.5 L 76 44 L 76 82.5 L 68 81 Z"
|
||||
fill="#683285"
|
||||
/>
|
||||
|
||||
{/* Front Handle Arch */}
|
||||
<path
|
||||
d="M 30 51 L 30 42 C 30 12, 59 12, 59 42 L 59 51"
|
||||
stroke="#683285"
|
||||
strokeWidth="3.2"
|
||||
strokeLinecap="round"
|
||||
fill="none"
|
||||
/>
|
||||
|
||||
{/* Negative Space lines for Creases and Separators */}
|
||||
{/* Separator between Right Leg Front and Side */}
|
||||
<line
|
||||
x1="68"
|
||||
y1="42"
|
||||
x2="68"
|
||||
y2="81"
|
||||
stroke="white"
|
||||
strokeWidth="1.8"
|
||||
/>
|
||||
|
||||
{/* Crease fold on the 3D Side */}
|
||||
<path
|
||||
d="M 72 46.5 L 72 81.5"
|
||||
stroke="white"
|
||||
strokeWidth="1.8"
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
|
||||
{/* Handle holes/grommets */}
|
||||
<circle cx="30" cy="51" r="1.4" fill="white" />
|
||||
<circle cx="33" cy="51" r="1.4" fill="white" />
|
||||
<circle cx="59" cy="51" r="1.4" fill="white" />
|
||||
<circle cx="62" cy="51" r="1.4" fill="white" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@@ -22,8 +22,8 @@ export function Footer() {
|
||||
<div className="max-w-7xl mx-auto px-5 sm:px-8 pt-16 pb-10 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-10">
|
||||
<div>
|
||||
<div className="flex items-center gap-2">
|
||||
<NearleLogo size={36} fill="#1f2937" stroke="#E7D3EF" />
|
||||
<span className="font-display font-extrabold text-white text-2xl tracking-tight">
|
||||
<NearleLogo size={48} fill="white" stroke="#683285" />
|
||||
<span className="font-display font-extrabold text-white text-3xl tracking-tight">
|
||||
Nearle
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -72,8 +72,8 @@ export function Navbar() {
|
||||
>
|
||||
<nav className="max-w-7xl mx-auto px-5 sm:px-8 h-14 md:h-16 flex items-center justify-between">
|
||||
<Link href="/" className="flex items-center gap-2 group">
|
||||
<NearleLogo size={32} />
|
||||
<span className="font-display font-extrabold text-purple-deep text-xl tracking-tight">
|
||||
<NearleLogo size={44} />
|
||||
<span className="font-display font-extrabold text-purple-deep text-3xl tracking-tight">
|
||||
Nearle
|
||||
</span>
|
||||
</Link>
|
||||
|
||||
@@ -9,43 +9,82 @@ export function NearleLogo({
|
||||
size = 40,
|
||||
className = '',
|
||||
stroke = '#683285',
|
||||
fill = '#F5EEF8',
|
||||
fill = 'white',
|
||||
}: Props) {
|
||||
return (
|
||||
<svg
|
||||
width={size}
|
||||
height={size * 1.15}
|
||||
viewBox="0 0 60 70"
|
||||
height={size}
|
||||
viewBox="0 0 100 100"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
aria-label="Nearle logo"
|
||||
>
|
||||
<rect
|
||||
x="4"
|
||||
y="24"
|
||||
width="52"
|
||||
height="42"
|
||||
rx="7"
|
||||
{/* Outer Ring */}
|
||||
<circle
|
||||
cx="50"
|
||||
cy="50"
|
||||
r="44"
|
||||
stroke={stroke}
|
||||
strokeWidth="6.5"
|
||||
fill={fill}
|
||||
stroke={stroke}
|
||||
strokeWidth="2.5"
|
||||
/>
|
||||
|
||||
{/* Back Handle Arch */}
|
||||
<path
|
||||
d="M16 24 C16 10 26 5 30 8 C34 5 44 10 44 24"
|
||||
d="M 33 51 L 33 42 C 33 8, 62 8, 62 42 L 62 51"
|
||||
stroke={stroke}
|
||||
strokeWidth="3"
|
||||
strokeWidth="3.2"
|
||||
strokeLinecap="round"
|
||||
fill="none"
|
||||
/>
|
||||
|
||||
{/* Main N Bag Body */}
|
||||
<path
|
||||
d="M 24 81 L 24 42 L 38 42 L 54 71 L 54 42 L 68 42 L 68 81 L 54 81 L 38 52 L 38 81 Z"
|
||||
fill={stroke}
|
||||
/>
|
||||
|
||||
{/* 3D Side Face of Right Bag */}
|
||||
<path
|
||||
d="M 68 42 L 72 46.5 L 76 44 L 76 82.5 L 68 81 Z"
|
||||
fill={stroke}
|
||||
/>
|
||||
|
||||
{/* Front Handle Arch */}
|
||||
<path
|
||||
d="M 30 51 L 30 42 C 30 12, 59 12, 59 42 L 59 51"
|
||||
stroke={stroke}
|
||||
strokeWidth="3.2"
|
||||
strokeLinecap="round"
|
||||
fill="none"
|
||||
/>
|
||||
|
||||
{/* Negative Space lines for Creases and Separators */}
|
||||
{/* Separator between Right Leg Front and Side */}
|
||||
<line
|
||||
x1="68"
|
||||
y1="42"
|
||||
x2="68"
|
||||
y2="81"
|
||||
stroke={fill}
|
||||
strokeWidth="1.8"
|
||||
/>
|
||||
|
||||
{/* Crease fold on the 3D Side */}
|
||||
<path
|
||||
d="M 72 46.5 L 72 81.5"
|
||||
stroke={fill}
|
||||
strokeWidth="1.8"
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
<path
|
||||
d="M14 60 L14 32 L30 54 L46 32 L46 60"
|
||||
stroke={stroke}
|
||||
strokeWidth="4"
|
||||
fill="none"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
|
||||
{/* Handle holes/grommets */}
|
||||
<circle cx="30" cy="51" r="1.4" fill={fill} />
|
||||
<circle cx="33" cy="51" r="1.4" fill={fill} />
|
||||
<circle cx="59" cy="51" r="1.4" fill={fill} />
|
||||
<circle cx="62" cy="51" r="1.4" fill={fill} />
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user