Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Services v2 #118

Open
wants to merge 10 commits into
base: main
Choose a base branch
from
Open

Services v2 #118

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
501dec8
feat(services): add v1
Akeboshiwind Mar 13, 2024
f65bc2a
feat(services): add contact section
Akeboshiwind Mar 13, 2024
9ab5533
Add main headings after a long meeting in MK
malcolmsparks Mar 13, 2024
c17c1f6
Further progress on bikeshedding the services page
malcolmsparks Mar 13, 2024
fee693f
feat(services): block out v2
Akeboshiwind Mar 15, 2024
15896e7
fix(services): make services titles smaller
Akeboshiwind Mar 18, 2024
6578118
fix(services): align content to top
Akeboshiwind Mar 18, 2024
6f3509a
fix(services): shrink spacing at top
Akeboshiwind Mar 18, 2024
e4ec5f3
fix(services): remove to remove
Akeboshiwind Mar 18, 2024
c680d1e
fix(services): remove category & date from mini blog
Akeboshiwind Mar 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 9 additions & 0 deletions public/images/chevron-right.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
20 changes: 20 additions & 0 deletions src/components/services/MiniBlog.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
---
import AssetImage from '@components/team/AssetImage.astro'

const { tall = false } = Astro.props;
---
<div class="flex flex-col w-full">
<AssetImage
src="/src/assets/blog/tesla-sphere-inverted.png"
alt="Something"
class={ "object-cover " + (tall ? "h-52" : "h-32") }
/>
<h3>My Title</h3>
<p class="font-extralight text-sm">
My description.
<br>
It has many lines.
<br>
This is one of them
</p>
</div>
12 changes: 12 additions & 0 deletions src/components/services/Service.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
---
const { title } = Astro.props;
---
<div class="grid grid-cols-1 md:grid-cols-2 py-20 gap-10 md:gap-20">
<div class="flex flex-col gap-4">
<h1 class="text-3xl">{title}</h1>
<div class="font-extralight">
<slot name="blurb" />
</div>
</div>
<slot />
</div>
6 changes: 2 additions & 4 deletions src/data/metadata.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,11 +15,9 @@
},
"navbar": [
{ "label": "Team", "href": "/team" },
{ "label": "Financial", "href": "/financial" },
{ "label": "Delivery", "href": "/delivery" },
{ "label": "Get Started", "href": "/get-started" },
{ "label": "Careers", "href": "/careers" },
{ "label": "Services", "href": "/services" },
{ "label": "Blog", "href": "/blog" },
{ "label": "Careers", "href": "/careers" },
{ "label": "XTDB", "href": "https://xtdb.com/", "target": "_blank" },
{
"label": "Get in touch",
Expand Down
203 changes: 0 additions & 203 deletions src/pages/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -430,209 +430,6 @@ const featuredBlogs = await parseBlogs({
</div>
</Section>

<Section className={'bg-zinc-900 py-20 text-white'}>
<div>
<div class='lg:w-2/3'>
<h2 class='text-4xl lg:text-5xl pb-10 font-bold'>Our Services</h2>
<h3 class='text-xl font-extralight pb-14 lg:pb-20'>
We build high-performing teams, working in close collaboration with
our clients.
</h3>
</div>
</div>

<div class='flex flex-col gap-24'>
<div
class='flex justify-center gap-14 items-center md:items-start lg:items-center flex-col-reverse lg:flex-row'
>
<div class='w-full h-96'>
<Image
alt='image'
width={500}
quality={80}
class='w-full h-full object-cover'
src={import('../assets/site/jon-conj2023.png')}
/>
</div>
<div class='flex flex-col gap-4'>
<div class='text-2xl lg:text-3xl font-semibold py-10'>
Software Engineering
</div>
<div class='font-extralight flex flex-col gap-6'>
<p>
Delivery-focused software engineers that build high-quality,
adaptable systems:
</p>
<div>
<div class='flex items-center'>
<div class='w-8 h-8 shrink-0'>
<ChevronRightIcon className={'fill-white'} />
</div>
<p>
Elegant solutions based on research and creative
problem-solving
</p>
</div>
<div class='flex items-center'>
<div class='w-8 h-8 shrink-0'>
<ChevronRightIcon className={'fill-white'} />
</div>
<p>Well-tested, robust, efficient applications</p>
</div>
<div class='flex items-center'>
<div class='w-8 h-8 shrink-0'>
<ChevronRightIcon className={'fill-white'} />
</div>
<p>
Cloud-native backend engineering, with modern frontend UX
</p>
</div>
</div>
<p>
We can join your existing engineering staff or run dedicated
JUXT teams. Our projects succeed because we work hard to
understand the mission deeply and our engineers take ownership.
</p>
</div>
</div>
</div>

<div
class='flex justify-center items-center md:items-start lg:items-center gap-14 flex-col-reverse lg:flex-row-reverse'
>
<div class='w-full h-96'>
<Image
alt='image'
width={500}
quality={80}
class='w-full h-full object-cover'
src={import('../assets/site/JUXT-10thBday-Wiltons-2230.png')}
/>
</div>
<div class='flex flex-col gap-4'>
<div class='text-2xl lg:text-3xl font-semibold py-10'>
Architecture Design & Review
</div>
<div
class='font-extralight flex flex-col gap-6 w-full sm:w-[550px]'
>
<p>
We've designed data-intensive, realtime systems, solving tough
architectural problems in finance and many other domains. We
bring the philosophies of functional programming to the
architecture - treating time as a first-class concern; treating
data as immutable at all levels of the stack; promoting
stateless systems and operations.
</p>
<p>
We've designed and delivered event-driven and API-driven
systems, taking careful advantage of the capabilities of the
modern cloud.
</p>
<p>
We consult on existing systems to provide short and long-term
recommendations for increasing scale and evolving towards new
use-cases.
</p>
</div>
</div>
</div>

<div
class='flex justify-center gap-14 items-center md:items-start lg:items-center flex-col-reverse lg:flex-row'
>
<div class='w-full h-96'>
<Image
alt='image'
width={500}
quality={80}
class='w-full h-full object-cover'
src={import('../assets/site/fjb.jpg')}
/>
</div>
<div class='flex flex-col gap-4'>
<div class='text-2xl lg:text-3xl font-semibold py-10'>
Platform Engineering
</div>
<div class='font-extralight flex flex-col gap-6'>
<p>
JUXT has helped Fortune 500 companies get developer tooling
right. We deliver cutting-edge Internal Developer Platform
projects, allowing organisations to improve the efficiency of
engineering at scale.
</p>
<p>
Platform engineering done right can give your software teams:
</p>
<div>
<div class='flex items-center'>
<div class='w-8 h-8 shrink-0'>
<ChevronRightIcon className={'fill-white'} />
</div>
<p>
Compliance, security, and other non-functional guarantees,
at scale
</p>
</div>
<div class='flex items-center'>
<div class='w-8 h-8 shrink-0'>
<ChevronRightIcon className={'fill-white'} />
</div>
<p>
Delightful internal developer experiences and documentation.
</p>
</div>
<div class='flex items-center'>
<div class='w-8 h-8 shrink-0'>
<ChevronRightIcon className={'fill-white'} />
</div>
<p>
An internal 'open source' culture and a thriving community
of contributors.
</p>
</div>
</div>
</div>
</div>
</div>

<div
class='flex justify-center items-center md:items-start lg:items-center gap-14 flex-col-reverse lg:flex-row-reverse'
>
<div class='w-full h-96'>
<Image
alt='image'
width={500}
quality={80}
class='w-full h-full object-cover'
src={import('../assets/site/mal-teaching.jpeg')}
/>
</div>
<div class='flex flex-col gap-4'>
<div class='text-2xl lg:text-3xl font-semibold py-10'>
Cloud Infrastructure
</div>
<div
class='font-extralight flex flex-col gap-6 w-full sm:w-[550px]'
>
<p>
We’ve been building systems on AWS since early 2014, over that
time we’ve accumulated first-hand knowledge and expertise of
managing and automating AWS infrastructure through code.
</p>
<p>
Our AWS systems have been successfully audited for PCI DSS
compliance and won praise for their operational stability,
information security and regulatory compliance. We have
experience in meeting GDPR requirements and protecting data
privacy.
</p>
</div>
</div>
</div>
</div>
</Section>

<Section className='text-black py-20 md:py-40 bg-gray-100'>
<ContactUsMini client:only />
</Section>
Expand Down
Loading
Loading