fix wrong redirection for CTA buttons (#55)

vazco · Jul 26, 2023 · 3ad9b32 · 3ad9b32
1 parent 80f0881
commit 3ad9b32
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -37,11 +37,13 @@ const IndexPage = () => {
           <CTASection
             heading="How does Forminer help overcome your challenges?"
             buttonText="Explore docs"
+            link="/docs"
           />
           <PowerfulFeatures />
           <CTASection
             heading="Ready to see Forminer in action?"
             buttonText="Explore demo"
+            link="/demo"
           />
           <UseCases />
           <WhatDoYouGet />

diff --git a/src/sections/CTASection/CTASection.tsx b/src/sections/CTASection/CTASection.tsx
@@ -27,7 +27,7 @@ const ContentWrapper = styled.div`
   background-image: url(${ctaBackground});
   background-size: cover;
   background-position: center center;
-  ${media.lessThan("sm")`
+  ${media.lessThan('sm')`
     gap: ${rem('40px')};
     flex-direction: column;
   `}
@@ -37,15 +37,16 @@ type CTASectionProps = {
   heading: string;
   buttonText: string;
   sectionId?: string;
+  link: string;
 };
 
-export const CTASection = ({ heading, buttonText }: CTASectionProps) => {
+export const CTASection = ({ heading, buttonText, link }: CTASectionProps) => {
   return (
     <HighlightPanel>
       <Container>
         <ContentWrapper>
           <h3>{heading}</h3>
-          <Link to="mailto:[email protected]" newTab={false}>
+          <Link to={link} newTab={false} internal>
             <Button variant="solid">{buttonText}</Button>
           </Link>
         </ContentWrapper>