# Graft Studio Case Study

ID: youtube:h8YrJLuSk-M
Canonical HTML: https://bestsanityagency.com/videos/h8YrJLuSk-M/graft-studio-case-study
Original source: https://www.youtube.com/watch?v=h8YrJLuSk-M
Author: Attribution unresolved
Published: 2024-04-05T19:29:51.000Z
Source checked: 2026-09-17T13:02:04.791Z
Language: en
Directory publisher: Roboto Studio
Text: original source material.

## Scope and gaps
- Transcript speakers have not been individually verified.

## Original source text

A quick look at the site we built for Graft Studio. Roboto Studio | The Sanity, Vercel & Next.js experts | Building the best editorial experience you've ever seen with top tier performance to boot 🔥

Book a meeting ↓
https://robotostudio.com/call?ref=you...

Socials ↓
https://robotostudio.com/
https://x.com/studioroboto
  / 11290247  

## Full transcript

Origin: YouTube captions (auto_generated; en)

hey how's it going thanks for jumping in
hey how's it going thanks for jumping in
this case study this is graph studio so
this case study this is graph studio so
this case study this is graph studio so
um what you see when you first load up
um what you see when you first load up
um what you see when you first load up
the website is this m video at the very
the website is this m video at the very
the website is this m video at the very
top of the screen um it's got this
top of the screen um it's got this
top of the screen um it's got this
really cool placeholder kind of blur up
really cool placeholder kind of blur up
really cool placeholder kind of blur up
effect so if I refresh the page you'll
effect so if I refresh the page you'll
effect so if I refresh the page you'll
see that uh you get this blur up you get
see that uh you get this blur up you get
see that uh you get this blur up you get
these nice CSS animations uh very simple
these nice CSS animations uh very simple
these nice CSS animations uh very simple
but very very effective um you go down
but very very effective um you go down
but very very effective um you go down
the page a little bit this is actually
the page a little bit this is actually
the page a little bit this is actually
where the rest of the pages in the rest
where the rest of the pages in the rest
where the rest of the pages in the rest
of the page is a page builder so every
of the page is a page builder so every
of the page is a page builder so every
single item that you see on screen
single item that you see on screen
single item that you see on screen
pretty much throughout the entire
pretty much throughout the entire
pretty much throughout the entire
website um is hot swappable tweakable um
website um is hot swappable tweakable um
website um is hot swappable tweakable um
and has a live preview to show you in
and has a live preview to show you in
and has a live preview to show you in
real time what the changes you are
real time what the changes you are
real time what the changes you are
making uh look like essentially um so
making uh look like essentially um so
making uh look like essentially um so
yeah your little eyebrow text a bit of
yeah your little eyebrow text a bit of
yeah your little eyebrow text a bit of
title um and again the case studies
title um and again the case studies
title um and again the case studies
these are all powered by a document type
these are all powered by a document type
these are all powered by a document type
a case study document type uh again muks
a case study document type uh again muks
a case study document type uh again muks
video inside of here um the best
video inside of here um the best
video inside of here um the best
possible video player when it comes to a
possible video player when it comes to a
possible video player when it comes to a
website in my opinion um and again all
website in my opinion um and again all
website in my opinion um and again all
these different bits and pieces some
these different bits and pieces some
these different bits and pieces some
really impressive featured clients so if
really impressive featured clients so if
really impressive featured clients so if
you're looking into um building a
you're looking into um building a
you're looking into um building a
Shopify website these guys are
Shopify website these guys are
Shopify website these guys are
incredible um but let's go through to
incredible um but let's go through to
incredible um but let's go through to
the
the
the
services so Services um essentially this
services so Services um essentially this
services so Services um essentially this
page again is a page builder uh we have
page again is a page builder uh we have
page again is a page builder uh we have
these icons that are in here so they
these icons that are in here so they
these icons that are in here so they
could either be an uploaded image or an
could either be an uploaded image or an
could either be an uploaded image or an
icon picker uh again you can tweak any
icon picker uh again you can tweak any
icon picker uh again you can tweak any
of the text inside of here um these
of the text inside of here um these
of the text inside of here um these
images are using the sanity hotspot so
images are using the sanity hotspot so
images are using the sanity hotspot so
um when you actually upload the image
um when you actually upload the image
um when you actually upload the image
you can put a little circle around the
you can put a little circle around the
you can put a little circle around the
bits that you want to stay in Focus so
bits that you want to stay in Focus so
bits that you want to stay in Focus so
in this case um it's it's the knife with
in this case um it's it's the knife with
in this case um it's it's the knife with
the Tomato um depending on the screen
the Tomato um depending on the screen
the Tomato um depending on the screen
size this should always stay in Focus uh
size this should always stay in Focus uh
size this should always stay in Focus uh
which is really cool um you can tweak
which is really cool um you can tweak
which is really cool um you can tweak
this and play around with this on
this and play around with this on
this and play around with this on
different sections of the website so
different sections of the website so
different sections of the website so
whenever you get like a traditional blog
whenever you get like a traditional blog
whenever you get like a traditional blog
post where there's a gigantic image at
post where there's a gigantic image at
post where there's a gigantic image at
the top um it looks really really good
the top um it looks really really good
the top um it looks really really good
on a desktop but then you shrink it down
on a desktop but then you shrink it down
on a desktop but then you shrink it down
to mobile and you might have issues um
to mobile and you might have issues um
to mobile and you might have issues um
you can completely solve this with
you can completely solve this with
you can completely solve this with
sanity image hotspots uh We've basically
sanity image hotspots uh We've basically
sanity image hotspots uh We've basically
done that here um our services again
done that here um our services again
done that here um our services again
this is using the icons uh you can
this is using the icons uh you can
this is using the icons uh you can
either do a custom image or it can be an
either do a custom image or it can be an
either do a custom image or it can be an
icon itself uh we'll go over to the work
icon itself uh we'll go over to the work
icon itself uh we'll go over to the work
page so again these are all case studies
page so again these are all case studies
page so again these are all case studies
that are on the website this is a
that are on the website this is a
that are on the website this is a
specific document inside of these
specific document inside of these
specific document inside of these
documents um they uh they basically they
documents um they uh they basically they
documents um they uh they basically they
click through at the minute but there is
click through at the minute but there is
click through at the minute but there is
a lot more cool stuff that's coming um
a lot more cool stuff that's coming um
a lot more cool stuff that's coming um
but essentially they have a nice little
but essentially they have a nice little
but essentially they have a nice little
chem Burns effect when you hover over um
chem Burns effect when you hover over um
chem Burns effect when you hover over um
Outpost is the blog so the blog has some
Outpost is the blog so the blog has some
Outpost is the blog so the blog has some
nice uh filters as well so these filters
nice uh filters as well so these filters
nice uh filters as well so these filters
uh are a document type so you could have
uh are a document type so you could have
uh are a document type so you could have
uh strategy industry but it could keep
uh strategy industry but it could keep
uh strategy industry but it could keep
going you could add as many filters as
going you could add as many filters as
going you could add as many filters as
you want you won't need a developer
you want you won't need a developer
you want you won't need a developer
they'll just keep spanning across that
they'll just keep spanning across that
they'll just keep spanning across that
section um and they'll just keep adding
section um and they'll just keep adding
section um and they'll just keep adding
uh which is pretty cool each one of
uh which is pretty cool each one of
uh which is pretty cool each one of
these has a portable text the portable
these has a portable text the portable
these has a portable text the portable
text has a whole host of different
text has a whole host of different
text has a whole host of different
things you've got images you've got
things you've got images you've got
things you've got images you've got
bolds italics uh headings heading one to
bolds italics uh headings heading one to
bolds italics uh headings heading one to
heading one to sixes um and all this
heading one to sixes um and all this
heading one to sixes um and all this
kind of fancy stuff it's using Tailwinds
kind of fancy stuff it's using Tailwinds
kind of fancy stuff it's using Tailwinds
typography package so it should look
typography package so it should look
typography package so it should look
visually pleasing with the right gaps
visually pleasing with the right gaps
visually pleasing with the right gaps
and everything on all the different
and everything on all the different
and everything on all the different
screen sizes um and then finally we have
screen sizes um and then finally we have
screen sizes um and then finally we have
the contact form and let me give you the
the contact form and let me give you the
the contact form and let me give you the
best tip of the day form spark for
best tip of the day form spark for
best tip of the day form spark for
contact forms if you're looking for a
contact forms if you're looking for a
contact forms if you're looking for a
quick easy solution for it it's
quick easy solution for it it's
quick easy solution for it it's
incredible it's something like 50,000
incredible it's something like 50,000
incredible it's something like 50,000
form submissions for I think it's $25
form submissions for I think it's $25
form submissions for I think it's $25
from memory uh it's really ridiculously
from memory uh it's really ridiculously
from memory uh it's really ridiculously
treat cheap and it's really really
treat cheap and it's really really
treat cheap and it's really really
powerful um so yeah this is the the full
powerful um so yeah this is the the full
powerful um so yeah this is the the full
case study if you like it get in touch
case study if you like it get in touch
case study if you like it get in touch
with us we're building these all the
with us we're building these all the
with us we're building these all the
time we absolutely love this stack so
time we absolutely love this stack so
time we absolutely love this stack so
yeah have a great day and take care
yeah have a great day and take care
yeah have a great day and take care
bye

