Skip to content

Commit

Permalink
adding logo to nav and footer
Browse files Browse the repository at this point in the history
  • Loading branch information
landed1 committed Dec 4, 2024
1 parent 7211103 commit 91ef098
Show file tree
Hide file tree
Showing 6 changed files with 22 additions and 1 deletion.
15 changes: 14 additions & 1 deletion app/components/NavBar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
import { useState, useEffect } from "react";
import Link from "next/link";
import { X, Menu } from "lucide-react";
import Image from "next/image";

/*
function debounce<T extends (...args: unknown[]) => void>(
Expand Down Expand Up @@ -61,7 +62,19 @@ const NavBar = () => {
className='flex justify-between items-center transition-all duration-300'
style={{ height: `${height}px` }}>
{/* Logo */}
<div className='flex-shrink-0'>
<div className='flex-shrink-0 flex items-center'>
<div
className='relative w-10 h-10 mr-3 transition-all duration-300'
style={{
transform: scroll ? "scale(0.8)" : "scale(1)",
}}>
<Image
src='img/logo-squarex80.png'
alt='Pools Dubai Logo'
layout='fill'
objectFit='cover'
/>
</div>
<Link
href='/'
className='font-bold transition-all duration-300'
Expand Down
7 changes: 7 additions & 0 deletions app/layout.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import {
} from "lucide-react";
import localFont from "next/font/local";
import Link from "next/link";
import Image from "next/image";

const notio = localFont({
src: [
Expand Down Expand Up @@ -58,6 +59,12 @@ export default function RootLayout({
Premium pool maintenance services in Dubai, ensuring your pool
stays pristine year-round.
</p>
<Image
src={"img/latest/logo-squarex512.png"}
width={150}
height={150}
alt={"pools Dubai Logo"}
/>
</div>
<div>
<h3 className='text-xl font-bold mb-4'>Contact</h3>
Expand Down
1 change: 1 addition & 0 deletions app/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ import { CheckCircle, Star, ChevronRight } from "lucide-react";
const images = [
{ src: "img/latest/burj-pools.jpg", alt: "Burj Pools" },
{ src: "img/latest/mozaic-tiling.jpg", alt: "Tiling Project" },
{ src: "img/latest/logo-squarex512.png", alt: "Pools Dubai" },
{
src: "img/latest/pool-cleaning-service-dubai.jpg",
alt: "Pool Cleaning Dubai",
Expand Down
Binary file added public/img/latest/logo-squarex512.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/logo-square.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/logo-squarex80.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 91ef098

Please sign in to comment.