eny.space Landingpage
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

feat(prelaunch-section): add a prelaunch section to the start page

+40 -1
+1
app/components/prelaunch/index.ts
··· 1 + export { PrelaunchSection } from "./prelaunch-section";
+37
app/components/prelaunch/prelaunch-section.tsx
··· 1 + import { Heading } from "@/components/heading"; 2 + import { Paragraph } from "@/components/paragraph"; 3 + import { prelaunch } from "@/lib/prelaunch"; 4 + import { ButtonLink } from "@/components/button-link"; 5 + import { ArrowRightIcon } from "lucide-react"; 6 + 7 + export async function PrelaunchSection() { 8 + if (!prelaunch) return null; 9 + 10 + return ( 11 + <section 12 + id="prelaunch" 13 + className="relative w-full px-4 py-20 sm:px-6 sm:py-24" 14 + > 15 + <div className="mx-auto max-w-5xl text-center"> 16 + <Heading 17 + as="h2" 18 + className="text-2xl font-semibold tracking-tight text-white sm:text-3xl md:text-4xl" 19 + > 20 + Can't wait for the launch? 21 + </Heading> 22 + <Paragraph className="mt-4 text-sm text-white/70 sm:text-base"> 23 + Sign up for early access and we will update you the moment our service 24 + is available to the public. 25 + </Paragraph> 26 + 27 + <ButtonLink 28 + href="/signup" 29 + className="mt-6 px-6 uppercase tracking-wide text-neutral-950 shadow-[0_0_40px_rgba(232,121,249,0.45)] bg-fuchsia-400 hover:bg-fuchsia-300" 30 + endIcon={<ArrowRightIcon className="size-4" aria-hidden />} 31 + > 32 + Sign up 33 + </ButtonLink> 34 + </div> 35 + </section> 36 + ); 37 + }
+2 -1
app/page.tsx
··· 4 4 import { PricingSection } from "@/components/pricing"; 5 5 import { FAQSection } from "@/components/faq"; 6 6 import { CTASection } from "@/components/cta"; 7 + import { PrelaunchSection } from "./components/prelaunch"; 7 8 8 9 export default function Page() { 9 10 return ( ··· 11 12 <Hero /> 12 13 <LogoBar /> 13 14 <FeaturesSection /> 14 - <PricingSection /> 15 + <PrelaunchSection /> <PricingSection /> 15 16 <FAQSection /> 16 17 <CTASection /> 17 18 </>