## Timestamped captions

### segment-1
[2.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=2)
hey how's it going thanks for jumping in

### segment-2
[2.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=2)
hey how's it going thanks for jumping in
this case study this is graph studio so

### segment-3
[5.1s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=5)
this case study this is graph studio so

### segment-4
[5.1s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=5)
this case study this is graph studio so
um what you see when you first load up

### segment-5
[6.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=6)
um what you see when you first load up

### segment-6
[6.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=6)
um what you see when you first load up
the website is this m video at the very

### segment-7
[8.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=8)
the website is this m video at the very

### segment-8
[8.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=8)
the website is this m video at the very
top of the screen um it's got this

### segment-9
[10.5s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=10)
top of the screen um it's got this

### segment-10
[10.5s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=10)
top of the screen um it's got this
really cool placeholder kind of blur up

### segment-11
[12.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=12)
really cool placeholder kind of blur up

### segment-12
[12.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=12)
really cool placeholder kind of blur up
effect so if I refresh the page you'll

### segment-13
[14.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=13)
effect so if I refresh the page you'll

### segment-14
[14.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=14)
effect so if I refresh the page you'll
see that uh you get this blur up you get

### segment-15
[15.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=15)
see that uh you get this blur up you get

### segment-16
[15.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=15)
see that uh you get this blur up you get
these nice CSS animations uh very simple

