Remove navigation links from templates

Author: zanivan

docs/data/material/getting-started/templates/checkout/Checkout.js

@@ -142,7 +142,7 @@ export default function Checkout() {
             <Button
               startIcon={<ArrowBackRoundedIcon />}
               component="a"
-              href="/material-ui/getting-started/templates/landing-page/"
+              href="/material-ui/getting-started/templates/"
               sx={{ ml: '-8px' }}
             >
               Back to
@@ -198,7 +198,7 @@ export default function Checkout() {
               <Button
                 startIcon={<ArrowBackRoundedIcon />}
                 component="a"
-                href="/material-ui/getting-started/templates/landing-page/"
+                href="/material-ui/getting-started/templates/"
                 sx={{ alignSelf: 'start' }}
               >
                 Back to

docs/data/material/getting-started/templates/checkout/Checkout.tsx

@@ -143,7 +143,7 @@ export default function Checkout() {
             <Button
               startIcon={<ArrowBackRoundedIcon />}
               component="a"
-              href="/material-ui/getting-started/templates/landing-page/"
+              href="/material-ui/getting-started/templates/"
               sx={{ ml: '-8px' }}
             >
               Back to
@@ -199,7 +199,7 @@ export default function Checkout() {
               <Button
                 startIcon={<ArrowBackRoundedIcon />}
                 component="a"
-                href="/material-ui/getting-started/templates/landing-page/"
+                href="/material-ui/getting-started/templates/"
                 sx={{ alignSelf: 'start' }}
               >
                 Back to

docs/data/material/getting-started/templates/landing-page/components/AppAppBar.js

@@ -131,24 +131,10 @@ function AppAppBar({ mode, toggleColorMode }) {
             }}
           >
             <ToggleColorMode mode={mode} toggleColorMode={toggleColorMode} />
-            <Button
-              color="primary"
-              variant="text"
-              size="small"
-              component="a"
-              href="/material-ui/getting-started/templates/sign-in/"
-              target="_blank"
-            >
+            <Button color="primary" variant="text" size="small">
               Sign in
             </Button>
-            <Button
-              color="primary"
-              variant="contained"
-              size="small"
-              component="a"
-              href="/material-ui/getting-started/templates/sign-up/"
-              target="_blank"
-            >
+            <Button color="primary" variant="contained" size="small">
               Sign up
             </Button>
           </Box>
@@ -190,26 +176,12 @@ function AppAppBar({ mode, toggleColorMode }) {
                 </MenuItem>
                 <MenuItem onClick={() => scrollToSection('faq')}>FAQ</MenuItem>
                 <MenuItem>
-                  <Button
-                    color="primary"
-                    variant="contained"
-                    component="a"
-                    href="/material-ui/getting-started/templates/sign-up/"
-                    target="_blank"
-                    fullWidth
-                  >
+                  <Button color="primary" variant="contained" fullWidth>
                     Sign up
                   </Button>
                 </MenuItem>
                 <MenuItem>
-                  <Button
-                    color="primary"
-                    variant="outlined"
-                    component="a"
-                    href="/material-ui/getting-started/templates/sign-in/"
-                    target="_blank"
-                    fullWidth
-                  >
+                  <Button color="primary" variant="outlined" fullWidth>
                     Sign in
                   </Button>
                 </MenuItem>

docs/data/material/getting-started/templates/landing-page/components/AppAppBar.tsx

@@ -135,24 +135,10 @@ export default function AppAppBar({ mode, toggleColorMode }: AppAppBarProps) {
             }}
           >
             <ToggleColorMode mode={mode} toggleColorMode={toggleColorMode} />
-            <Button
-              color="primary"
-              variant="text"
-              size="small"
-              component="a"
-              href="/material-ui/getting-started/templates/sign-in/"
-              target="_blank"
-            >
+            <Button color="primary" variant="text" size="small">
               Sign in
             </Button>
-            <Button
-              color="primary"
-              variant="contained"
-              size="small"
-              component="a"
-              href="/material-ui/getting-started/templates/sign-up/"
-              target="_blank"
-            >
+            <Button color="primary" variant="contained" size="small">
               Sign up
             </Button>
           </Box>
@@ -194,26 +180,12 @@ export default function AppAppBar({ mode, toggleColorMode }: AppAppBarProps) {
                 </MenuItem>
                 <MenuItem onClick={() => scrollToSection('faq')}>FAQ</MenuItem>
                 <MenuItem>
-                  <Button
-                    color="primary"
-                    variant="contained"
-                    component="a"
-                    href="/material-ui/getting-started/templates/sign-up/"
-                    target="_blank"
-                    fullWidth
-                  >
+                  <Button color="primary" variant="contained" fullWidth>
                     Sign up
                   </Button>
                 </MenuItem>
                 <MenuItem>
-                  <Button
-                    color="primary"
-                    variant="outlined"
-                    component="a"
-                    href="/material-ui/getting-started/templates/sign-in/"
-                    target="_blank"
-                    fullWidth
-                  >
+                  <Button color="primary" variant="outlined" fullWidth>
                     Sign in
                   </Button>
                 </MenuItem>

docs/data/material/getting-started/templates/landing-page/components/Pricing.js

@@ -196,13 +196,7 @@ export default function Pricing() {
                 ))}
               </CardContent>
               <CardActions>
-                <Button
-                  fullWidth
-                  variant={tier.buttonVariant}
-                  component="a"
-                  href="/material-ui/getting-started/templates/checkout/"
-                  target="_blank"
-                >
+                <Button fullWidth variant={tier.buttonVariant}>
                   {tier.buttonText}
                 </Button>
               </CardActions>

docs/data/material/getting-started/templates/landing-page/components/Pricing.tsx

@@ -199,9 +199,6 @@ export default function Pricing() {
                 <Button
                   fullWidth
                   variant={tier.buttonVariant as 'outlined' | 'contained'}
-                  component="a"
-                  href="/material-ui/getting-started/templates/checkout/"
-                  target="_blank"
                 >
                   {tier.buttonText}
                 </Button>