Skip to content

Commit 8683552

Browse files
samrapsamrap
committedDec 29, 2022
Add favicon and og tags.
1 parent 5d05a2b commit 8683552

14 files changed

+43
-8
lines changed
 

‎app.vue

+10
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,15 @@
11
<template>
22
<div>
3+
<Head>
4+
<Link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
5+
<Link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
6+
<Link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
7+
<Link rel="manifest" href="/site.webmanifest" />
8+
9+
<Meta property="og:image" name="og:image" content="/og-image.png" />
10+
<Meta name="twitter:image" content="/og-image.png" />
11+
<Meta name="twitter:card" content="summary_large_image" />
12+
</Head>
313
<Header />
414

515
<NuxtLoadingIndicator color="linear-gradient(90deg, rgba(0,0,0,1) 12%, rgba(0,0,196,1) 100%)" />

‎pages/index.vue

+32-8
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template>
22
<div>
3-
<section id="hero" class="flex items-center justify-center pt-48 pb-36 2xl:h-screen">
3+
<section id="hero" class="flex items-center justify-center pt-48 pb-36 2xl:h-screen overflow-hidden">
44
<DopeContainer>
55
<div class="grid grid-cols-4 items-center justify-between">
66
<div class="col-span-4 text-8xl font-bold uppercase xl:text-9xl" data-chaffle="en">Really</div>
@@ -16,6 +16,10 @@
1616
</DopeContainer>
1717
</section>
1818

19+
<DopeContainer class="text-center p-24">
20+
<span class="block p-24 text-[400px]">&#10036;</span>
21+
</DopeContainer>
22+
1923
<DopeSection id="intro" class="bg-neutral-900 text-neutral-300">
2024
<header>
2125
<DopeContainer>
@@ -179,7 +183,7 @@
179183
<DopeSection id="proof">
180184
<header>
181185
<DopeContainer>
182-
<DopeHeading level="h2">Proof</DopeHeading>
186+
<DopeHeading level="h2">Results</DopeHeading>
183187
<p class="mt-12 max-w-3xl text-2xl font-medium">
184188
As a small team, we care deeply about every project and aim to build ongoing, long-term success with our
185189
clients. Read what some of them have to say about RDD.
@@ -188,15 +192,17 @@
188192
</header>
189193

190194
<div class="relative mx-auto mt-4 w-full max-w-7xl pt-20 pl-4 xl:pl-8">
191-
<div class="scrollbar-none flex gap-8 overflow-x-scroll 2xl:mr-[calc(-100vw/2+1280px/2)]">
195+
<div ref="scrollContainer" class="scrollbar-none flex gap-8 overflow-x-scroll 2xl:mr-[calc(-100vw/2+1280px/2)]">
192196
<div v-for="(testimonial, i) in testimonials" :key="i" class="w-4/5 shrink-0 xl:w-2/5">
193197
<figure class="h-full">
194198
<blockquote class="flex h-full flex-col justify-between">
195199
<p class="mb-8 text-lg leading-loose">
196200
{{ testimonial.statement }}
197201
</p>
198202
<figcaption class="flex items-center gap-4">
199-
<div class="h-12 w-12 rounded-full bg-neutral-900"></div>
203+
<div class="h-12 w-12 rounded-full bg-neutral-900 overflow-hidden">
204+
<img :src="testimonial.avatar" :alt="testimonial.client" class="object-fit grayscale" />
205+
</div>
200206
<div>
201207
<span class="block font-medium">{{ testimonial.client }}</span>
202208
<span class="block">{{ testimonial.role }}</span>
@@ -207,9 +213,13 @@
207213
</div>
208214
</div>
209215