### segment-17
[18.9s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=18)
these nice CSS animations uh very simple

### segment-18
[18.9s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=18)
these nice CSS animations uh very simple
but very very effective um you go down

### segment-19
[21.1s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=21)
but very very effective um you go down

### segment-20
[21.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=21)
but very very effective um you go down
the page a little bit this is actually

### segment-21
[22.9s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=22)
the page a little bit this is actually

### segment-22
[22.9s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=22)
the page a little bit this is actually
where the rest of the pages in the rest

### segment-23
[24.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=24)
where the rest of the pages in the rest

### segment-24
[24.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=24)
where the rest of the pages in the rest
of the page is a page builder so every

### segment-25
[26.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=26)
of the page is a page builder so every

### segment-26
[26.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=26)
of the page is a page builder so every
single item that you see on screen

### segment-27
[28.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=28)
single item that you see on screen

### segment-28
[28.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=28)
single item that you see on screen
pretty much throughout the entire

### segment-29
[29.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=29)
pretty much throughout the entire

### segment-30
[29.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=29)
pretty much throughout the entire
website um is hot swappable tweakable um

### segment-31
[33.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=33)
website um is hot swappable tweakable um

### segment-32
[33.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=33)
website um is hot swappable tweakable um
and has a live preview to show you in

### segment-33
[34.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=34)
and has a live preview to show you in

### segment-34
[34.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=34)
and has a live preview to show you in
real time what the changes you are

### segment-35
[36.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=36)
real time what the changes you are

### segment-36
[36.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=36)
real time what the changes you are
making uh look like essentially um so

### segment-37
[39.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=39)
making uh look like essentially um so

### segment-38
[39.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=39)
making uh look like essentially um so
yeah your little eyebrow text a bit of

### segment-39
[41.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=41)
yeah your little eyebrow text a bit of

