implement responsive landing page with location selection grid and motion animations
This commit is contained in:
parent
bb32f8d494
commit
5e5a014064
BIN
public/images/restaurant-interior.png
Normal file
BIN
public/images/restaurant-interior.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 428 KiB |
@ -9,9 +9,9 @@ const locations = [
|
||||
id: "burlington",
|
||||
name: "Burlington",
|
||||
address: "1860 Appleby Line, Burlington, ON L7L 7H7",
|
||||
image: "/images/burlington.png",
|
||||
image: "/images/restaurant-interior.png",
|
||||
url: "https://burlington.antalyarestaurant.ca",
|
||||
description: "Discover the Anatolian fire-kissed flavours in Burlington. Where elegance meets authentic Turkish taste for a truly memorable dining experience.",
|
||||
description: "Discover the Antalya fire-kissed flavours in Burlington. Where elegance meets authentic Turkish taste for a truly memorable dining experience.",
|
||||
},
|
||||
{
|
||||
id: "kitchener",
|
||||
@ -69,8 +69,8 @@ export default function Home() {
|
||||
fill
|
||||
style={{
|
||||
objectFit: 'cover',
|
||||
opacity: 0.25,
|
||||
filter: 'grayscale(0.3) contrast(1.1)'
|
||||
opacity: 0.35,
|
||||
filter: 'grayscale(0.1) contrast(1.1)'
|
||||
}}
|
||||
priority
|
||||
/>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user