210-
<div class="absolute top-0 right-0 inline-flex gap-4">
211-
<button class="h-8 w-8 rounded-full border border-neutral-900"></button>
212-
<button class="h-8 w-8 rounded-full border border-neutral-900"></button>
216+
<div class="absolute top-0 right-4 inline-flex gap-4">
217+
<button @click="slideBack" class="flex items-center justify-center h-8 w-8 rounded-full border border-neutral-900">
218+
<ChevronLeftIcon class="inline-block w-5"></ChevronLeftIcon>
219+
</button>
220+
<button @click="slideForward" class="flex items-center justify-center h-8 w-8 rounded-full border border-neutral-900">
221+
<ChevronRightIcon class="w-5"></ChevronRightIcon>
222+
</button>
213223
</div>
214224
</div>
215225
</DopeSection>
@@ -220,7 +230,7 @@
220230

221231
<script setup>
222232
import { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'
223-
import { ChevronDownIcon } from '@heroicons/vue/24/outline/index.js'
233+
import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from '@heroicons/vue/24/outline/index.js'
224234
225235
const { find } = useStrapi()
226236
const {
@@ -231,6 +241,16 @@ const {
231241
} = await useAsyncData('projects', () => find('projects', { filters: { featured: true }, populate: '*' }))
232242
onMounted(() => refresh())
233243
244+
const scrollContainer = ref(null)
245+
246+
const slideBack = () => {
247+
scrollContainer.value.scroll({ left: 0, behavior: 'smooth' })
248+
}
249+
250+
const slideForward = () => {
251+
scrollContainer.value.scroll({ left: scrollContainer.value.scrollLeft + 300, behavior: 'smooth' })
252+
}
253+
234254
const ourProcess = [
235255
{
236256
name: 'Discover',
@@ -253,24 +273,28 @@ const testimonials = [
253273
{
254274
client: 'Claire Lehmann',
255275
role: 'CEO, Quillette',
276+
avatar: '/images/claire-lehmann.png',
256277
statement:
257278
"RDD's technical acumen and professional manner has been indispensable to our company. They respond to requests rapidly and deliver solutions with careful precision and attention to detail. Having a holistic attitude towards business, RDD has ensured that our company has greatly improved technical infrastructure while at the same time delivering extensive cost savings. Their services are highly recommended.",
258279
},
259280
{
260281
client: 'Corey Mangold',
261282
role: 'Entrepreneur',
283+
avatar: '/images/corey-mangold.png',
262284
statement:
263285
"I first met Sam in 2015 when we hired him at the creative agency I owned at the time. I knew it was only a matter of time before he would start his own thing. His work kicked ass and won us a ton of awards between 2015 and 2018. I've gone on to start several businesses since and use him and now RDD any time I need a website or custom software.",
264286
},
265287
{
266288
client: 'Jeremy Sifuentes',
267289
role: 'Realtor',
290+
avatar: '/images/jeremy-sifuentes.png',
268291
statement:
269292
"I went to RDD with an idea for my real estate website and they brought it to life. They made it look flawless and from that I've acquired numerous clients. If you're looking for a website to be professionally made, RDD is the choice!",
270293
},
271294
{
272295
client: 'Kris Chase',
273296
role: 'VP of Technology, Envoy',
297+
avatar: '/images/kris-chase.png',
274298
statement: "Rockstar developers with an impressive industry background, these guys know what they're doing.",
275299
},
276300
]

‎public/android-chrome-192x192.png

7.98 KB
Loading

‎public/android-chrome-512x512.png

27 KB
Loading

‎public/apple-touch-icon.png

7.31 KB
Loading

‎public/favicon-16x16.png

474 Bytes
Loading

‎public/favicon-32x32.png

834 Bytes
Loading

‎public/favicon.ico

15 KB
Binary file not shown.

‎public/images/claire-lehmann.png

53.4 KB
Loading

‎public/images/corey-mangold.png

476 KB
Loading

‎public/images/jeremy-sifuentes.png

268 KB
Loading

‎public/images/kris-chase.png

532 KB
Loading

‎public/og-image.png

117 KB
Loading

‎public/site.webmanifest

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

0 commit comments

Comments
 (0)
Please sign in to comment.