### segment-40
[41.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=41)
yeah your little eyebrow text a bit of
title um and again the case studies

### segment-41
[43.1s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=43)
title um and again the case studies

### segment-42
[43.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=43)
title um and again the case studies
these are all powered by a document type

### segment-43
[45.1s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=45)
these are all powered by a document type

### segment-44
[45.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=45)
these are all powered by a document type
a case study document type uh again muks

### segment-45
[47.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=47)
a case study document type uh again muks

### segment-46
[47.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=47)
a case study document type uh again muks
video inside of here um the best

### segment-47
[50.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=50)
video inside of here um the best

### segment-48
[50.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=50)
video inside of here um the best
possible video player when it comes to a

### segment-49
[52.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=52)
possible video player when it comes to a

### segment-50
[52.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=52)
possible video player when it comes to a
website in my opinion um and again all

### segment-51
[55.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=55)
website in my opinion um and again all

### segment-52
[55.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=55)
website in my opinion um and again all
these different bits and pieces some

### segment-53
[56.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=56)
these different bits and pieces some

### segment-54
[56.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=56)
these different bits and pieces some
really impressive featured clients so if

### segment-55
[58.5s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=58)
really impressive featured clients so if

### segment-56
[58.5s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=58)
really impressive featured clients so if
you're looking into um building a

### segment-57
[60.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=60)
you're looking into um building a

### segment-58
[60.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=60)
you're looking into um building a
Shopify website these guys are

### segment-59
[62.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=62)
Shopify website these guys are

### segment-60
[62.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=62)
Shopify website these guys are
incredible um but let's go through to

### segment-61
[65.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=65)
incredible um but let's go through to

### segment-62
[65.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=65)
incredible um but let's go through to
the

### segment-63
[66.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=66)
the

### segment-64
[66.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=66)
the
services so Services um essentially this

### segment-65
[70.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=70)
services so Services um essentially this

### segment-66
[70.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=70)
services so Services um essentially this
page again is a page builder uh we have

### segment-67
[72.5s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=72)
page again is a page builder uh we have

### segment-68
[72.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=72)
page again is a page builder uh we have
these icons that are in here so they

### segment-69
[74.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=74)
these icons that are in here so they

### segment-70
[74.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=74)
these icons that are in here so they
could either be an uploaded image or an

### segment-71
[75.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=75)
could either be an uploaded image or an

### segment-72
[75.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=75)
could either be an uploaded image or an
icon picker uh again you can tweak any

### segment-73
[78.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=78)
icon picker uh again you can tweak any

### segment-74
[78.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=78)
icon picker uh again you can tweak any
of the text inside of here um these

### segment-75
[80.9s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=80)
of the text inside of here um these

### segment-76
[80.9s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=80)
of the text inside of here um these
images are using the sanity hotspot so

### segment-77
[83.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=83)
images are using the sanity hotspot so

### segment-78
[83.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=83)
images are using the sanity hotspot so
um when you actually upload the image

### segment-79
[85.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=85)
um when you actually upload the image

### segment-80
[85.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=85)
um when you actually upload the image
you can put a little circle around the

### segment-81
[86.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=86)
you can put a little circle around the

### segment-82
[86.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=86)
you can put a little circle around the
bits that you want to stay in Focus so

### segment-83
[88.5s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=88)
bits that you want to stay in Focus so

### segment-84
[88.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=88)
bits that you want to stay in Focus so
in this case um it's it's the knife with

### segment-85
[90.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=90)
in this case um it's it's the knife with

### segment-86
[90.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=90)
in this case um it's it's the knife with
the Tomato um depending on the screen

### segment-87
[93.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=92)
the Tomato um depending on the screen

### segment-88
[93.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=93)
the Tomato um depending on the screen
size this should always stay in Focus uh

### segment-89
[96.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=95)
size this should always stay in Focus uh

### segment-90
[96.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=95)
size this should always stay in Focus uh
which is really cool um you can tweak

### segment-91
[98.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=97)
which is really cool um you can tweak

### segment-92
[98.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=97)
which is really cool um you can tweak
this and play around with this on

### segment-93
[99.5s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=99)
this and play around with this on

### segment-94
[99.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=99)
this and play around with this on
different sections of the website so

