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.

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

feat: add create.xyz hero section on homepage #2910

Merged
merged 16 commits into from
Feb 12, 2025
Merged
Prev Previous commit
Next Next commit
fix: last style fixes
  • Loading branch information
saimonkat committed Feb 11, 2025
commit 4bdae5b11729edae4137f8df7e76e98472f227c8
6 changes: 3 additions & 3 deletions src/components/pages/home/create/create.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,15 +9,15 @@ import bg from 'images/pages/home/hero/bg.jpg';
const Create = () => (
<section className="hero safe-paddings relative pt-36 xl:pt-[120px] lg:pt-[104px] md:pt-24">
<Container className="relative z-10 xl:px-8" size="1100">
<div className="mx-auto max-w-[640px] text-center xl:max-w-xl lg:max-w-lg xs:max-w-xs">
<div className="mx-auto max-w-[640px] text-center xl:max-w-xl lg:max-w-lg sm:max-w-xs">
<span className="mx-auto mb-3.5 block text-sm font-medium uppercase leading-none text-[#66FFDB]/80 lg:mb-3 md:text-xs">
Customer Spotlight
</span>
<h1 className="font-title text-[72px] font-medium leading-[0.94] tracking-extra-tight text-white xl:text-[64px] xl:-tracking-[0.03em] lg:text-[56px] md:text-[40px] sm:text-[32px]">
<h1 className="font-title text-[72px] font-medium leading-[0.94] tracking-extra-tight text-white xl:text-[64px] xl:-tracking-[0.03em] lg:text-[56px] sm:text-[32px]">
<span className="bg-gradient-to-b from-white from-30% to-[#99FFE7] bg-clip-text text-transparent">
Create.xyz
</span>{' '}
ships faster with Postgres
ships faster&nbsp;with&nbsp;Postgres
</h1>
<p className="mt-3 text-lg font-light leading-snug tracking-tighter text-gray-new-80 lg:mt-2 lg:text-base md:text-balance">
Text to app platform Create.xyz uses the latest Al models to turn your prompts
Expand Down
4 changes: 2 additions & 2 deletions src/components/pages/home/hero/hero.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -105,15 +105,15 @@ const Hero = () => {
<section className="hero safe-paddings relative pt-[168px] xl:pt-[152px] lg:pt-32 md:pt-[88px]">
<Container className="xl:px-8" size="1100">
<div className="mx-auto max-w-[640px] text-center xl:max-w-xl lg:max-w-lg sm:max-w-xs">
<h1 className="font-title text-[72px] font-medium leading-none -tracking-[0.03em] text-white xl:text-[64px] lg:text-[56px] md:text-[40px] sm:text-[32px]">
<h1 className="font-title text-[72px] font-medium leading-none -tracking-[0.03em] text-white xl:text-[64px] lg:text-[56px] sm:text-[32px]">
About Neon
</h1>
<p className="mt-2.5 text-lg font-light leading-snug tracking-tighter text-gray-new-80 lg:mt-2.5 lg:text-base">
Neon is the Postgres database you love, on a serverless platform designed
to&nbsp;help&nbsp;you build reliable and scalable applications faster.
</p>
<Button
className="pointer-events-auto relative mt-7 font-semibold xl:mt-6"
className="pointer-events-auto relative mt-7 px-9 font-semibold xl:mt-6 md:px-7"
theme="primary"
size="md-new"
to={LINKS.signup}
Expand Down