Pull requests

src/config/footer.js

@@ -46,6 +46,10 @@ export const footerLists = [
 				title: 'About',
 				slug: '/company/about',
 			},
+			{
+				title: 'Clients',
+				slug: '/company/clients',
+			},
 			{
 				title: 'Blog',
 				slug: '/blog',

src/config/nav.js

@@ -11,6 +11,10 @@ export const nav = [
 		title: 'About',
 		slug: '/company/about',
 	},
+	{
+		title: 'Clients',
+		slug: '/company/clients',
+	},
 	{
 		title: 'Contact',
 		slug: '/company/contact',

src/pages/blog/posts/new.mdx

@@ -0,0 +1 @@
+

src/pages/blog/posts/remote-work-mental-health.mdx

@@ -23,3 +23,7 @@ Fames ac turpis egestas sed tempus. Condimentum mattis pellentesque id nibh tort
 Sit amet massa vitae tortor condimentum. Mattis nunc sed blandit libero volutpat sed cras. Lectus magna fringilla urna porttitor rhoncus. Id velit ut tortor pretium viverra. Sit amet nisl suscipit adipiscing bibendum est ultricies integer. Enim praesent elementum facilisis leo vel fringilla est ullamcorper eget. Sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque. Habitant morbi tristique senectus et netus et malesuada fames ac. Maecenas ultricies mi eget mauris pharetra et ultrices neque ornare. Mauris ultrices eros in cursus turpis. Sit amet dictum sit amet justo donec enim diam. Ut lectus arcu bibendum at varius vel pharetra vel turpis. Eu facilisis sed odio morbi quis commodo. Adipiscing bibendum est ultricies integer. Nisi vitae suscipit tellus mauris a diam maecenas sed enim. Quam viverra orci sagittis eu volutpat.
 
 Pellentesque habitant morbi tristique senectus. Ut tellus elementum sagittis vitae et leo. Quis blandit turpis cursus in hac habitasse platea dictumst. Posuere lorem ipsum dolor sit amet consectetur adipiscing elit duis. At volutpat diam ut venenatis tellus in metus. Sagittis eu volutpat odio facilisis mauris sit amet. Et molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit. Felis eget nunc lobortis mattis aliquam. Facilisis magna etiam tempor orci eu. Aliquam faucibus purus in massa tempor nec feugiat nisl. Quis hendrerit dolor magna eget est lorem ipsum dolor. Proin libero nunc consequat interdum. Mauris cursus mattis molestie a.
+
+<div style="position: relative; padding-bottom: 103.44827586206897%; height: 0;"><iframe src="https://www.loom.com/embed/e3d674d5ba0b4924b96525e950069568?sid=81185472-09d3-4833-b6ba-74bc2176c3b2" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>
+
+Will any of this work? 

src/pages/company/clients.astro

@@ -0,0 +1,138 @@
+---
+import { Icon } from 'astro-icon/components';
+import {
+	AnnouncementBar,
+	Button,
+	CustomerQuoteSection,
+	ThreeColumnTextSection,
+	YouTubeEmbedSection,
+	StickyTextImageSection,
+	CtaCardSection,
+} from '@components/odyssey-theme';
+import Layout from '../../layouts/Page.astro';
+import TextAndImageHero from '../../components/sections/heros/TextAndImageHero.astro';
+
+const seo = {
+	title: 'Little Hunter| Petfood Startup uses Klaviyo for Fast Growth!',
+	description: 'How Little Hunter grew from $850 to $220,000 MRR in 4 months',
+};
+---
+
+<AnnouncementBar
+	text="New Retention Dashboard to Grow Your MRR"
+	href="https://retentiondash.com/"
+	slot="announcement-bar"
+/>
+<Layout {seo}>
+	<TextAndImageHero reversed>
+		<div slot="text-container">
+			<h1>Little Hunter| Petfood Startup uses Klaviyo for Fast Growth!</h1>
+			<p>How Little Hunter grew from $850 to $220,000 MRR in 4 months</p>
+		</div>
+		<div slot="btns-container">
+			<Button href="/theme/get-started" customIcon
+				>Get Started <span slot="icon">
+					<Icon name="ic:baseline-chevron-right" />
+				</span></Button
+			>
+		</div>
+		<picture slot="image-container">
+			<img
+				src="/assets/images/landing-1/landing-hero-1.jpg"
+				alt="Astro Odyssee"
+				id="home-hero-image"
+			/>
+		</picture>
+	</TextAndImageHero>
+
+	<CustomerQuoteSection
+		quoteText="Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, vero nobis? Voluptas assumenda, voluptatibus commodi qui ducimus delectus praesentium maiores, impedit iure labore ratione, ea facilis numquam doloremque aperiam aspernatur."
+		customerName="Happy Customer"
+	/>
+
+	<ThreeColumnTextSection>
+		<div slot="column-1-body">
+			<h2>Why?</h2>
+			<p>
+				Lorem ipsum dolor sit amet consectetur adipisicing elit. Est dolorem
+				tempore odio! Nemo consectetur ipsa aperiam similique maxime maiores
+				consequatur explicabo ut quibusdam fugiat corporis, dignissimos tenetur,
+				mollitia cumque. Velit.
+			</p>
+		</div>
+		<Button slot="column-1-cta">Learn More</Button>
+		<div slot="column-2-body">
+			<h2>How?</h2>
+			<p>
+				Lorem ipsum dolor sit amet consectetur adipisicing elit. Est dolorem
+				tempore odio! Nemo consectetur ipsa aperiam similique maxime maiores
+				consequatur explicabo ut quibusdam fugiat corporis, dignissimos tenetur,
+				mollitia cumque. Velit.
+			</p>
+		</div>
+		<Button slot="column-2-cta" outlined>Learn More</Button>
+		<div slot="column-3-body">
+			<h2>What?</h2>
+			<p>
+				Lorem ipsum dolor sit amet consectetur adipisicing elit. Est dolorem
+				tempore odio! Nemo consectetur ipsa aperiam similique maxime maiores
+				consequatur explicabo ut quibusdam fugiat corporis, dignissimos tenetur,
+				mollitia cumque. Velit.
+			</p>
+		</div>
+		<Button slot="column-3-cta">Learn More</Button>
+	</ThreeColumnTextSection>
+
+	<YouTubeEmbedSection url="https://www.youtube.com/watch?v=meU5NVWaJk8" rounded
+	/>
+
+	<StickyTextImageSection>
+		<div slot="text-container">
+			<h2>Features</h2>
+			<h3>SEO</h3>
+			<p>
+				Lorem ipsum dolor sit amet consectetur adipisicing elit. Est dolorem
+				tempore odio! Nemo consectetur ipsa aperiam similique maxime maiores
+				consequatur explicabo ut quibusdam fugiat corporis, dignissimos tenetur,
+				mollitia cumque. Velit.
+			</p>
+			<h3>Responsive</h3>
+			<p>
+				Lorem ipsum dolor sit amet consectetur adipisicing elit. Est dolorem
+				tempore odio! Nemo consectetur ipsa aperiam similique maxime maiores
+				consequatur explicabo ut quibusdam fugiat corporis, dignissimos tenetur,
+				mollitia cumque. Velit.
+			</p>
+			<h3>Themeable</h3>
+			<p>
+				Lorem ipsum dolor sit amet consectetur adipisicing elit. Est dolorem
+				tempore odio! Nemo consectetur ipsa aperiam similique maxime maiores
+				consequatur explicabo ut quibusdam fugiat corporis, dignissimos tenetur,
+				mollitia cumque. Velit.
+			</p>
+		</div>
+		<picture slot="image-container">
+			<img
+				src="/assets/images/landing-1/landing-sticky.jpg"
+				alt="Astro Odyssey"
+				loading="lazy"
+			/>
+		</picture>
+	</StickyTextImageSection>
+
+	<CtaCardSection
+		background="var(--theme-surface-2)"
+		color="var(--theme-on-surface-2)"
+	>
+		<h2>Start Your Website Today</h2>
+		<p>
+			It only takes a couple clicks to have a new, modern website for your
+			business or startup.
+		</p>
+		<Button href="/theme/get-started" customIcon
+			>Get Started <span slot="icon">
+				<Icon name="ic:baseline-chevron-right" />
+			</span></Button
+		>
+	</CtaCardSection>
+</Layout>

src/pages/landing-pages/landing-1.astro

@@ -83,7 +83,7 @@ const seo = {
 		<Button slot="column-3-cta">Learn More</Button>
 	</ThreeColumnTextSection>
 
-	<YouTubeEmbedSection url="https://www.youtube.com/watch?v=cbYr75_R15M" rounded
+	<YouTubeEmbedSection url="https://www.youtube.com/watch?v=meU5NVWaJk8" rounded
 	/>
 
 	<StickyTextImageSection>