From 4df4b0dfa0262e9e7892aba44e9da6f612feaf16 Mon Sep 17 00:00:00 2001 From: Shelby Kay Date: Thu, 30 Sep 2021 18:48:50 +0200 Subject: [PATCH] Add CTA section to homepage with box ctas --- src/routes/index.svelte | 11 ++++++++++- src/style/_typography.scss | 2 +- src/style/pages/_homepage.scss | 29 +++++++++++++++++++++++++++++ static/images/icons/explore.svg | 3 +++ static/images/icons/pin.svg | 3 +++ 5 files changed, 46 insertions(+), 2 deletions(-) create mode 100644 static/images/icons/explore.svg create mode 100644 static/images/icons/pin.svg diff --git a/src/routes/index.svelte b/src/routes/index.svelte index 0f86052..9d9ea7d 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -7,6 +7,7 @@ import PhotoCard from '$components/molecules/PhotoCard.svelte' import Newsletter from '$components/organisms/Newsletter.svelte' import Shop from '$components/organisms/Shop.svelte' + import BoxCTA from '$components/atoms/BoxCTA.svelte' export let photos: any @@ -36,7 +37,15 @@ -

Discover {count.photos} homes from {count.locations} cities of {count.countries} countries

+
+

Discover {count.photos} homes
 from {count.locations} cities of {count.countries} countries

+
+ + + +
+
+ * { + margin: 0 16px; + } + } + } } \ No newline at end of file diff --git a/static/images/icons/explore.svg b/static/images/icons/explore.svg new file mode 100644 index 0000000..ea9a341 --- /dev/null +++ b/static/images/icons/explore.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/images/icons/pin.svg b/static/images/icons/pin.svg new file mode 100644 index 0000000..2a76d0e --- /dev/null +++ b/static/images/icons/pin.svg @@ -0,0 +1,3 @@ + + +