### segment-95
[101.1s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=101)
different sections of the website so

### segment-96
[101.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=101)
different sections of the website so
whenever you get like a traditional blog

### segment-97
[102.5s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=102)
whenever you get like a traditional blog

### segment-98
[102.5s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=102)
whenever you get like a traditional blog
post where there's a gigantic image at

### segment-99
[104.1s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=104)
post where there's a gigantic image at

### segment-100
[104.1s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=104)
post where there's a gigantic image at
the top um it looks really really good

### segment-101
[106.1s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=106)
the top um it looks really really good

### segment-102
[106.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=106)
the top um it looks really really good
on a desktop but then you shrink it down

### segment-103
[107.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=107)
on a desktop but then you shrink it down

### segment-104
[107.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=107)
on a desktop but then you shrink it down
to mobile and you might have issues um

### segment-105
[109.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=109)
to mobile and you might have issues um

### segment-106
[109.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=109)
to mobile and you might have issues um
you can completely solve this with

### segment-107
[111.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=111)
you can completely solve this with

### segment-108
[111.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=111)
you can completely solve this with
sanity image hotspots uh We've basically

### segment-109
[113.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=113)
sanity image hotspots uh We've basically

### segment-110
[113.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=113)
sanity image hotspots uh We've basically
done that here um our services again

### segment-111
[116.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=116)
done that here um our services again

### segment-112
[116.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=116)
done that here um our services again
this is using the icons uh you can

### segment-113
[118.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=118)
this is using the icons uh you can

### segment-114
[118.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=118)
this is using the icons uh you can
either do a custom image or it can be an

### segment-115
[120.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=120)
either do a custom image or it can be an

### segment-116
[120.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=120)
either do a custom image or it can be an
icon itself uh we'll go over to the work

### segment-117
[124.1s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=124)
icon itself uh we'll go over to the work

### segment-118
[124.1s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=124)
icon itself uh we'll go over to the work
page so again these are all case studies

### segment-119
[126.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=126)
page so again these are all case studies

### segment-120
[126.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=126)
page so again these are all case studies
that are on the website this is a

### segment-121
[127.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=127)
that are on the website this is a

### segment-122
[127.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=127)
that are on the website this is a
specific document inside of these

### segment-123
[129.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=129)
specific document inside of these

### segment-124
[129.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=129)
specific document inside of these
documents um they uh they basically they

### segment-125
[132.5s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=132)
documents um they uh they basically they

### segment-126
[132.5s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=132)
documents um they uh they basically they
click through at the minute but there is

### segment-127
[133.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=133)
click through at the minute but there is

### segment-128
[133.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=133)
click through at the minute but there is
a lot more cool stuff that's coming um

### segment-129
[136.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=136)
a lot more cool stuff that's coming um

### segment-130
[136.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=136)
a lot more cool stuff that's coming um
but essentially they have a nice little

### segment-131
[137.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=137)
but essentially they have a nice little

### segment-132
[137.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=137)
but essentially they have a nice little
chem Burns effect when you hover over um

### segment-133
[140.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=140)
chem Burns effect when you hover over um

### segment-134
[140.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=140)
chem Burns effect when you hover over um
Outpost is the blog so the blog has some

### segment-135
[143.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=143)
Outpost is the blog so the blog has some

### segment-136
[143.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=143)
Outpost is the blog so the blog has some
nice uh filters as well so these filters

### segment-137
[146.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=146)
nice uh filters as well so these filters

### segment-138
[146.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=146)
nice uh filters as well so these filters
uh are a document type so you could have

### segment-139
[149.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=149)
uh are a document type so you could have

### segment-140
[149.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=149)
uh are a document type so you could have
uh strategy industry but it could keep

### segment-141
[151.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=150)
uh strategy industry but it could keep

### segment-142
[151.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=151)
uh strategy industry but it could keep
going you could add as many filters as

### segment-143
[152.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=152)
going you could add as many filters as

### segment-144
[152.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=152)
going you could add as many filters as
you want you won't need a developer

### segment-145
[154.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=154)
you want you won't need a developer

### segment-146
[154.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=154)
you want you won't need a developer
they'll just keep spanning across that

### segment-147
[155.5s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=155)
they'll just keep spanning across that

