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",
|
id: "burlington",
|
||||||
name: "Burlington",
|
name: "Burlington",
|
||||||
address: "1860 Appleby Line, Burlington, ON L7L 7H7",
|
address: "1860 Appleby Line, Burlington, ON L7L 7H7",
|
||||||
image: "/images/burlington.png",
|
image: "/images/restaurant-interior.png",
|
||||||
url: "https://burlington.antalyarestaurant.ca",
|
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",
|
id: "kitchener",
|
||||||
@ -69,8 +69,8 @@ export default function Home() {
|
|||||||
fill
|
fill
|
||||||
style={{
|
style={{
|
||||||
objectFit: 'cover',
|
objectFit: 'cover',
|
||||||
opacity: 0.25,
|
opacity: 0.35,
|
||||||
filter: 'grayscale(0.3) contrast(1.1)'
|
filter: 'grayscale(0.1) contrast(1.1)'
|
||||||
}}
|
}}
|
||||||
priority
|
priority
|
||||||
/>
|
/>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user