Skip to content

Commit

Permalink
Merge pull request #555 from coqui-ai/shutdown
Browse files Browse the repository at this point in the history 
Indicated shutdown
  • Loading branch information
@kdavis-coqui
kdavis-coqui authored Dec 31, 2023
2 parents c100d66 + ce4c04e commit f38249f
Show file tree
Hide file tree
Showing 4 changed files with 27 additions and 297 deletions.
57 changes: 7 additions & 50 deletions src/layouts/Home/components/Hero.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,6 @@ export const Hero = () => {
display: flex;
justify-content: center;
position: relative;
background: linear-gradient(207.81deg, #f5faff 54.98%, #fefffe 92.7%);
padding: 5rem 10rem;
${p => mediaQuery('down', 'md', p.theme)} {
padding: 5rem 4rem;
Expand Down Expand Up @@ -69,7 +68,7 @@ export const Hero = () => {
flex-direction: column;
`}
>
<span>A new&nbsp;way to&nbsp;do voice&nbsp;overs.</span>
<span>Coqui&nbsp;is</span>
<span
css={css`
background: linear-gradient(89.27deg, #ed8f1c -1.56%, #468d6a 102.75%);
Expand All @@ -79,7 +78,7 @@ export const Hero = () => {
text-fill-color: transparent;
`}
>
A better way.
shutting&nbsp;down.
</span>
</h1>
<p
Expand All @@ -90,40 +89,10 @@ export const Hero = () => {
}
`}
>
<Link to="blog/tts/open_xtts">XTTS</Link>: local, on-premise, realistic, emotive{' '}
<span css="white-space: nowrap;">TTS through generative AI.</span>
</p>
<p
css={css`
font-size: 18px;
${p => mediaQuery('down', 'sm', p.theme)} {
font-size: 14px;
}
`}
>
Interested in a commercial license?
</p>
<p
css={css`
font-size: 18px;
font-weight: bold;
font-style: italic;
${p => mediaQuery('down', 'sm', p.theme)} {
font-size: 14px;
}
`}
>
Pricing starts at $1 per day.
</p>
<p
css={css`
font-size: 18px;
${p => mediaQuery('down', 'sm', p.theme)} {
font-size: 14px;
}
`}
>
Read the <Link to="faq">FAQ</Link>.
Thank you for all your support!{' '}
<span role="img" aria-label="heart">
❤️
</span>
</p>
<div
css={css`
Expand All @@ -138,19 +107,7 @@ export const Hero = () => {
justify-content: center;
}
`}
>
<ClientSide>
<PrimaryButton
text="Try now for free"
path="https://huggingface.co/spaces/coqui/xtts"
/>
</ClientSide>
<SecondaryButton text="Purchase a commercial license" path="https://t.co/F2OsCp00iI" />
<SecondaryButton
text="Install locally"
path="https://tts.readthedocs.io/en/latest/installation.html"
/>
</div>
/>
</div>
<div
css={css`
Expand Down
7 changes: 1 addition & 6 deletions src/layouts/Home/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,12 +10,7 @@ import { Hero } from './components/Hero';
import { Voices } from './components/Voices';

export const HomeLayout = () => {
return (
<>
<Hero />
<Voices />
</>
);
return <Hero />;
};

export default HomeLayout;
162 changes: 18 additions & 144 deletions src/layouts/Root/components/Footer.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -117,138 +117,24 @@ const Footer: React.FC<IFooterLayoutProps> = ({ isSubscribing }) => {
`}
>
{!isSubscribing && (
<>
<Link aria-label="Coqui on GitHub" to="https://github.com/coqui-ai">
<div
css={`
display: flex;
justify-content: center;
align-items: center;
`}
>
<GitHubIcon
css={css`
margin-right: ${p => p.theme.space.lg};
width: ${p => p.theme.iconSizes.lg};
height: ${p => p.theme.iconSizes.lg};
color: ${p => p.theme.palette.moss};
`}
/>
</div>
</Link>
<Link aria-label="Coqui on Twitter" to="https://twitter.com/coqui_ai">
<div
css={`
display: flex;
justify-content: center;
align-items: center;
`}
>
<TwitterIcon
css={css`
margin-right: ${p => p.theme.space.lg};
width: 30px;
height: 30px;
color: ${p => p.theme.palette.moss};
margin-top: -2px;
`}
/>
</div>
</Link>
<Link aria-label="Coqui on Facebook" to="https://www.facebook.com/coquiai">
<div
css={`
display: flex;
justify-content: center;
align-items: center;
`}
>
<FacebookIcon
css={css`
margin-right: ${p => p.theme.space.lg};
width: ${p => p.theme.iconSizes.lg};
height: ${p => p.theme.iconSizes.lg};
color: ${p => p.theme.palette.moss};
`}
/>
</div>
</Link>
<Link
aria-label="Coqui on LinkedIn"
to="https://www.linkedin.com/company/coqui-ai"
<Link aria-label="Coqui on GitHub" to="https://github.com/coqui-ai">
<div
css={`
display: flex;
justify-content: center;
align-items: center;
`}
>
<div
css={`
display: flex;
justify-content: center;
align-items: center;
`}
>
<LinkedInIcon
css={css`
margin-right: ${p => p.theme.space.lg};
width: ${p => p.theme.iconSizes.lg};
height: ${p => p.theme.iconSizes.lg};
color: ${p => p.theme.palette.moss};
`}
/>
</div>
</Link>
<Link aria-label="Coqui on Discord" to="https://discord.gg/CzxHHp8mtZ">
<div
css={`
display: flex;
justify-content: center;
align-items: center;
`}
>
<DiscordIcon
css={css`
margin-right: ${p => p.theme.space.lg};
width: 32px;
height: 32px;
color: ${p => p.theme.palette.moss};
margin-top: -4px;
`}
/>
</div>
</Link>
<Link aria-label="Coqui on YouTube" to="https://www.youtube.com/@coqui1027">
<div
css={`
display: flex;
justify-content: center;
align-items: center;
<GitHubIcon
css={css`
margin-right: ${p => p.theme.space.lg};
width: ${p => p.theme.iconSizes.lg};
height: ${p => p.theme.iconSizes.lg};
color: ${p => p.theme.palette.moss};
`}
>
<YouTubeIcon
css={css`
margin-right: ${p => p.theme.space.lg};
width: 45px;
height: 45px;
color: ${p => p.theme.palette.moss};
margin-top: -10px;
`}
/>
</div>
</Link>
<Link aria-label="Coqui on YouTube" to="https://www.youtube.com/@coqui1027">
<div
css={`
display: flex;
justify-content: center;
align-items: center;
`}
>
<YouTubeIcon
css={css`
margin-top: -5px;
color: ${p => p.theme.palette.moss};
`}
/>
</div>
</Link>
</>
/>
</div>
</Link>
)}
</div>
</div>
Expand All @@ -275,14 +161,7 @@ const Footer: React.FC<IFooterLayoutProps> = ({ isSubscribing }) => {
display: flex;
flex-direction: column;
`}
>
<p css="font-weight: 700">Product</p>
<ClientSide>
<StyledLinksItem to="https://huggingface.co/spaces/coqui/xtts">
XTTS
</StyledLinksItem>
</ClientSide>
</div>
/>
<div
css={css`
display: flex;
Expand All @@ -298,12 +177,7 @@ const Footer: React.FC<IFooterLayoutProps> = ({ isSubscribing }) => {
display: flex;
flex-direction: column;
`}
>
<p css="font-weight: 700">Company</p>
<StyledLinksItem to="/about">About us</StyledLinksItem>
<StyledLinksItem to="/blog">Blog</StyledLinksItem>
<StyledLinksItem to="/jobs">Jobs</StyledLinksItem>
</div>
/>
<div
css={css`
display: flex;
Expand Down
Loading

0 comments on commit f38249f

Please sign in to comment.