### segment-148
[155.5s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=155)
they'll just keep spanning across that
section um and they'll just keep adding

### segment-149
[157.9s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=157)
section um and they'll just keep adding

### segment-150
[157.9s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=157)
section um and they'll just keep adding
uh which is pretty cool each one of

### segment-151
[159.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=159)
uh which is pretty cool each one of

### segment-152
[159.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=159)
uh which is pretty cool each one of
these has a portable text the portable

### segment-153
[161.1s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=161)
these has a portable text the portable

### segment-154
[161.2s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=161)
these has a portable text the portable
text has a whole host of different

### segment-155
[163.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=163)
text has a whole host of different

### segment-156
[163.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=163)
text has a whole host of different
things you've got images you've got

### segment-157
[164.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=164)
things you've got images you've got

### segment-158
[164.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=164)
things you've got images you've got
bolds italics uh headings heading one to

### segment-159
[167.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=167)
bolds italics uh headings heading one to

### segment-160
[167.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=167)
bolds italics uh headings heading one to
heading one to sixes um and all this

### segment-161
[170.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=170)
heading one to sixes um and all this

### segment-162
[170.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=170)
heading one to sixes um and all this
kind of fancy stuff it's using Tailwinds

### segment-163
[172.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=172)
kind of fancy stuff it's using Tailwinds

### segment-164
[172.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=172)
kind of fancy stuff it's using Tailwinds
typography package so it should look

### segment-165
[174.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=174)
typography package so it should look

### segment-166
[174.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=174)
typography package so it should look
visually pleasing with the right gaps

### segment-167
[176.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=176)
visually pleasing with the right gaps

### segment-168
[176.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=176)
visually pleasing with the right gaps
and everything on all the different

### segment-169
[177.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=177)
and everything on all the different

### segment-170
[177.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=177)
and everything on all the different
screen sizes um and then finally we have

### segment-171
[180.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=180)
screen sizes um and then finally we have

### segment-172
[180.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=180)
screen sizes um and then finally we have
the contact form and let me give you the

### segment-173
[182.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=182)
the contact form and let me give you the

### segment-174
[182.6s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=182)
the contact form and let me give you the
best tip of the day form spark for

### segment-175
[184.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=184)
best tip of the day form spark for

### segment-176
[184.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=184)
best tip of the day form spark for
contact forms if you're looking for a

### segment-177
[186.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=186)
contact forms if you're looking for a

### segment-178
[186.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=186)
contact forms if you're looking for a
quick easy solution for it it's

### segment-179
[188.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=188)
quick easy solution for it it's

### segment-180
[188.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=188)
quick easy solution for it it's
incredible it's something like 50,000

### segment-181
[190.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=190)
incredible it's something like 50,000

### segment-182
[190.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=190)
incredible it's something like 50,000
form submissions for I think it's $25

### segment-183
[193.1s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=193)
form submissions for I think it's $25

### segment-184
[193.1s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=193)
form submissions for I think it's $25
from memory uh it's really ridiculously

### segment-185
[195.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=195)
from memory uh it's really ridiculously

### segment-186
[195.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=195)
from memory uh it's really ridiculously
treat cheap and it's really really

### segment-187
[197.1s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=197)
treat cheap and it's really really

### segment-188
[197.1s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=197)
treat cheap and it's really really
powerful um so yeah this is the the full

### segment-189
[199.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=199)
powerful um so yeah this is the the full

### segment-190
[199.8s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=199)
powerful um so yeah this is the the full
case study if you like it get in touch

### segment-191
[201.9s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=201)
case study if you like it get in touch

### segment-192
[202.0s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=201)
case study if you like it get in touch
with us we're building these all the

### segment-193
[203.3s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=203)
with us we're building these all the

### segment-194
[203.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=203)
with us we're building these all the
time we absolutely love this stack so

### segment-195
[205.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=205)
time we absolutely love this stack so

### segment-196
[205.7s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=205)
time we absolutely love this stack so
yeah have a great day and take care

### segment-197
[208.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=208)
yeah have a great day and take care

### segment-198
[208.4s](https://www.youtube.com/watch?v=h8YrJLuSk-M&t=208)
yeah have a great day and take care
bye