*
{
box-sizing
:
border-box
;
margin
:
0
;
padding
:
0
;
}
.bj-root
{
background
:
#0a1628
;
color
:
#f0f4f8
;
overflow-x
:
hidden
;
font-family
:
'Inter'
,
-apple-system
,
BlinkMacSystemFont
,
sans-serif
;
}
/* NAV */
.bj-nav
{
display
:
flex
;
align-items
:
center
;
justify-content
:
space-between
;
padding
:
18
px
40
px
;
border-bottom
:
0.5
px
solid
rgba
(
255
,
255
,
255
,
0.12
)
;
position
:
sticky
;
top
:
0
;
background
:
rgba
(
10
,
22
,
40
,
0.95
)
;
backdrop-filter
:
blur
(
8
px
)
;
z-index
:
100
;
}
.bj-logo
{
font-size
:
20
px
;
font-weight
:
500
;
letter-spacing
:
0.08
em
;
color
:
#fff
;
t
.bj-logo
span
{
color
:
#3b9fe8
;
}
.bj-nav-links
{
display
:
flex
;
gap
:
28
px
;
list-style
:
none
;
margin
:
0
;
padding
:
0
;
}
.bj-nav-links
a
{
color
:
rgba
(
255
,
255
,
255
,
0.7
)
;
text-decoration
:
none
;
font-size
:
13
.bj-nav-cta
{
background
:
#3b9fe8
;
color
:
#fff
;
border
:
none
;
padding
:
8
px
18
px
;
bor
/* HERO */
.bj-hero
{
position
:
relative
;
min-height
:
520
px
;
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
;
justify-content
:
cente
text-align
:
center
;
padding
:
80
px
40
px
60
px
;
overflow
:
hidden
;
background
:
linear-gradient
(
135
deg
,
#0a1628
0
%
,
#0d2545
40
%
,
#0a2233
70
%
,
#0a1628
}
.bj-wave-deco
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
right
:
0
;
height
:
120
px
;
wid
.bj-hero-tag
{
display
:
inline-block
;
background
:
rgba
(
59
,
159
,
232
,
0.15
)
;
border
:
0.5
px
solid
rgba
color
:
#3b9fe8
;
font-size
:
12
px
;
letter-spacing
:
0.1
em
;
text-transform
:
uppercase
;
padding
:
5
px
14
px
;
border-radius
:
20
px
;
margin-bottom
:
24
px
;
position
:
relative
;
z
}
.bj-hero-h1
{
font-size
:
54
px
;
font-weight
:
500
;
line-height
:
1.05
;
color
:
#fff
;
pos
.bj-hero-h1
em
{
color
:
#3b9fe8
;
font-style
:
normal
;
}
.bj-hero-sub
{
font-size
:
17
px
;
color
:
rgba
(
255
,
255
,
255
,
0.55
)
;
max-width
:
520
px
;
mar
.bj-hero-btns
{
display
:
flex
;
gap
:
14
px
;
justify-content
:
center
;
position
:
relativ
.bj-btn-primary
{
background
:
#3b9fe8
;
color
:
#fff
;
border
:
none
;
padding
:
12
px
28
px
.bj-btn-outline
{
background
:
transparent
;
color
:
#fff
;
border
:
0.5
px
solid
rgba
(
255
/* STATS */
.bj-stats
{
display
:
flex
;
justify-content
:
center
;
background
:
rgba
(
59
,
159
,
232
,
0.08
.bj-stat
{
flex
:
1
;
min-width
:
120
px
;
max-width
:
220
px
;
padding
:
22
px
20
px
;
text-ali
.bj-stat
:last-child
{
border-right
:
none
;
}
.bj-stat-num
{
font-size
:
28
px
;
font-weight
:
500
;
color
:
#3b9fe8
;
}
.bj-stat-label
{
font-size
:
11
px
;
letter-spacing
:
0.08
em
;
text-transform
:
uppercase
;
/* MARQUEE */
.bj-marquee
{
background
:
#3b9fe8
;
padding
:
12
px
0
;
overflow
:
hidden
;
white-space
:
n
.bj-marquee-inner
{
display
:
inline-flex
;
animation
:
bjMarquee
22
s
linear infinite
;
.bj-marquee
span
{
font-size
:
12
px
;
letter-spacing
:
0.1
em
;
text-transform
:
uppercase
.bj-marquee
span
::after
{
content
:
'✦'
;
margin-left
:
32
px
;
opacity
:
0.6
;
}
@keyframes
bjMarquee
{
from
{
transform
:
translateX
(
0
)
;
}
to
{
transform
:
translateX
/* SECTION */
.bj-section
{
padding
:
64
px
40
px
;
}
.bj-section-label
{
font-size
:
11
px
;
letter-spacing
:
0.1
em
;
text-transform
:
uppercas
.bj-section-title
{
font-size
:
30
px
;
font-weight
:
500
;
color
:
#fff
;
margin-bottom
:
8
.bj-section-sub
{
font-size
:
15
px
;
color
:
rgba
(
255
,
255
,
255
,
0.5
)
;
margin-bottom
:
40
px
/* NEWS */
.bj-news
{
background
:
#0d1e36
;
}
.bj-news-grid
{
display
:
grid
;
grid-template-columns
:
repeat
(
auto-fit
,
minmax
(
200
px
,
.bj-news-featured
{
grid-column
:
1
/
-1
;
display
:
grid
;
grid-template-columns
:
1
fr
1
.bj-news-img
{
height
:
140
px
;
background
:
#1a3050
;
display
:
flex
;
align-items
:
cente
.bj-news-img--tall
{
height
:
220
px
;
}
.bj-news-body
{
padding
:
16
px
;
}
.bj-news-body--feat
{
padding
:
24
px
;
display
:
flex
;
flex-direction
:
column
;
justify-
.bj-news-cat
{
font-size
:
10
px
;
letter-spacing
:
0.1
em
;
text-transform
:
uppercase
;
co
.bj-news-headline
{
font-size
:
14
px
;
font-weight
:
500
;
color
:
#fff
;
line-height
:
1.4
.bj-news-headline--lg
{
font-size
:
20
px
;
margin-bottom
:
10
px
;
}
.bj-news-excerpt
{
font-size
:
13
px
;
color
:
rgba
(
255
,
255
,
255
,
0.45
)
;
line-height
:
1.6
;
.bj-news-date
{
font-size
:
11
px
;
color
:
rgba
(
255
,
255
,
255
,
0.35
)
;
}
.bj-news-card
{
background
:
rgba
(
255
,
255
,
255
,
0.04
)
;
border
:
0.5
px
solid
rgba
(
255
,
255
.bj-read-more
{
font-size
:
12
px
;
color
:
#3b9fe8
;
letter-spacing
:
0.05
em
;
text-transf
/* SCREENINGS */
.bj-screenings
{
background
:
#0a1628
;
}
.bj-screening-list
{
display
:
flex
;
flex-direction
:
column
;
gap
:
12
px
;
}
.bj-screening-item
{
background
:
rgba
(
255
,
255
,
255
,
0.03
)
;
border
:
0.5
px
solid
rgba
(
25
.bj-screening-date
{
min-width
:
58
px
;
text-align
:
center
;
}
.bj-screening-month
{
font-size
:
10
px
;
letter-spacing
:
0.1
em
;
text-transform
:
upperc
.bj-screening-day
{
font-size
:
26
px
;
font-weight
:
500
;
color
:
#fff
;
line-height
:
1
;
.bj-screening-divider
{
width
:
0.5
px
;
height
:
44
px
;
background
:
rgba
(
255
,
255
,
255
,
0.1
.bj-screening-info
{
flex
:
1
;
}
.bj-screening-venue
{
font-size
:
15
px
;
font-weight
:
500
;
color
:
#fff
;
}
.bj-screening-location
{
font-size
:
12
px
;
color
:
rgba
(
255
,
255
,
255
,
0.45
)
;
margin-top
:
.bj-screening-badge
{
font-size
:
10
px
;
letter-spacing
:
0.08
em
;
text-transform
:
upper
.bj-ticket-btn
{
background
:
transparent
;
border
:
0.5
px
solid
rgba
(
255
,
255
,
255
,
0.25
)
/* MERCH */
.bj-merch
{
background
:
#0d1e36
;
}
.bj-merch-grid
{
display
:
grid
;
grid-template-columns
:
repeat
(
auto-fit
,
minmax
(
160
px
.bj-merch-card
{
background
:
rgba
(
255
,
255
,
255
,
0.04
)
;
border
:
0.5
px
solid
rgba
(
255
,
25
.bj-merch-img
{
height
:
160
px
;
background
:
#1a3050
;
display
:
flex
;
align-items
:
cent
.bj-merch-tag
{
position
:
absolute
;
top
:
10
px
;
right
:
10
px
;
background
:
rgba
(
59
,
159
,
.bj-merch-body
{
padding
:
14
px
16
px
;
}
.bj-merch-name
{
font-size
:
13
px
;
font-weight
:
500
;
color
:
#fff
;
margin-bottom
:
6
px
;
.bj-merch-price
{
font-size
:
14
px
;
color
:
#3b9fe8
;
font-weight
:
500
;
}
.bj-merch-sub
{
font-size
:
11
px
;
color
:
rgba
(
255
,
255
,
255
,
0.35
)
;
margin-top
:
2
px
;
}
.bj-merch-note
{
font-size
:
12
px
;
color
:
rgba
(
255
,
255
,
255
,
0.45
)
;
margin-top
:
24
px
;
l
.bj-merch-note
a
{
color
:
#3b9fe8
;
}
/* WORKSHOPS */
.bj-workshops
{
background
:
rgba
(
59
,
159
,
232
,
0.06
)
;
border-top
:
0.5
px
solid
rgba
(
59
,
1
.bj-workshops-title
{
font-size
:
30
px
;
font-weight
:
500
;
color
:
#fff
;
margin-bottom
:
.bj-workshops-sub
{
font-size
:
15
px
;
color
:
rgba
(
255
,
255
,
255
,
0.5
)
;
max-width
:
500
px
;
.bj-workshop-tags
{
display
:
flex
;
flex-wrap
:
wrap
;
gap
:
10
px
;
justify-content
:
cent
.bj-workshop-tag
{
background
:
rgba
(
255
,
255
,
255
,
0.06
)
;
border
:
0.5
px
solid
rgba
(
255
,
/* MISSION */
.bj-mission
{
background
:
#0a1628
;
display
:
grid
;
grid-template-columns
:
1
fr
1
fr
;
}
.bj-mission-left
{
padding
:
64
px
40
px
;
border-right
:
0.5
px
solid
rgba
(
255
,
255
,
255
,
0.
.bj-mission-right
{
padding
:
64
px
40
px
;
}
.bj-cause
{
display
:
flex
;
align-items
:
flex-start
;
gap
:
14
px
;
margin-bottom
:
20
px
;
.bj-cause-icon
{
width
:
40
px
;
height
:
40
px
;
border-radius
:
8
px
;
background
:
rgba
(
59
,
.bj-cause-title
{
font-size
:
14
px
;
font-weight
:
500
;
color
:
#fff
;
margin-bottom
:
4
px
.bj-cause-text
{
font-size
:
12
px
;
color
:
rgba
(
255
,
255
,
255
,
0.45
)
;
line-height
:
1.6
;
}
.bj-mission-text
{
font-size
:
14
px
;
color
:
rgba
(
255
,
255
,
255
,
0.5
)
;
line-height
:
1.8
;
/* NEWSLETTER */
.bj-newsletter
{
background
:
#0d1e36
;
padding
:
56
px
40
px
;
text-align
:
center
;
}
.bj-nl-title
{
font-size
:
26
px
;
font-weight
:
500
;
color
:
#fff
;
margin-bottom
:
8
px
;
}
.bj-nl-sub
{
font-size
:
14
px
;
color
:
rgba
(
255
,
255
,
255
,
0.45
)
;
margin-bottom
:
24
px
;
}
.bj-nl-form
{
display
:
flex
;
gap
:
10
px
;
justify-content
:
center
;
max-width
:
400
px
;
m
.bj-nl-input
{
flex
:
1
;
min-width
:
200
px
;
background
:
rgba
(
255
,
255
,
255
,
0.06
)
;
border
/* FOOTER */
.bj-footer
{
background
:
#060f1e
;
padding
:
48
px
40
px
32
px
;
}
.bj-footer-top
{
display
:
grid
;
grid-template-columns
:
2
fr
1
fr
1
fr
1
fr
;
gap
:
40
px
;
m
.bj-footer-brand
{
font-size
:
18
px
;
font-weight
:
500
;
color
:
#fff
;
letter-spacing
:
0
.bj-footer-brand
span
{
color
:
#3b9fe8
;
}
.bj-footer-desc
{
font-size
:
13
px
;
color
:
rgba
(
255
,
255
,
255
,
0.35
)
;
line-height
:
1.7
;
.bj-footer-col
h4
{
font-size
:
11
px
;
letter-spacing
:
0.1
em
;
text-transform
:
uppercas
.bj-footer-col
a
{
display
:
block
;
font-size
:
13
px
;
color
:
rgba
(
255
,
255
,
255
,
0.6
)
;
te
HTML (paste into Squarespace Code Block)
.bj-footer-bottom
{
border-top
:
0.5
px
solid
rgba
(
255
,
255
,
255
,
0.07
)
;
padding-top
:
24
p
.bj-footer-copy
{
font-size
:
12
px
;
color
:
rgba
(
255
,
255
,
255
,
0.25
)
;
}
.bj-social-links
{
display
:
flex
;
gap
:
14
px
;
}
.bj-social-links
a
{
width
:
32
px
;
height
:
32
px
;
border-radius
:
50
%
;
border
:
0.5
px
so
@media
(
max-width
:
768
px
)
{
.bj-nav-links
{
display
:
none
;
}
.bj-hero-h1
{
font-size
:
36
px
;
}
.bj-section
{
padding
:
40
px
20
px
;
}
.bj-news-featured
{
grid-template-columns
:
1
fr
;
}
.bj-mission
{
grid-template-columns
:
1
fr
;
}
.bj-footer-top
{
grid-template-columns
:
1
fr
1
fr
;
gap
:
24
px
;
}
}
html
<
nav
class
=
"
bj-nav
"
>
<
div
class
=
"
bj-logo
"
>
Blue
<
span
>
Juice
span
>
div
>
<
ul
class
=
"
bj-nav-links
"
>
<
li
>
<
a
href
=
"
/news
"
>
News
a
>
li
>
<
li
>
<
a
href
=
"
/screenings
"
>
Screenings
a
>
li
>
<
li
>
<
a
href
=
"
/workshops
"
>
Workshops
a
>
li
>
<
li
>
<
a
href
=
"
/merch
"
>
Merch
a
>
li
>
<
li
>
<
a
href
=
"
/about
"
>
About
a
>
li
>
ul
>
<
a
href
=
"
/merch
"
class
=
"
bj-nav-cta
"
>
Shop Now
a
>
nav
>
<
section
class
=
"
bj-hero
"
>
<
svg
class
=
"
bj-wave-deco
"
viewBox
=
"
0 0 1440 120
"
preserveAspectRatio
=
"
none
"
xmlns
=
<
path
d
=
"
M0,60 C240,100 480,20 720,60 C960,100 1200,20 1440,60 L1440,120 L0,120
<
path
d
=
"
M0,80 C360,40 720,100 1080,60 C1260,40 1380,70 1440,80 L1440,120 L0,120
svg
>
<
div
class
=
"
bj-hero-tag
"
>
Film · Surf · Music · Cornwall
div
>
<
h1
class
=
"
bj-hero-h1
"
>
One Life.
<
br
>
<
em
>
No Fear.
em
>
h1
>
<
p
class
=
"
bj-hero-sub
"
>
The home of Blue Juice — celebrating 30 years of the iconic
<
div
class
=
"
bj-hero-btns
"
>
<
a
href
=
"
/merch
"
class
=
"
bj-btn-primary
"
>
Get Merch
a
>
<
a
href
=
"
/screenings
"
class
=
"
bj-btn-outline
"
>
Upcoming Screenings
a
>
div
>
section
>
<
div
class
=
"
bj-stats
"
>
<
div
class
=
"
bj-stat
"
>
<
div
class
=
"
bj-stat-num
"
>
30
div
>
<
div
class
=
"
bj-stat-label
"
>
Y
<
div
class
=
"
bj-stat
"
>
<
div
class
=
"
bj-stat-num
"
>
Sold Out
div
>
<
div
class
=
"
bj-stat-la
<
div
class
=
"
bj-stat
"
>
<
div
class
=
"
bj-stat-num
"
>
5k+
div
>
<
div
class
=
"
bj-stat-label
"
>
<
div
class
=
"
bj-stat
"
>
<
div
class
=
"
bj-stat-num
"
>
UK-Wide
div
>
<
div
class
=
"
bj-stat-lab
div
>
<
div
class
=
"
bj-marquee
"
aria-hidden
=
"
true
"
>
<
div
class
=
"
bj-marquee-inner
"
>
<
span
>
One life no fear
span
>
<
span
>
Do you like to rave
span
>
<
span
>
Cornwall's no
<
span
>
One life no fear
span
>
<
span
>
Do you like to rave
span
>
<
span
>
Cornwall's no
div
>
div
>
<
section
class
=
"
bj-section bj-news
"
>
<
div
class
=
"
bj-section-label
"
>
Latest
div
>
<
div
class
=
"
bj-section-title
"
>
News
&
Updates
div
>
<
p
class
=
"
bj-section-sub
"
>
Stay in the loop with screenings, community stories, and
<
div
class
=
"
bj-news-grid
"
>
<
div
class
=
"
bj-news-featured
"
>
<
div
class
=
"
bj-news-img bj-news-img--tall
"
>
div
>
<
div
class
=
"
bj-news-body bj-news-body--feat
"
>
<
div
class
=
"
bj-news-cat
"
>
Festival Recap
div
>
<
div
class
=
"
bj-news-headline bj-news-headline--lg
"
>
Penzance Festival Sells O
<
div
class
=
"
bj-news-excerpt
"
>
From cast Q
&
As and live music to a 90s rave
<
a
href
=
"
/news/penzance-recap
"
class
=
"
bj-read-more
"
>
Read more →
a
>
div
>
div
>
<
div
class
=
"
bj-news-card
"
>
<
div
class
=
"
bj-news-img
"
>
div
>
<
div
class
=
"
bj-news-body
"
>
<
div
class
=
"
bj-news-cat
"
>
Screenings
div
>
<
div
class
=
"
bj-news-headline
"
>
Falmouth's The Poly — October Screening with D
<
div
class
=
"
bj-news-date
"
>
May 2026
div
>
div
>
div
>
<
div
class
=
"
bj-news-card
"
>
<
div
class
=
"
bj-news-img
"
>
div
>
<
div
class
=
"
bj-news-body
"
>
<
div
class
=
"
bj-news-cat
"
>
Community
div
>
<
div
class
=
"
bj-news-headline
"
>
Blue Juice Sessions Bring Film Skills to Penza
<
div
class
=
"
bj-news-date
"
>
April 2026
div
>
div
>
div
>
<
div
class
=
"
bj-news-card
"
>
<
div
class
=
"
bj-news-img
"
>
div
>
<
div
class
=
"
bj-news-body
"
>
<
div
class
=
"
bj-news-cat
"
>
Merch Drop
div
>
<
div
class
=
"
bj-news-headline
"
>
New Summer Merch Is Live — Support Surfers Aga
<
div
class
=
"
bj-news-date
"
>
March 2026
div
>
div
>
div
>
div
>
section
>
<
section
class
=
"
bj-section bj-screenings
"
>
<
div
class
=
"
bj-section-label
"
>
On Tour
div
>
<
div
class
=
"
bj-section-title
"
>
Upcoming Screenings
div
>
<
p
class
=
"
bj-section-sub
"
>
Watch Blue Juice in HD at venues across the UK.
p
>
<
div
class
=
"
bj-screening-list
"
>
<
div
class
=
"
bj-screening-item
"
>
<
div
class
=
"
bj-screening-date
"
>
<
div
class
=
"
bj-screening-month
"
>
Oct
div
>
<
div
c
<
div
class
=
"
bj-screening-divider
"
>
div
>
<
div
class
=
"
bj-screening-info
"
>
<
div
class
=
"
bj-screening-venue
"
>
The Poly
div
>
<
<
div
class
=
"
bj-screening-badge
"
>
Director Q
&
A
div
>
<
a
href
=
"
/tickets
"
class
=
"
bj-ticket-btn
"
>
Tickets →
a
>
div
>
<
div
class
=
"
bj-screening-item
"
>
<
div
class
=
"
bj-screening-date
"
>
<
div
class
=
"
bj-screening-month
"
>
Nov
div
>
<
div
c
<
div
class
=
"
bj-screening-divider
"
>
div
>
<
div
class
=
"
bj-screening-info
"
>
<
div
class
=
"
bj-screening-venue
"
>
Coming Soon
di
<
div
class
=
"
bj-screening-badge
"
>
Sign Up
div
>
<
a
href
=
"
/newsletter
"
class
=
"
bj-ticket-btn
"
>
Notify Me →
a
>
div
>
div
>
section
>
<
section
class
=
"
bj-section bj-merch
"
>
<
div
class
=
"
bj-section-label
"
>
Shop
div
>
<
div
class
=
"
bj-section-title
"
>
Official Merchandise
div
>
<
p
class
=
"
bj-section-sub
"
>
Every purchase supports Surfers Against Sewage, Plastic
<
div
class
=
"
bj-merch-grid
"
>
<
div
class
=
"
bj-merch-card
"
>
<
div
class
=
"
bj-merch-img
"
>
<
div
class
=
"
bj-merch-tag
"
>
Best Seller
div
>
div
>
<
div
class
=
"
bj-merch-body
"
>
<
div
class
=
"
bj-merch-name
"
>
Blue Juice 30th Tee
div
div
>
<
div
class
=
"
bj-merch-card
"
>
<
div
class
=
"
bj-merch-img
"
>
div
>
<
div
class
=
"
bj-merch-body
"
>
<
div
class
=
"
bj-merch-name
"
>
Festival Tote Bag
div
>
<
div
>
<
div
class
=
"
bj-merch-card
"
>
<
div
class
=
"
bj-merch-img
"
>
<
div
class
=
"
bj-merch-tag
"
>
New
div
>
div
>
<
div
class
=
"
bj-merch-body
"
>
<
div
class
=
"
bj-merch-name
"
>
Surf Cap
div
>
<
div
class
div
>
<
div
class
=
"
bj-merch-card
"
>
<
div
class
=
"
bj-merch-img
"
>
div
>
<
div
class
=
"
bj-merch-body
"
>
<
div
class
=
"
bj-merch-name
"
>
Enamel Mug
div
>
<
div
cla
div
>
div
>
<
p
class
=
"
bj-merch-note
"
>
Full collection at
<
a
href
=
"
https://hoylifestyle.com/coll
section
>
<
section
class
=
"
bj-workshops
"
>
<
div
class
=
"
bj-section-label
"
>
The Blue Juice Sessions
div
>
<
h2
class
=
"
bj-workshops-title
"
>
Film, TV
&
Commercial Workshops
h2
>
<
p
class
=
"
bj-workshops-sub
"
>
Go behind the scenes. Discover new skills. Open to all
<
div
class
=
"
bj-workshop-tags
"
>
<
span
class
=
"
bj-workshop-tag
"
>
Cinematography
span
>
<
span
class
=
"
bj-workshop-tag
"
>
Direction
span
>
<
span
class
=
"
bj-workshop-tag
"
>
Sound Design
span
>
<
span
class
=
"
bj-workshop-tag
"
>
Editing
span
>
<
span
class
=
"
bj-workshop-tag
"
>
Screenwriting
span
>
<
span
class
=
"
bj-workshop-tag
"
>
Production
span
>
div
>
<
a
href
=
"
/workshops
"
class
=
"
bj-btn-primary
"
>
Enquire About Workshops
a
>
section
>
<
section
class
=
"
bj-mission
"
>
<
div
class
=
"
bj-mission-left
"
>
<
div
class
=
"
bj-section-label
"
>
Our Mission
div
>
<
div
class
=
"
bj-section-title
"
>
Community at Heart
div
>
<
p
class
=
"
bj-section-sub
"
>
Since the beginning, Blue Juice has been rooted in its
<
div
class
=
"
bj-cause
"
>
<
div
class
=
"
bj-cause-icon
"
>
div
>
<
div
>
<
div
class
=
"
bj-cause
<
div
class
=
"
bj-cause
"
>
<
div
class
=
"
bj-cause-icon
"
>
div
>
<
div
>
<
div
class
=
"
bj-cause
<
div
class
=
"
bj-cause
"
>
<
div
class
=
"
bj-cause-icon
"
>
div
>
<
div
>
<
div
class
=
"
bj-cause
div
>
<
div
class
=
"
bj-mission-right
"
>
<
div
class
=
"
bj-section-label
"
>
About the Film
div
>
<
div
class
=
"
bj-section-title
"
>
Blue Juice (1995)
div
>
<
p
class
=
"
bj-mission-text
"
>
The iconic British surf movie that captured a generat
<
p
class
=
"
bj-mission-text
"
>
Originally filmed in Cornwall, the film remains a cul
<
a
href
=
"
/about
"
class
=
"
bj-btn-outline
"
>
Learn More
a
>
div
>
section
>
<
section
class
=
"
bj-newsletter
"
>
<
div
class
=
"
bj-section-label
"
>
Stay Connected
div
>
<
h2
class
=
"
bj-nl-title
"
>
Join the Blue Juice Family
h2
>
<
p
class
=
"
bj-nl-sub
"
>
Be first to hear about screenings, merch drops, workshops, an
<
form
class
=
"
bj-nl-form
"
action
=
"
#
"
method
=
"
post
"
>
<
input
class
=
"
bj-nl-input
"
type
=
"
email
"
name
=
"
email
"
placeholder
=
"
your@email.com
<
button
type
=
"
submit
"
class
=
"
bj-btn-primary
"
>
Join
button
>
form
>
section
>
<
footer
class
=
"
bj-footer
"
>
<
div
class
=
"
bj-footer-top
"
>
<
div
>
<
div
class
=
"
bj-footer-brand
"
>
Blue
<
span
>
Juice
span
>
div
>
<
p
class
=
"
bj-foot
<
div
class
=
"
bj-footer-col
"
>
<
h4
>
Explore
h4
>
<
a
href
=
"
/news
"
>
News
a
>
<
a
href
=
"
/scr
<
div
class
=
"
bj-footer-col
"
>
<
h4
>
Shop
h4
>
<
a
href
=
"
https://hoylifestyle.com/collec
<
div
class
=
"
bj-footer-col
"
>
<
h4
>
Contact
h4
>
<
a
href
=
"
mailto:info@bluejuicefestiva
div
>
<
div
class
=
"
bj-footer-bottom
"
>
<
div
class
=
"
bj-footer-copy
"
>
© 2026 Blue Juice Festival · Unit Creative Ltd. · VA
<
div
class
=
"
bj-social-links
"
>
<
a
href
=
"
https://facebook.com/bluejuicefestival
"
target
=
"
_blank
"
aria-label
=
"
F
<
a
href
=
"
https://instagram.com/bluejuicefestival
"
target
=
"
_blank
"
aria-label
=
"
div
>
div
>
footer
>